/* declaring the website maximum screen size 1920px*/
html,body,nav,footer {max-width:1920px!important; margin:auto; }

/* declaring HTML content */
html {position: relative; min-height:100%; width:100%;}

/* declaring Body contect */
body {margin:0; height:100%; min-height:100%; min-width:100%; clear: both; overflow-x:hidden; font-family:'Arial Narrow', 'Arial', sans-serif; color:#fff;overflow-x:auto;}


.caret {font-size:1px; width:2px}

#body_libraryproduct {background: #fff url(/envoy/images/library/Background11.png) no-repeat right bottom fixed; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: cover}

#body_libraryproduct_details {background: #fff; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: fixed}

#imgToHide {display:none}

#imgToHide1 {display:none}

#imgToHide01 {display:none}

/* media query for min 1921px to higher*/
@media only screen and (min-width: 1921px) {
#body_libraryproduct {padding-bottom:0px; overflow-x:hidden; overflow-y:scroll;}

#body_libraryproduct_details {padding-bottom:0px; overflow-x:hidden;  overflow-y:scroll;}


/*============================================product library page==============================================*/
/* Library Page Header */
#navbar_library {background:white; border-style:solid; box-shadow:none; min-height:62px; width:99%;}

#company_name {color:#004086; font-size:22pt; font-weight:bold; line-height:1.4; background:red; width:auto;}

#company_name_b {float:left; margin-top:10px; margin-left:2px}

#company_logo_library {max-height:50px! important; margin-top:5px !important; margin-bottom:5px! important;}

#product_library_title {max-height:50px! important; margin-left:5px; margin-top:10px !important; margin-bottom:0px! important; color:#004086; text-decoration:none; display:inline-block; font-weight:bold; font-size:22pt;}

#navbar_menu_library>li>a {color:#004086; font-weight:normal; position: relative; width:auto; letter-spacing: 1px; font-size:10.5pt; margin-bottom:10px! important; margin-top:0px !important;}

#navbar_menu_library>li>a:hover {color:#000000;}


/* Library Page Search Option*/
#page_header_row_library {margin-top:80px! important; margin-bottom:10px; width:100%; padding-left:1%; padding-right:1%; font-family:'Arial', 'Arial', sans-serif; margin:auto;}

#page_header_row_library select {width:32.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library input {width:32.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library button {width:100.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library a {width:100.00%; float:left; display:inline-block; margin-left:.96%;}


/* Library Page Leftbar Option */
.sidepanel {top: 210px}

.openbtn {top: 210px}


/* Library Page Body Design*/
#product_library_row {background:none; width:100%; height:auto; margin:auto; margin-top:0px! important;  padding-left:1%; padding-right:1%; }

#product_library_mainbody {color:#000; padding-left:0%; padding-right:1%; margin:auto; width:100%;}

#product_list_div {padding-left:25px; padding-right:30px;}

#hide {display:none; position: absolute; bottom: 0; width: 100%; text-align:left; font-size:9.5pt; line-height:1.30; font-weight:normal; padding-left:10px; background-image: linear-gradient(to top, #e6e6d6 , #fff);  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);}

#page_identity {padding-left:75px; padding-right:22px; font-size:12pt;}

#product_list {width:14.00%;  min-height:130px; text-align:center; margin-left:2.66%; margin-top:2.5%;transition: .1s ease;}

#product_list:hover {-webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); transition: 1s ease;}

#product_list:hover #hide {display: block;}

#product_list_img {padding-top:0px; padding-left:1px; padding-right:1px; padding-bottom:0px; margin:auto;}



/* Library Product Details & 360 Degree Common */
#product_details_row {max-width:1900px; height:auto; margin:auto; margin-top:80px! important;}

#product_details_mainbody {color:#000; width:100%; padding-left:1.5%; padding-right:1.5%; margin:auto;}

#detailspage_identity {margin-left:35px; font-size:11pt; margin-bottom:10px! important;}

/* Library Product Details */
#product_details_left {width:60%; margin-left:0%; min-height:630px; max-height:640px;} 

#product_details_middle {width:11%; margin-left:1%; min-height:630px; max-height:640px;} 

#product_details_right {width:27%; margin-left:1%; min-height:630px; max-height:640px;}

#images_main_view {padding-left:0px; padding-right:0px; min-height:630px; max-height:640px;}

#myDIV01 {padding:0px; margin-bottom:0px; min-height:630px;}

#images_main_view img {margin:auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-left:5px; padding-right:5px; cursor: crosshair; max-height:630px}

#images_tumb_view {cursor: Pointer; padding:0px; width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-left:12px;  padding-right:12px}

.thumbnail_class {margin-top:12px; margin-bottom:12px; border-style:none;  border-width:1px; border-radius:2px; border-color:none;}

#images_tumb_view img{margin:auto; width:100%; padding-top:0px; padding-bottom:0px;}

#images_tumb_view b {display:inline-block; width:100%; font-weight:Bold; text-align:center;  padding-left:15px; padding-right:15px;  background-image: linear-gradient(to top, #e6e6d6 , #fff); }

#disclaimer {line-height:1.9; margin-bottom:0px; color:#8c8c8c; font-size:8pt; letter-spacing:.5pt; margin-left:90px;}

/* Library Product 360 Degree */
#product_details_left_360 {width:60%; margin-left:0%; min-height:630px; max-height:640px;} 

#product_details_middle_360 {width:11%; margin-left:1%; min-height:630px; max-height:640px;} 

#product_details_right_360 {width:27%; margin-left:1%; min-height:630px; max-height:640px;}

#images_main_view_360 {padding-left:0px; padding-right:0px; min-height:630px; max-height:640px;}

#myDIV01_360 {padding:0px; margin-bottom:0px; min-height:630px;} 

#images_main_view_360 iframe {max-height:630px;}

#images_tumb_view_360 {cursor: Pointer; padding:0px; width:90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-left:12px;  padding-right:12px}

.thumbnail_class_360 {margin-top:12px; margin-bottom:12px; border-style:none;  border-width:1px; border-radius:2px; border-color:none;}

#images_tumb_view_360 img{margin:auto; width:100%; padding-top:0px; padding-bottom:0px;}

#images_tumb_view_360 b {display:inline-block; width:100%; font-weight:Bold; text-align:center;  padding-left:15px; padding-right:15px;  background-image: linear-gradient(to top, #e6e6d6 , #fff); }




/* Library Product Details & 360 Degree Common */
#myDIV_sub01 {margin-top:5px; min-width:100%; text-align:center; display:block}

#myDIV_sub02 {display:none}

#myDIV_sub01 a {font-size:12pt;}

#product_details {width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: Arial, Helvetica, sans-serif; font-size:10.5pt}

#product_description_style {width:100%; text-align:center; font-weight:800; letter-spacing: 1px; font-size:16pt;  background-image: linear-gradient(to top, #e6e6d6 , #fff); line-height:1.1 }

.modal-body {display:inline-block;font-family: Arial, Helvetica, sans-serif; }

.user_modal {min-width:100%! important;}

.form-group { margin-bottom:10px; display:inline-block; min-width:100%; max-width:100%;}

.input-group {display:inline-block; min-width:100%! important; max-width:100%}

.input-group textarea {min-height:90px; max-height:90px; min-width:100%;  max-width:100%} 

#warning {color:white; font-weight:normal; font-size:9pt;  min-width:100%;  max-width:100%; background:red; display:inline-block;}

/* Library Signup Page */
#signup_row {max-width:1520px; height:auto; margin:auto; margin-top:75px! important; padding:0; background:none}

#signup_mainbody {background:none; color:#000; width:100%; padding-left:1.5%; padding-right:1.5%; margin:auto;}

#signup_form {min-width:100%; display:inline-block; background:#f5f5f0; box-shadow:1px 1px 2px 3px Silver; font-family: arial}

#signup_heading {background:#004086; color:#fff}

#signup_form h3 {font-weight:bold; text-shadow: inset 1px 1px 1px silver}

#signup_rightside {font-family:Tahoma, Geneva, sans-serif; letter-spacing:1.5px}
}


/* media query for 1710px-1920px*/
@media only screen and (min-width:1710px) and (max-width: 1920px) {
#body_libraryproduct {padding-bottom:0px; overflow-x:hidden; overflow-y:scroll;}

#body_libraryproduct_details {padding-bottom:0px; overflow-x:hidden;  overflow-y:scroll;}


/*============================================product library page==============================================*/
/* Library Page Header */
#navbar_library {background:white; border-style:solid; box-shadow:none; min-height:62px; width:99%;}

#company_name {color:#004086; font-size:22pt; font-weight:bold; line-height:1.4; background:red; width:auto;}

#company_name_b {float:left; margin-top:10px; margin-left:2px}

#company_logo_library {max-height:50px! important; margin-top:5px !important; margin-bottom:5px! important;}

#product_library_title {max-height:50px! important; margin-left:5px; margin-top:10px !important; margin-bottom:0px! important; color:#004086; text-decoration:none; display:inline-block; font-weight:bold; font-size:22pt;}

#navbar_menu_library>li>a {color:#004086; font-weight:normal; position: relative; width:auto; letter-spacing: 1px; font-size:10.5pt; margin-bottom:10px! important; margin-top:0px !important;}

#navbar_menu_library>li>a:hover {color:#000000;}


/* Library Page Search Option*/
#page_header_row_library {margin-top:80px! important; margin-bottom:10px; width:100%; padding-left:1%; padding-right:1%; font-family:'Arial', 'Arial', sans-serif; margin:auto;}

#page_header_row_library select {width:32.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library input {width:32.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library button {width:100.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library a {width:100.00%; float:left; display:inline-block; margin-left:.96%;}


/* Library Page Leftbar Option */
.sidepanel {top: 210px}

.openbtn {top: 210px}


/* Library Page Body Design*/
#product_library_row {background:none; width:100%; height:auto; margin:auto; margin-top:0px! important;  padding-left:1%; padding-right:1%; }

#product_library_mainbody {color:#000; padding-left:0%; padding-right:1%; margin:auto; width:100%;}

#product_list_div {padding-left:25px; padding-right:30px;}

#hide {display:none; position: absolute; bottom: 0; width: 100%; text-align:left; font-size:9.5pt; line-height:1.30; font-weight:normal; padding-left:10px; background-image: linear-gradient(to top, #e6e6d6 , #fff);  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);}

#page_identity {padding-left:75px; padding-right:22px; font-size:12pt;}

#product_list {width:14.00%;  min-height:130px; text-align:center; margin-left:2.66%; margin-top:2.5%;transition: .1s ease;}

#product_list:hover {-webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); transition: 1s ease;}

#product_list:hover #hide {display: block;}

#product_list_img {padding-top:0px; padding-left:1px; padding-right:1px; padding-bottom:0px; margin:auto;}



/* Library Product Details & 360 Degree Common */
#product_details_row {max-width:1900px; height:auto; margin:auto; margin-top:80px! important;}

#product_details_mainbody {color:#000; width:100%; padding-left:1.5%; padding-right:1.5%; margin:auto;}

#detailspage_identity {margin-left:35px; font-size:11pt; margin-bottom:10px! important;}

/* Library Product Details */
#product_details_left {width:60%; margin-left:0%; min-height:630px; max-height:640px;} 

#product_details_middle {width:11%; margin-left:1%; min-height:630px; max-height:640px;} 

#product_details_right {width:27%; margin-left:1%; min-height:630px; max-height:640px;}

#images_main_view {padding-left:0px; padding-right:0px; min-height:630px; max-height:640px;}

#myDIV01 {padding:0px; margin-bottom:0px; min-height:630px;}

#images_main_view img {margin:auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-left:5px; padding-right:5px; cursor: crosshair; max-height:630px}

#images_tumb_view {cursor: Pointer; padding:0px; width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-left:12px;  padding-right:12px}

.thumbnail_class {margin-top:12px; margin-bottom:12px; border-style:none;  border-width:1px; border-radius:2px; border-color:none;}

#images_tumb_view img{margin:auto; width:100%; padding-top:0px; padding-bottom:0px;}

#images_tumb_view b {display:inline-block; width:100%; font-weight:Bold; text-align:center;  padding-left:15px; padding-right:15px;  background-image: linear-gradient(to top, #e6e6d6 , #fff); }

#disclaimer {line-height:1.9; margin-bottom:0px; color:#8c8c8c; font-size:8pt; letter-spacing:.5pt; margin-left:60px;}

/* Library Product 360 Degree */
#product_details_left_360 {width:60%; margin-left:0%; min-height:630px; max-height:640px;} 

#product_details_middle_360 {width:11%; margin-left:1%; min-height:630px; max-height:640px;} 

#product_details_right_360 {width:27%; margin-left:1%; min-height:630px; max-height:640px;}

#images_main_view_360 {padding-left:0px; padding-right:0px; min-height:630px; max-height:640px;}

#myDIV01_360 {padding:0px; margin-bottom:0px; min-height:630px;} 

#images_main_view_360 iframe {max-height:630px;}

#images_tumb_view_360 {cursor: Pointer; padding:0px; width:90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-left:12px;  padding-right:12px}

.thumbnail_class_360 {margin-top:12px; margin-bottom:12px; border-style:none;  border-width:1px; border-radius:2px; border-color:none;}

#images_tumb_view_360 img{margin:auto; width:100%; padding-top:0px; padding-bottom:0px;}

#images_tumb_view_360 b {display:inline-block; width:100%; font-weight:Bold; text-align:center;  padding-left:15px; padding-right:15px;  background-image: linear-gradient(to top, #e6e6d6 , #fff); }




/* Library Product Details & 360 Degree Common */
#myDIV_sub01 {margin-top:5px; min-width:100%; text-align:center; display:block}

#myDIV_sub02 {display:none}

#myDIV_sub01 a {font-size:12pt;}

#product_details {width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: Arial, Helvetica, sans-serif; font-size:10.5pt}

#product_description_style {width:100%; text-align:center; font-weight:800; letter-spacing: 1px; font-size:16pt;  background-image: linear-gradient(to top, #e6e6d6 , #fff); line-height:1.1 }

.modal-body {display:inline-block}

.user_modal {min-width:100%! important;}

.form-group { margin-bottom:10px; display:inline-block; min-width:100%; max-width:100%;}

.input-group {display:inline-block; min-width:100%! important; max-width:100%}

.input-group textarea {min-height:90px; max-height:90px; min-width:100%;  max-width:100%} 

#warning {color:white; font-weight:normal; font-size:9pt;  min-width:100%;  max-width:100%; background:red; display:inline-block;}


/* Library Signup Page */
#signup_row {max-width:1520px; height:auto; margin:auto; margin-top:75px! important; padding:0; background:none}

#signup_mainbody {background:none; color:#000; width:100%; padding-left:1.5%; padding-right:1.5%; margin:auto;}

#signup_form {min-width:100%; display:inline-block; background:#f5f5f0; box-shadow:1px 1px 2px 3px Silver; font-family: arial}

#signup_heading {background:#004086; color:#fff}

#signup_form h3 {font-weight:bold; text-shadow: inset 1px 1px 1px silver}

#signup_rightside {font-family:Tahoma, Geneva, sans-serif; letter-spacing:1.5px}
}


/* media query for laptop 1367px to 1709 px */
@media only screen and (min-width: 1367px) and (max-width:1709px) {

#body_libraryproduct {padding-bottom:0px; overflow-x:hidden; overflow-y:scroll;}

#body_libraryproduct_details {padding-bottom:0px; overflow-x:hidden;  overflow-y:scroll;}

/*============================================product library page==============================================*/
/* Library Page Header */
#navbar_library {background:white; border-style:solid; box-shadow:none; min-height:62px; width:99%;}

#company_name {color:#004086; font-size:22pt; font-weight:bold; line-height:1.4; background:red; width:auto;}

#company_name_b {float:left; margin-top:10px; margin-left:2px}

#company_logo_library {max-height:50px! important; margin-top:5px !important; margin-bottom:5px! important;}

#product_library_title {max-height:50px! important; margin-left:5px; margin-top:10px !important; margin-bottom:0px! important; color:#004086; text-decoration:none; display:inline-block; font-weight:bold; font-size:22pt;}

#navbar_menu_library>li>a {color:#004086; font-weight:normal; position: relative; width:auto; letter-spacing: 1px; font-size:10.5pt; margin-bottom:10px! important; margin-top:0px !important;}

#navbar_menu_library>li>a:hover {color:#000000;}


/* Library Page Search Option*/
#page_header_row_library {margin-top:80px! important; margin-bottom:10px; width:100%; padding-left:0%; padding-right:0%; font-family:'Arial', 'Arial', sans-serif; margin:auto; max-width:1460px}

#page_header_row_library select {width:32.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library input {width:32.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library button {width:100.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library a {width:100.00%; float:left; display:inline-block; margin-left:.96%;}


/* Library Page Leftbar Option */
.sidepanel {top: 205px}

.openbtn {top: 205px}


/* Library Page Body Design*/
#product_library_row {background:none; max-width:1460px; height:auto; margin:auto; margin-top:0px! important;}

#product_library_mainbody {color:#000; padding-left:0%; padding-right:1%; margin:auto; width:100%;}

#product_list_div {padding-left:25px; padding-right:30px;}

#hide {display:none; position: absolute; bottom: 0; width: 100%; text-align:left; font-size:9.5pt; line-height:1.30; font-weight:normal; padding-left:10px; background-image: linear-gradient(to top, #e6e6d6 , #fff);  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);}

#page_identity {padding-left:55px; padding-right:20px; font-size:12pt;}

#product_list {width:14.00%;  min-height:130px; text-align:center; margin-left:2.66%; margin-top:2.5%;transition: .1s ease;}

#product_list:hover {-webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); transition: 1s ease;}

#product_list:hover #hide {display: block;}

#product_list_img {padding-top:0px; padding-left:1px; padding-right:1px; padding-bottom:0px; margin:auto;}




/* Library Product Details & 360 Common */
#product_details_row {max-width:1366px; height:auto; margin:auto; margin-top:80px! important;}

#product_details_mainbody {color:#000; width:100%; padding-left:1.5%; padding-right:1.5%; margin:auto;}

#detailspage_identity {margin-left:0px; font-size:11pt; margin-bottom:10px! important;}

/* Library Product Details */
#product_details_left {width:60%; margin-left:0%; min-height:550px; max-height:600px;} 

#product_details_middle {width:12%; margin-left:1%; min-height:550px; max-height:600px;} 

#product_details_right {width:26%; margin-left:1%; min-height:550px; max-height:600px;}

#images_main_view {padding-left:0px; padding-right:0px; min-height:550px; max-height:600px;}

#myDIV01 {padding:0px; margin-bottom:0px; min-height:550px;}

#images_main_view img {margin:auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-left:5px; padding-right:5px; cursor:crosshair; max-height:550px;}

#images_tumb_view {cursor: Pointer;  width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-left:12px;  padding-right:12px}

.thumbnail_class {margin-top:10px; margin-bottom:10px; border-style:none;  border-width:1px; border-radius:2px; border-color:none;}

#images_tumb_view img{margin:auto; width:100%; padding-top:0px; padding-bottom:0px;}

#images_tumb_view b {display:inline-block; width:100%; font-weight:Bold; text-align:center;  padding-left:15px; padding-right:15px;  background-image: linear-gradient(to top, #e6e6d6 , #fff);}

#disclaimer {line-height:1.6; margin-bottom:0px; color:#8c8c8c; font-size:8pt; letter-spacing:.5pt; margin-left:10px}

/* Library Product 360 Degree */
#product_details_left_360 {width:60%; margin-left:0%; min-height:550px; max-height:600px;} 

#product_details_middle_360 {width:12%; margin-left:1%; min-height:550px; max-height:600px;} 

#product_details_right_360 {width:26%; margin-left:1%; min-height:550px; max-height:600px;}

#images_main_view_360 {padding-left:0px; padding-right:0px; min-height:550px; max-height:600px;}

#myDIV01_360 {padding:0px; margin-bottom:0px; min-height:550px;}

#images_main_view_360 iframe {max-height:550px;}

#images_tumb_view_360 {cursor: Pointer;  width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-left:12px;  padding-right:12px}

.thumbnail_class_360 {margin-top:10px; margin-bottom:10px; border-style:none;  border-width:1px; border-radius:2px; border-color:none;}

#images_tumb_view_360 img{margin:auto; width:100%; padding-top:0px; padding-bottom:0px;}

#images_tumb_view_360 b {display:inline-block; width:100%; font-weight:Bold; text-align:center;  padding-left:15px; padding-right:15px;  background-image: linear-gradient(to top, #e6e6d6 , #fff); }


/* Library Product Details & 360 Common */
#myDIV_sub01 {margin-top:5px; min-width:100%; text-align:center; display:block}

#myDIV_sub02 {display:none}

#myDIV_sub01 a {font-size:12pt;}

#product_details {width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: Arial, Helvetica, sans-serif; font-size:10.5pt}

#product_description_style {width:100%; text-align:center; font-weight:800; letter-spacing: 1px; font-size:16pt;  background-image: linear-gradient(to top, #e6e6d6 , #fff); line-height:1.1 }

.modal-body {display:inline-block}

.user_modal {min-width:100%! important;}


.form-group { margin-bottom:10px; display:inline-block; min-width:100%; max-width:100%;}

.input-group {display:inline-block; min-width:100%! important; max-width:100%}

.input-group textarea {min-height:90px; max-height:90px; min-width:100%;  max-width:100%} 

#warning {color:white; font-weight:normal; font-size:9pt;  min-width:100%;  max-width:100%; background:red; display:inline-block;}


/* Library Signup Page */
#signup_row {max-width:1280px; height:auto; margin:auto; margin-top:75px! important; padding:0; background:none}

#signup_mainbody {background:none; color:#000; width:100%; padding-left:1.5%; padding-right:1.5%; margin:auto;}

#signup_form {min-width:100%; display:inline-block; background:#f5f5f0; box-shadow:1px 1px 2px 3px Silver; font-family: arial}

#signup_heading {background:#004086; color:#fff}

#signup_form h3 {font-weight:bold; text-shadow: inset 1px 1px 1px silver}

#signup_rightside {font-family:Tahoma, Geneva, sans-serif; letter-spacing:1.5px}
}


/* media query for laptop 1321-1366px */
@media only screen and (min-width: 1321px) and (max-width:1366px) {
#body_libraryproduct {padding-bottom:0px; overflow-x:hidden; overflow-y:scroll;}

#body_libraryproduct_details {padding-bottom:0px; overflow-x:hidden;  overflow-y:scroll;}


/*============================================product library page==============================================*/
/* Library Page Header */
#navbar_library {background:white; border-style:solid; box-shadow:none; min-height:62px; width:99%;}

#company_name {color:#004086; font-size:22pt; font-weight:bold; line-height:1.4; background:red; width:auto;}

#company_name_b {float:left; margin-top:10px; margin-left:2px}

#company_logo_library {max-height:50px! important; margin-top:5px !important; margin-bottom:5px! important;}

#product_library_title {max-height:50px! important; margin-left:5px; margin-top:10px !important; margin-bottom:0px! important; color:#004086; text-decoration:none; display:inline-block; font-weight:bold; font-size:22pt;}

#navbar_menu_library>li>a {color:#004086; font-weight:normal; position: relative; width:auto; letter-spacing: 1px; font-size:11.0pt; margin-bottom:0px! important; margin-top:-5px !important; margin-right:0px}

#navbar_menu_library>li>a:hover {color:#000000;}


/* Library Page Search Option*/
#page_header_row_library {margin-top:80px! important; margin-bottom:10px; width:100%; padding-left:0%; padding-right:0%; font-family:'Arial', 'Arial', sans-serif;  margin:auto;  max-width:1330px;}

#page_header_row_library select {width:32.00%; float:left; display:inline-block; margin-left:1%;}

#page_header_row_library input {width:32.00%; float:left; display:inline-block; margin-left:1%;}

#page_header_row_library button {width:100.00%; float:left; display:inline-block;}

#page_header_row_library a {width:100.00%; float:left; display:inline-block; }

/* Library Page Leftbar Option */

.sidepanel {top: 200px}

.openbtn {top: 200px}


/* Library Page Body Design*/
#product_library_row {background:none; max-width:1330px; height:auto; margin:auto; margin-top:0px! important;}

#product_library_mainbody {color:#000; padding-left:0%; padding-right:1%; margin:auto; width:100%;}

#product_list_div {padding-left:25px; padding-right:30px;}

#hide {display:none; position: absolute; bottom: 0; width: 100%; text-align:left; font-size:9.5pt; line-height:1.30; font-weight:normal; padding-left:10px; background-image: linear-gradient(to top, #e6e6d6 , #fff);  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);}

#page_identity {padding-left:55px; padding-right:35px; font-size:12pt;}

#product_list {width:14.00%;  min-height:130px; text-align:center; margin-left:2.66%; margin-top:2.5%;transition: .1s ease;}

#product_list:hover {-webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); transition: 1s ease;}

#product_list:hover #hide {display: block;}

#product_list_img {padding-top:0px; padding-left:1px; padding-right:1px; padding-bottom:0px; margin:auto;}




/* Library Product Details & 360 Common */
#product_details_row {max-width:1260px; height:auto; margin:auto; margin-top:75px! important;padding:0;}

#product_details_mainbody {color:#000; width:100%; padding-left:1.5%; padding-right:1.5%; margin:auto;}

#detailspage_identity {margin-left:0px; font-size:11pt; line-height:1}


/* Library Product Details */
#product_details_left {width:60%; margin-left:0%; min-height:500px; max-height:530px;} 

#product_details_middle {width:11%; margin-left:1%; min-height:500px; max-height:530px;} 

#product_details_right {width:26%; margin-left:2%; min-height:500px; max-height:530px;}

#images_main_view {padding-left:0px; padding-right:0px; min-height:500px; max-height:530px;}

#myDIV01 {padding:0px; margin-bottom:0px; min-height:500px; max-height:530px; background:none}

#images_main_view img {margin:auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-left:5px; padding-right:5px; cursor: crosshair; max-height:500px}


#images_tumb_view {cursor: Pointer; padding:0px; width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-left:12px;  padding-right:12px}

.thumbnail_class {margin-top:12px; margin-bottom:12px; border-style:none;  border-width:1px; border-radius:2px; border-color:none;}

#images_tumb_view img{margin:auto; width:100%; padding-top:0px; padding-bottom:0px;}

#images_tumb_view b {display:inline-block; width:100%; font-weight:Bold; text-align:center;  padding-left:15px; padding-right:15px;  background-image: linear-gradient(to top, #e6e6d6 , #fff); }

#disclaimer {line-height:1.6; margin-bottom:0px; color:#8c8c8c; font-size:8pt; letter-spacing:.5pt; margin-left:10px}

/* Library Product 360 */
#product_details_left_360 {width:60%; margin-left:0%; min-height:500px; max-height:530px;} 

#product_details_middle_360 {width:11%; margin-left:1%; min-height:500px; max-height:530px;} 

#product_details_right_360 {width:26%; margin-left:2%; min-height:500px; max-height:530px;}

#images_main_view_360 {padding-left:0px; padding-right:0px; min-height:500px; max-height:530px;}

#myDIV01_360 {padding:0px; margin-bottom:0px; min-height:500px; max-height:530px;}

#images_main_view_360 iframe {max-height:500px;}

#images_tumb_view_360 {cursor: Pointer; padding:0px; width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-left:12px;  padding-right:12px}

.thumbnail_class_360 {margin-top:12px; margin-bottom:12px; border-style:none;  border-width:1px; border-radius:2px; border-color:none;}

#images_tumb_view_360 img{margin:auto; width:100%; padding-top:0px; padding-bottom:0px;}

#images_tumb_view_360 b {display:inline-block; width:100%; font-weight:Bold; text-align:center;  padding-left:15px; padding-right:15px;  background-image: linear-gradient(to top, #e6e6d6 , #fff); }


/* Product Details and 360 Common*/
#myDIV_sub01 {margin-top:5px; min-width:100%; text-align:center; display:block}

#myDIV_sub02 {display:none}

#myDIV_sub01 a {font-size:11pt;}

#product_details {width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: Arial, Helvetica, sans-serif; font-size:10.5pt;}

#product_description_style {width:100%; text-align:center; font-weight:800; letter-spacing: 1px; font-size:16pt;  background-image: linear-gradient(to top, #e6e6d6 , #fff); line-height:1.1 }

.modal-body {display:inline-block}

.user_modal {min-width:100%! important;}

.form-group { margin-bottom:10px; display:inline-block; min-width:100%; max-width:100%;}

.input-group {display:inline-block; min-width:100%! important; max-width:100%}

.input-group textarea {min-height:90px; max-height:90px; min-width:100%;  max-width:100%} 

#warning {color:white; font-weight:normal; font-size:9pt;  min-width:100%;  max-width:100%; background:red; display:inline-block;}



/* Library Signup Page */
#signup_row {max-width:1240px; height:auto; margin:auto; margin-top:75px! important; padding:0; background:none}

#signup_mainbody {background:none; color:#000; width:100%; padding-left:1.5%; padding-right:1.5%; margin:auto;}

#signup_form {min-width:100%; display:inline-block; background:#f5f5f0; box-shadow:1px 1px 2px 3px Silver; font-family: arial}

#signup_heading {background:#004086; color:#fff}

#signup_form h3 {font-weight:bold; text-shadow: inset 1px 1px 1px silver}

#signup_rightside {font-family:Tahoma, Geneva, sans-serif; letter-spacing:1.5px}
}


/*media screen max 1181-1300px */
@media only screen and (min-width:1181px) and (max-width: 1320px) {
#body_libraryproduct {padding-bottom:0px; overflow-x:hidden; overflow-y:scroll;}

#body_libraryproduct_details {padding-bottom:0px; overflow-x:hidden;  overflow-y:scroll;}

/*============================================product library page==============================================*/
/* Library Page Header */
#navbar_library {background:white; border-style:solid; box-shadow:none; min-height:60px; max-height:62px; width:99%;}

#company_name {color:#004086; font-size:22pt; font-weight:bold; line-height:1.4; width:auto;}

#company_name_b {float:left; margin-top:10px; margin-left:2px}

#company_logo_library {max-height:50px! important; margin-top:5px !important; margin-bottom:5px! important;}

#product_library_title {max-height:50px! important; margin-left:5px; margin-top:10px !important; margin-bottom:0px! important; color:#004086; text-decoration:none; display:inline-block; font-weight:bold; font-size:22pt;}


#navbar_menu_library>li>a {color:#004086; font-weight:normal; position: relative; width:auto; letter-spacing: .8px; font-size:11pt; margin-bottom:10px! important;}

#navbar_menu_library>li>a:hover {color:#000000;}

/* Library Page Search Option*/
#page_header_row_library {margin-top:80px! important; margin-bottom:10px; width:100%; padding-left:0%; padding-right:0%; font-family:'Arial', 'Arial', sans-serif; margin:auto; max-width:1260px}

#page_header_row_library select {width:32.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library input {width:32.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library button {width:100.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library a {width:100.00%; float:left; display:inline-block; margin-left:.96%;}

/* Library Page Leftbar Option */

.sidepanel {top: 200px}

.openbtn {top: 200px}


/* Library Page Body Design*/
#product_library_row {background:none; max-width:1260px; height:auto; margin:auto; margin-top:0px! important;}

#product_library_mainbody {color:#000; padding-left:0%; padding-right:1%; margin:auto; width:100%;}

#product_list_div {padding-left:25px; padding-right:30px;}

#hide {display:none; position: absolute; bottom: 0; width: 100%; text-align:left; font-size:9.5pt; line-height:1.30; font-weight:normal; padding-left:10px; background-image: linear-gradient(to top, #e6e6d6 , #fff);  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);}

#page_identity {padding-left:54px; padding-right:35px; font-size:12pt;}

#product_list {width:14.00%;  min-height:125px; text-align:center; margin-left:2.66%; margin-top:2.5%;transition: .1s ease;}

#product_list:hover {-webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); transition: 1s ease;}

#product_list:hover #hide {display: block;}

#product_list_img {padding-top:0px; padding-left:1px; padding-right:1px; padding-bottom:0px; margin:auto;}




/* Library Product Details & 360 Common*/
#product_details_row {max-width:1260px; height:auto; margin:auto; margin-top:75px! important;}

#product_details_mainbody {color:#000; width:100%; padding-left:1.8%; padding-right:1.8%; margin:auto;}

#detailspage_identity {margin-left:15px; font-size:11pt;}


/* Library Product Details */
#product_details_left {width:60%; margin-left:0%; min-height:500px; max-height:510px;} 

#product_details_middle {width:11%; margin-left:1%; min-height:490px; max-height:510px;} 

#product_details_right {width:27%; margin-left:1%; min-height:490px; max-height:510px;}

#images_main_view {padding-left:0px; padding-right:0px; min-height:490px; max-height:510px;}

#myDIV01 {padding:0px; margin-bottom:0px; min-height:490px; max-height:510px;}

#images_main_view img {margin:auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-left:5px; padding-right:5px; cursor: crosshair; max-height:490px;}


#images_tumb_view {cursor: Pointer; padding:0px; width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-left:12px;  padding-right:12px;}

.thumbnail_class {margin-top:12px; margin-bottom:12px; border-style:none;  border-width:1px; border-radius:2px; border-color:none;}

#images_tumb_view img{margin:auto; width:100%; padding-top:0px; padding-bottom:0px;}

#images_tumb_view b {display:inline-block; width:100%; font-weight:bold; text-align:center;  padding-left:7px; padding-right:7px;  background-image: linear-gradient(to top, #e6e6d6 , #fff); }

#disclaimer {line-height:1.2; margin-bottom:0px; color:#8c8c8c; font-size:8pt; letter-spacing:.5pt; margin-left:10px}

/* Library Product 360 */
#product_details_left_360 {width:60%; margin-left:0%; min-height:490px; max-height:510px;} 

#product_details_middle_360 {width:11%; margin-left:1%; min-height:490px; max-height:510px;} 

#product_details_right_360 {width:27%; margin-left:1%; min-height:490px; max-height:510px;}

#images_main_view_360 {padding-left:0px; padding-right:0px; min-height:490px; max-height:510px;}

#myDIV01_360 {padding:0px; margin-bottom:0px; min-height:490px; max-height:490px;}

#images_main_view_360 iframe {max-height:490px;}


#images_tumb_view_360 {cursor: Pointer; padding:0px; width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-left:12px;  padding-right:12px;}

.thumbnail_class_360 {margin-top:12px; margin-bottom:12px; border-style:none;  border-width:1px; border-radius:2px; border-color:none;}

#images_tumb_view_360 img{margin:auto; width:100%; padding-top:0px; padding-bottom:0px;}

#images_tumb_view_360 b {display:inline-block; width:100%; font-weight:bold; text-align:center;  padding-left:7px; padding-right:7px;  background-image: linear-gradient(to top, #e6e6d6 , #fff); }


/* Product Deatils & 360 Page Common */
#myDIV_sub01 {margin-top:5px; min-width:100%; text-align:center; display:block}

#myDIV_sub02 {display:none}

#myDIV_sub01 a {font-size:11pt;}

#product_details {width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: Arial, Helvetica, sans-serif; font-size:10pt}

#product_description_style {width:100%; text-align:center; font-weight:800; letter-spacing: 1px; font-size:16pt;  background-image: linear-gradient(to top, #e6e6d6 , #fff); line-height:1.1 }

.modal-body {display:inline-block}

.user_modal {min-width:100%! important;}

.form-group { margin-bottom:10px; display:inline-block; min-width:100%; max-width:100%;}

.input-group {display:inline-block; min-width:100%! important; max-width:100%}

.input-group textarea {min-height:90px; max-height:90px; min-width:100%;  max-width:100%} 

#warning {color:white; font-weight:normal; font-size:9pt;  min-width:100%;  max-width:100%; background:red; display:inline-block;}


/* Library Signup Page */
#signup_row {max-width:1120px; height:auto; margin:auto; margin-top:75px! important; padding:0; background:none}

#signup_mainbody {background:none; color:#000; width:100%; padding-left:1.5%; padding-right:1.5%; margin:auto;}

#signup_form {min-width:100%; display:inline-block; background:#f5f5f0; box-shadow:1px 1px 2px 3px Silver; font-family: arial}

#signup_heading {background:#004086; color:#fff}

#signup_form h3 {font-weight:bold; text-shadow: inset 1px 1px 1px silver}

#signup_rightside {font-family:Tahoma, Geneva, sans-serif; letter-spacing:1.5px}

}


/*media screen max 992px-1180px */
@media only screen and (min-width:992px) and (max-width: 1180px) {
#body_libraryproduct {padding-bottom:0px; overflow-x:hidden; overflow-y:scroll;}

#body_libraryproduct_details {padding-bottom:0px; overflow-x:hidden;  overflow-y:scroll;}


/*============================================product library page==============================================*/
/* Library Page Header */
#navbar_library {background:white; border-style:solid; box-shadow:none; min-height:60px; max-height:62px; width:99%;}

#company_name {color:#004086; font-size:22pt; font-weight:bold; line-height:1.4; width:auto;}

#company_name_b {float:left; margin-top:10px; margin-left:2px}

#company_logo_library {max-height:50px! important; margin-top:5px !important; margin-bottom:5px! important;}

#product_library_title {max-height:50px! important; margin-left:5px; margin-top:10px !important; margin-bottom:0px! important; color:#004086; text-decoration:none; display:inline-block; font-weight:bold; font-size:22pt;}


#navbar_menu_library>li>a {color:#004086; font-weight:normal; position: relative; width:auto; letter-spacing: .8px; font-size:11pt; margin-bottom:10px}

#navbar_menu_library>li>a:hover {color:#000000;}


/* Library Page Search Option*/
#page_header_row_library {margin-top:80px! important; margin-bottom:10px; width:100%; padding-left:0%; padding-right:0%; font-family:'Arial', 'Arial', sans-serif; margin:Auto; max-width:1100px}

#page_header_row_library select {width:32.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library input {width:32.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library button {width:100.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library a {width:100.00%; float:left; display:inline-block; margin-left:.96%;}


/* Library Page Leftbar Option */

.sidepanel {top: 200px}

.openbtn {top: 200px}


/* Library Page Body Design*/
#product_library_row {background:none; max-width:1100px; height:auto; margin:auto; margin-top:0px! important;}

#product_library_mainbody {color:#000; padding-left:0%; padding-right:1%; margin:auto; width:100%;}

#product_list_div {padding-left:25px; padding-right:30px;}

#hide {display:none; position: absolute; bottom: 0; width: 100%; text-align:left; font-size:9.0pt; line-height:1.30; font-weight:normal; padding-left:10px; background-image: linear-gradient(to top, #e6e6d6 , #fff);  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);}

#page_identity {padding-left:51px; padding-right:35px; font-size:12pt;}

#product_list {width:14.00%;  min-height:115px; text-align:center; margin-left:2.66%; margin-top:2.5%; transition: .1s ease;}

#product_list:hover {-webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); transition: 1s ease;}

#product_list:hover #hide {display: block;}

#product_list_img {padding-top:0px; padding-left:1px; padding-right:1px; padding-bottom:0px; margin:auto;}



/* Library Product Details & 360 Common */
#product_details_row {max-width:1260px; height:auto; margin:auto; margin-top:75px! important;}

#product_details_mainbody {color:#000; width:100%; padding-left:2.2%; padding-right:2.2%; margin:auto;}

#detailspage_identity {margin-left:10px; font-size:11pt;}


/* Library Product Details */
#product_details_left {width:55%; margin-left:0%; min-height:450px; max-height:500px;} 

#product_details_middle {width:12%; margin-left:1%; min-height:450px; max-height:480px;} 

#product_details_right {width:31%; margin-left:1%; min-height:450px; max-height:480px;}

#images_main_view {padding-left:0px; padding-right:0px; min-height:450px; max-height:480px;}

#myDIV01 {padding:0px; margin-bottom:0px; min-height:450px; max-height:480px;}

#images_main_view img {margin:auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-left:5px; padding-right:5px; cursor: crosshair; max-height:450px;}

#images_tumb_view {cursor: Pointer; padding:0px; width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-left:12px;  padding-right:12px;}

.thumbnail_class {margin-top:12px; margin-bottom:12px; border-style:none;  border-width:1px; border-radius:2px; border-color:none;}

#images_tumb_view img{margin:auto; width:100%; padding-top:0px; padding-bottom:0px;}

#images_tumb_view b {display:inline-block; width:100%; font-weight:normal; text-align:center; padding-left:3px; padding-right:3px;  background-image: linear-gradient(to top, #e6e6d6 , #fff); }

#disclaimer {line-height:1.2; margin-bottom:0px; color:#8c8c8c; font-size:8pt; letter-spacing:.5pt;}

/* Library Product 360 Degree */
#product_details_left_360 {width:55%; margin-left:0%; min-height:450px; max-height:480px;} 

#product_details_middle_360 {width:12%; margin-left:1%; min-height:450px; max-height:480px;} 

#product_details_right_360 {width:31%; margin-left:1%; min-height:450px; max-height:480px;}

#images_main_view_360 {padding-left:0px; padding-right:0px; min-height:450px; max-height:480px;}

#myDIV01_360 {padding:0px; margin-bottom:0px; min-height:450px; max-height:480px;} 

#images_main_view_360 iframe {max-height:450px;}


#images_tumb_view_360 {cursor: Pointer; padding:0px; width:90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-left:12px;  padding-right:12px;}

.thumbnail_class_360 {margin-top:12px; margin-bottom:12px; border-style:none;  border-width:1px; border-radius:2px; border-color:none;}

#images_tumb_view_360 img{margin:auto; width:100%; padding-top:0px; padding-bottom:0px;}

#images_tumb_view_360 b {display:inline-block; width:100%; font-weight:normal; text-align:center; padding-left:3px; padding-right:3px;  background-image: linear-gradient(to top, #e6e6d6 , #fff); }



/* Library Product Details & 360 Degree Common */
#myDIV_sub01 {margin-top:5px; min-width:100%; text-align:center; display:block}

#myDIV_sub02 {display:none}

#myDIV_sub01 a {font-size:11pt;}

#product_details {width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: Arial, Helvetica, sans-serif; font-size:9.5pt}

#product_description_style {width:100%; text-align:center; font-weight:800; letter-spacing: 1px; font-size:16pt;  background-image: linear-gradient(to top, #e6e6d6 , #fff); line-height:1.1 }

.modal-body {display:inline-block}

.user_modal {min-width:100%! important;}

.form-group { margin-bottom:10px; display:inline-block; min-width:100%; max-width:100%;}

.input-group {display:inline-block; min-width:100%! important; max-width:100%}

.input-group textarea {min-height:90px; max-height:90px; min-width:100%;  max-width:100%} 

#warning {color:white; font-weight:normal; font-size:9pt;  min-width:100%;  max-width:100%; background:red; display:inline-block;}

/* Library Signup Page */
#signup_row {max-width:1020px; height:auto; margin:auto; margin-top:75px! important; padding:0; background:none}

#signup_mainbody {background:none; color:#000; width:100%; padding-left:1.5%; padding-right:1.5%; margin:auto;}

#signup_form {min-width:100%; display:inline-block; background:#f5f5f0; box-shadow:1px 1px 2px 3px Silver; font-family: arial}

#signup_heading {background:#004086; color:#fff}

#signup_form h3 {font-weight:bold; text-shadow: inset 1px 1px 1px silver}

#signup_rightside {font-family:Tahoma, Geneva, sans-serif; letter-spacing:1.5px}

}


/*media screen min 992px */
@media only screen and (min-width: 992px) {
	
#mySidenav {display:block}

#desktop_menu {display:block}

#mobile_menu {display:none}
}

/*media screen max 992px */
@media only screen and (max-width: 992px) {
.navbar_header_id_library {top:0;}

.library_header_right {min-width:100%; border-bottom:1px solid silver}

#navbar {border-style:none; opacity:.90;}

#navbar_row {margin-top:0px}

#navbar_menu { margin-top:0px;}

#navbar_menu>li>a {font-size:12pt; background:#05132e;}

.dropdown-menu {font-size:12pt}
	
.navbar-header {float: right;}
	
.navbar-header button {margin-top:10px}
    
.navbar-left,.navbar-right {float: none !important;}
    
.navbar-toggle {display: block;}
    
.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); margin-top:1px}
    
.navbar-fixed-top {top: 0; border-width: 0 0 1px;}
    
.navbar-collapse.collapse {display: none!important;}
    
.navbar-nav {float: none!important; margin-top: 0px; }
    
.navbar-nav>li {float: none; background:#fff}

.navbar-nav>li>a {padding-top: 8px; padding-bottom: 8px; font-weight:bold}
    
.collapse.in {background:#ffffff; display: block !important;}
	
.container {width:100%;}
	
#mobile_menu {display:block;}
	
#desktop_menu {display:none}

.dropdown:hover .dropdown-menu {opacity:.95}

#images_tumb_view b {font-size:7.5pt; font-weight:normal; letter-spacing:.4}

#mySidenav {display:none}
}


/*media screen max 768px-991px */
@media only screen and (min-width:769px) and (max-width: 991px) {
#body_libraryproduct {background: #fff; height:100%; padding-bottom:0px; padding-bottom:15px;  overflow-x:hidden}

#body_libraryproduct_details {background: #fff; height:100%; padding-bottom:0px; padding-bottom:15px; overflow-x:hidden}

/*============================================product library page==============================================*/
/* Library Page Header */
#navbar_library {background:white; border-style:solid; box-shadow:none; min-height:60px; max-height:62px; width:99%;}

#company_name {color:#004086; font-size:20pt; font-weight:bold; line-height:1.4; width:auto;}

#company_name_b {float:left; margin-top:12px; margin-left:2px; display:none}

#company_logo_library {max-height:50px! important; margin-top:5px !important; margin-bottom:5px! important; margin-left:10px}

#product_library_title {max-height:50px! important; margin-left:5px; margin-top:12px !important; margin-bottom:0px! important; color:#004086; text-decoration:none; display:inline-block; font-weight:bold; font-size:20pt;}

#navbar_menu_library>li>a {color:#004086; font-weight:normal; position: relative; width:auto; letter-spacing: 1px; font-size:11.5pt; line-height:2;}

#navbar_menu_library>li>a:hover {color:#000000;}



/* Library Page Search Option*/
#page_header_row_library {margin-top:80px! important; margin-bottom:10px; width:100%; padding-left:0%; padding-right:0%; font-family:'Arial', 'Arial', sans-serif;}

#page_header_row_library select {width:32.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library input {width:32.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library button {width:48.50%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library a {width:48.50%; float:left; display:inline-block; margin-left:.96%;}


/* Library Page Leftbar Option */
.sidepanel {top: 255px}

.openbtn {top: 255px}


/* Library Page Body Design*/
#product_library_row {background:none; max-width:100%; height:auto; margin:auto; margin-top:0px! important;}

#product_library_mainbody {color:#000; padding-left:0%; padding-right:0%; margin:auto; width:100%;}

#product_list_div {padding-left:25px; padding-right:30px;}

#hide {display:none; position: absolute; bottom: 0; width: 100%; text-align:left; font-size:9.0pt; line-height:1.30; font-weight:normal; padding-left:10px; background-image: linear-gradient(to top, #e6e6d6 , #fff);  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);}

#page_identity {padding-left:52px; padding-right:55px; font-size:11.5pt;}

#product_list {width:25%; text-align:center; margin-left:6%; margin-top:4.0%; display:inline-block;transition: .1s ease;}

#product_list:hover {-webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); transition: 1s ease;}

#product_list:hover #hide {display: block;}

#product_list_img {padding-top:8px; padding-left:1px; padding-right:1px; margin:auto;}


/* Library Product Details  & 360 Degree Common */
#product_details_row {height:auto; margin:auto; margin-top:80px! important;}

#product_details_mainbody {color:#000; width:100%; padding-left:8%; padding-right:8%; margin:auto;}

#detailspage_identity {margin-left:-30px; font-size:10pt;}


/* Library Product Details */
#product_details_left {width:100%; margin-left:0%; min-height:430px; max-height:430px;} 

#product_details_middle {width:100%; margin-top:0%; min-height:150px; max-height:190px;} 

#product_details_right {width:100%; margin-left:0%; height:auto;}

#images_main_view {padding-left:0px; padding-right:0px; min-height:400px; max-height:430px; margin-bottom:10px! important;}

#myDIV01 {padding:0px; margin-bottom:0px; min-height:400px; max-height:430px;}

#images_main_view img {margin:auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -47%); padding-left:5px; padding-right:5px; cursor: crosshair; max-height:400px;}

#images_tumb_view {cursor: Pointer; padding:0px; min-width:100%; position:relative; padding-left:0px;  padding-right:10px; text-align:center; display:inline-block;}

.thumbnail_class {margin-top:5px; width:25%; margin-bottom:5px; border-style:none;  border-width:1px; border-radius:2px; border-color:none; display:inline-block; margin-left:2.70%;}

#images_tumb_view img{margin:auto; width:90%; padding:0px;}

#images_tumb_view b{font-size:10pt; display:inline-block; width:90%; font-weight:Normal; margin-bottom:5px; text-align:center; background-image: linear-gradient(to top, #e6e6d6 , #fff); line-height:1.5}

#disclaimer {line-height:1.2; margin-bottom:0px; color:#8c8c8c; font-size:8pt; letter-spacing:.30pt; margin-top:20px; text-align:center}

/* Library Product 360 Degree View */
#product_details_left_360 {width:100%; margin-left:0%; height:auto;} 

#product_details_middle_360 {width:100%; margin-top:0%; height:auto;} 

#product_details_right_360 {width:100%; margin-left:0%; height:auto;}

#images_main_view_360 {padding-left:0px; padding-right:0px; margin-bottom:0px! important;}

#myDIV01_360 {padding:0px; margin-bottom:0px; min-height:450px;}

#images_main_view_360 iframe {min-height:450px; max-height:500px;}


#images_tumb_view_360 {cursor: Pointer; min-width:100%; position:relative; padding-left:0px;  padding-right:0px; text-align:center; display:inline-block;}

.thumbnail_class_360 {margin-top:5px; width:25%; margin-bottom:5px; border-style:none;  border-width:1px; border-radius:2px; border-color:none; display:inline-block; margin-left:3.50%;}

#images_tumb_view_360 img{margin:auto; width:100%; padding:0px;}

#images_tumb_view_360 b{font-size:9.0pt; display:inline-block; width:100%; font-weight:Normal; margin-bottom:5px; text-align:center; background-image: linear-gradient(to top, #e6e6d6 , #fff); line-height:1.5}



/* Library Product Details & 360 Degree Common */
#myDIV_sub01 {display:none}

#myDIV_sub02 {margin-top:5px; min-width:100%; text-align:center; display:block}

#myDIV_sub02 a {font-size:11pt}

#product_details {width:100%; padding-left:0%; padding-right:0%; font-family: Arial, Helvetica, sans-serif; font-size:10pt;  margin-top:35px}

#product_description_style {width:100%; text-align:center; font-weight:800; letter-spacing: 1px; font-size:16pt;  background-image: linear-gradient(to top, #e6e6d6 , #fff); line-height:1.1 }

.modal-body {display:inline-block}

.user_modal {min-width:100%! important;}

.form-group { margin-bottom:10px; display:inline-block; min-width:100%; max-width:100%;}

.input-group {display:inline-block; min-width:100%! important; max-width:100%}

.input-group textarea {min-height:90px; max-height:90px; min-width:100%;  max-width:100%} 

#warning {color:white; font-weight:normal; font-size:9pt;  min-width:100%;  max-width:100%; background:red; display:inline-block;}

/* Library Signup Page */
#signup_row {max-width:90%; height:auto; margin:auto; margin-top:75px! important; padding:0; background:none}

#signup_mainbody {background:none; color:#000; width:100%; padding-left:3%; padding-right:3%; margin:auto;}

#signup_form {min-width:100%; display:inline-block; background:#f5f5f0; box-shadow:1px 1px 2px 3px Silver; font-family: arial}

#signup_heading {background:#004086; color:#fff}

#signup_form h3 {font-weight:bold; text-shadow: inset 1px 1px 1px silver}

#register_button {margin-bottom:15px}

#signup_rightside {font-family:Tahoma, Geneva, sans-serif; letter-spacing:1.5px; margin-top:50px}
}


/*media screen max 1px-767px */
@media only screen and (min-width:1px) and (max-width: 768px) {
#body_libraryproduct {background: #fff; height:100%; padding-bottom:0px; padding-bottom:15px; overflow-x:hidden}

#body_libraryproduct_details {background: #fff; height:100%; padding-bottom:0px; padding-bottom:15px; overflow-x:hidden}


/*============================================product library page==============================================*/
/* Library Page Header */
#navbar_library {background:white; border-style:solid; box-shadow:none; min-height:60px; max-height:60px; width:99%; }

#company_name {color:#004086; font-size:16pt; font-weight:bold; line-height:1.4; width:auto;}

#company_name_b {float:left; margin-top:14px; margin-left:2px; display:none}

#company_logo_library {max-height:45px! important; margin-top:5px !important; margin-bottom:5px! important; margin-left:10px}

#product_library_title {max-height:45px! important; margin-left:5px; margin-top:14px !important; margin-bottom:0px! important; color:#004086; text-decoration:none; display:inline-block; font-weight:bold; font-size:16pt;}


#navbar_menu_library>li>a {color:#004086; font-weight:normal; position: relative; width:auto; letter-spacing: 1px; font-size:11pt; line-height:2}

#navbar_menu_library>li>a:hover {color:#000000;}


/* Library Page Search Option*/
#page_header_row_library {margin-top:80px! important; margin-bottom:10px; width:100%; padding-left:0%; padding-right:0%; font-family:'Arial', 'Arial', sans-serif;}

#page_header_row_library select {width:32.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library input {width:32.00%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library button {width:48.50%; float:left; display:inline-block; margin-left:.96%;}

#page_header_row_library a {width:48.50%; float:left; display:inline-block; margin-left:.96%;}


/* Library Page Leftbar Option */
.sidepanel {top: 250px}

.openbtn {top: 250px}


/* Library Page Body Design*/
#product_library_row {background:none; max-width:100%; height:auto; margin:auto; margin-top:0px! important;}

#product_library_mainbody {color:#000; padding-left:7%; padding-right:8%; margin:auto; width:100%;}

#product_list_div {padding-left:5px; padding-right:0px;}

#hide {display:none; position: absolute; bottom: 0; width: 100%; text-align:left; font-size:9.0pt; line-height:1.30; font-weight:normal; padding-left:10px; background-image: linear-gradient(to top, #e6e6d6 , #fff);  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);}

#page_identity {padding-left:20px; padding-right:0px; font-size:9.5pt;}

#product_list {width:42%; text-align:center; margin-left:5%; margin-top:4.0%; display:inline-block; transition: .1s ease;}

#product_list:hover {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); transition: 1s ease;}

#product_list:hover #hide {display: block;}

#product_list_img {padding-top:8px; padding-left:1px; padding-right:1px; margin:auto;}


/* Library Product Details & 360 Degree Common */
#product_details_row {height:auto; margin:auto; margin-top:70px! important;}

#product_details_mainbody {color:#000; width:100%; padding-left:8%; padding-right:7%; margin:auto;}

#detailspage_identity {margin-left:-20px; font-size:9.5pt;}


/* Library Product Details */
#product_details_left {width:100%; margin-left:0%; height:auto;} 

#product_details_middle {width:100%; margin-top:0%; height:auto;} 

#product_details_right {width:100%; margin-left:0%; height:auto;}

#images_main_view {padding-left:0px; padding-right:0px; margin-bottom:0px! important;}

#myDIV01 {padding:0px; margin-bottom:0px; min-height:260px;}

#images_main_view img {margin:auto; position: absolute; top: 50%; left: 50%; transform: translate(-49%, -50%); padding-left:5px; padding-right:5px; cursor: crosshair; max-height:260px;}

#images_tumb_view {cursor: Pointer; min-width:100%; position:relative; padding-left:0px;  padding-right:0px; text-align:center; display:inline-block;}

.thumbnail_class {margin-top:5px; width:30%; margin-bottom:5px; border-style:none;  border-width:1px; border-radius:2px; border-color:none; display:inline-block; margin-left:2.50%;}

#images_tumb_view img{margin:auto; width:100%; padding:0px;}

#images_tumb_view b{font-size:9.0pt; display:inline-block; width:100%; font-weight:Normal; margin-bottom:5px; text-align:center; background-image: linear-gradient(to top, #e6e6d6 , #fff); line-height:1.5}

#disclaimer {line-height:1.5; margin-bottom:0px; color:#8c8c8c; font-size:6.0pt; letter-spacing:none; margin-top:2px; text-align:center}

/* Library Product 360 Degree View */
#product_details_left_360 {width:100%; margin-left:0%; height:auto;} 

#product_details_middle_360 {width:100%; margin-top:0%; height:auto;} 

#product_details_right_360 {width:100%; margin-left:0%; height:auto;}

#images_main_view_360 {padding-left:0px; padding-right:0px; margin-bottom:0px! important;}

#myDIV01_360 {padding:0px; margin-bottom:0px; min-height:400px;}

#images_main_view_360 iframe {min-height:320px; max-height:400px;}

#images_tumb_view_360 {cursor: Pointer; min-width:100%; position:relative; padding-left:0px;  padding-right:0px; text-align:center; display:inline-block;}

.thumbnail_class_360 {margin-top:5px; width:25%; margin-bottom:5px; border-style:none;  border-width:1px; border-radius:2px; border-color:none; display:inline-block; margin-left:3.50%;}

#images_tumb_view_360 img{margin:auto; width:100%; padding:0px;}

#images_tumb_view_360 b{font-size:9.0pt; display:inline-block; width:100%; font-weight:Normal; margin-bottom:5px; text-align:center; background-image: linear-gradient(to top, #e6e6d6 , #fff); line-height:1.5}




/* Library Product Details & 360 Degree Common */
#myDIV_sub01 {display:none}

#myDIV_sub02 {margin-top:5px; min-width:100%; text-align:center; display:block}

#myDIV_sub02 a {font-size:11pt}

#product_details {display:inline-block; width:100%; font-family: Arial, Helvetica, sans-serif; font-size:10pt;  margin-top:0px; }

#product_description_style {width:100%; text-align:center; font-weight:800; letter-spacing: 1px; font-size:15pt;  background-image: linear-gradient(to top, #e6e6d6 , #fff); line-height:1.1 }

.modal-body {display:inline-block}

.user_modal {min-width:100%! important;}

.input-group {display:inline-block; min-width:100%! important; max-width:100%}

.input-group textarea {min-height:90px; max-height:90px; min-width:100%;  max-width:100%} 

#warning {color:white; font-weight:normal; font-size:9pt;  min-width:100%;  max-width:100%; background:red; display:inline-block;}


/* Library Signup Page */
#signup_row {max-width:90%; height:auto; margin:auto; margin-top:75px! important; padding:0; background:none}

#signup_mainbody {background:none; color:#000; width:100%; padding-left:3%; padding-right:3%; margin:auto;}

#signup_form {min-width:100%; display:inline-block; background:#f5f5f0; box-shadow:1px 1px 2px 3px Silver; font-family: arial}

#signup_heading {background:#004086; color:#fff; display:inline-block; width:100%}

#signup_form h3 {font-weight:bold; text-shadow: inset 1px 1px 1px silver}

#register_button {margin-bottom:15px}

#signup_rightside {font-family:Tahoma, Geneva, sans-serif; letter-spacing:1.5px; margin-top:50px}

}




/*===========================================================================================================*/
/*======================================= Header CSS Code Start Here ========================================*/

#navbar_row_library {padding-left:3.8%; padding-right:3.5%;}

.navigation_color {background:none; border-style:none;}

.navigation_color_change1 {background:#fff; border-style:none; opacity:0.95}

.navbar_header_id_library {float:left; display:inline-block}

.library_header_right {float:right;} 


/*======================================= Header CSS Code Ends Here =========================================*/
/*===========================================================================================================*/





/*===========================================================================================================*/
/*=================================== Library Header CSS Code Start Here =====================================*/

#navbar_menu_library {color:#004086; margin-top:10px}

#page_header_row_library select {background: #f2f2f2; font-weight:normal; margin-bottom:10px; font-size:11.5pt; letter-spacing:1.6; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);}



#page_header_row_library input {background: #f2f2f2; font-weight:normal; margin-bottom:10px; font-size:11.5pt; letter-spacing:1.6;  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);}

#page_header_row_library button {background: #b3ffb3; color:Green; font-weight:normal; margin-bottom:10px; font-size:11.5pt; letter-spacing:1.6; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); font-family: "Times New Roman", Times, serif;}

#page_header_row_library button:hover {background:#80ff80}

#page_header_row_library a {background: #99d6ff; Color:blue; font-weight:normal; margin-bottom:10px; font-size:11.5pt; letter-spacing:1.6; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); font-family: "Times New Roman", Times, serif;}

#page_header_row_library a:hover {background:#66c2ff}

/*======================================= Library Header CSS Code Ends Here =========================================*/
/*===========================================================================================================*/



/*===========================================================================================================*/
/*=================================== Library Page Body Sidebar CSS Code Start Here =====================================*/

#mySidenav a {
  position: fixed;
  left: -80px;
  transition: 0.3s;
  padding: 10px;
  width: 105px;
  text-decoration: none;
  font-size: 18px;
  color: white;
  border-radius: 0 5px 5px 0;
  opacity:.65;
}

#mySidenav a:hover {
  left: 0;
  opacity:1
}

#general {
  background-image: linear-gradient(to top, #7a7a52 , #b8b894); 
}

#new {
  background-image: linear-gradient(to top, #cc0000 , #ff3333); 
}

#seasonal {
  background-image: linear-gradient(to top, #002b80 , #0055ff);
}

#contact {
  background-image: linear-gradient(to top, #10bc3e , #5bf183);
}






.sidepanel  {
  width: 0;
  position: fixed;
  z-index: 100;
  height: 250px;
  left: 0;
  font-family:'Arial', 'Arial', sans-serif;
  background-color: #004086;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 40px;
  border-style:solid; 
  border-color:#004086; border-width:5px; 
  border-left:none; border-right:none;
 -moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
  box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
}

.sidepanel a {
  padding: 8px 8px 8px 20px;
  text-decoration: none;
  font-size: 14pt;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.sidepanel a:hover {
  color: Silver; background:#004a99
}

.sidepanel .closebtn {
  position: absolute;
  top: 0px; /* Was Designed as 10px*/
  right: 10px;
  font-size: 20px; padding-left:10px
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #004086;
  color: #fff;
  padding: 8px 8px;
  border: none; float:left;
  opacity:.9; left:0;
 -moz-box-shadow: 4px 4px 4px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 4px 4px 4px rgba(68, 68, 68, 0.6);
  box-shadow: 4px 4px 4px rgba(68, 68, 68, 0.6);
}

.openbtn:hover {
   background:#004a99;
  color: silver;
  transform1: rotate(360deg);
  transition1: all 0.3s ease-in-out 0s;
}




/*=============================== Library Page Body Sidebar CSS Code Ends Here =================================*/
/*===========================================================================================================*/

/*===========================================================================================================*/
/*=================================== Library Page Body CSS Code Start Here =====================================*/


#show { background-image: linear-gradient(to top, #e6e6d6 , #fff); box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); font-weight:bold}

#product_list_view {color:#000; font-size:11.5pt; line-height:1.5; font-weight:normal; text-align:center;}

#product_list_img {padding-top:0px; width:100%;}

#active {z-index:1; position:absolute; display:inline-block; Color:#00e64d; font-size:20pt; top:0; right:0; text-shadow:1px 1px #009933; line-height:1.2; max-width:35px}

#deactive {z-index:1; position:absolute; display:inline-block; Color:Orange; font-size:14pt; right:0;}

#myDIV01 {background:none;}

#myDIV_sub01 a { border-radius:25px; font-weight:600; color:#fff}

#myDIV_sub02 a { border-radius:25px; font-weight:600; color:#fff}


#page_identity {color:#000; padding-top:5px; font-weight:bold; font-family: Arial, Arial, serif; width:99%; display:inline-block;}

#page_identity a {text-decoration:none}


#detailspage_identity {color:#000; padding-bottom:10px; font-weight:bold; font-family: Arial, Arial, serif; width:99%; display:inline-block;}

#detailspage_identity a {text-decoration:none}

#hide01 {color:silver}

#hide01:hover {color:#000}

#hide02 {color:silver}

#hide02:hover {color:#000}

#hide03 {color:silver}

#hide03:hover {color:#000}
/*======================================= Library Page  Body CSS Code Ends Here =========================================*/
/*===========================================================================================================*/


/* Library Modal Start */
.modal {font-family: Arial, Helvetica, sans-serif;  font-size:11pt;}

.modal-header {min-height:50px; Color:#fff;}

#signin_modal {background-image: linear-gradient(to right, #fff , #fff);  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);border-radius:0px }

#signin_modal input {background: #f2f2f2; font-weight:normal; margin-bottom:0px; letter-spacing:1.6;  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); border-radius:5px; width:100%!important}


#request_modal {background-image: linear-gradient(to right, #fff , #fff);  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);border-radius:0px }

#request_modal input {background: #f2f2f2; font-weight:normal; margin-bottom:0px; letter-spacing:1.6;  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); border-radius:5px; width:100%!important}

#request_modal textarea {background: #f2f2f2; font-weight:normal; margin-bottom:0px; letter-spacing:1.6;  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2); border-radius:5px}

#notify_modal {background-image: linear-gradient(to right, #fff , #fff);  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);border-radius:0px}

#expire_modal {background-image: linear-gradient(to right, #fff, #fff);  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);  border-radius:0px}

#account_modal {background-image: linear-gradient(to right, #fff, #fff);  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.2);  border-radius:0px}


/* Library Modal End */


#signup_form .row {padding-left:15px; padding-right:15px}


/*===========================================================================================================*/
/*=================================== Tap to Top CSS Code Start Here =====================================*/
#scroll {
    position:fixed;
    right:10px;
    bottom:15px;
    cursor:pointer;
    width:40px;
    height:40px;
    background-color:#1c386d;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
	z-index:1000;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#112751;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

/*======================================= Tap to Top CSS Code Ends Here =========================================*/
/*===========================================================================================================*/