/*
Theme Name: Shanghai Optics
Theme URI: https://proximatesolutions.com/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Version: 2.0
*/

@import url("font-awesome.min.css");
html {
  margin-top: 0 !important;
}
body { font-family:Arial, Helvetica, sans-serif; font-size:16px;}
h1, .h1, h1 a, .h1 a, h2, .h2, h2 a, .h2 a, h3, .h3, .h3 a, h3 a, h4,.h4, h4 a, .h4 a, h5, .h5, h5 a, .h5 a, h6, .h6, h6 a, .h6 a { color:#022135; font-weight:bold;}
.h1, h1 { font-size:22px;}
.h2, h2 { font-size:20px; color: red;}
.h3, h3 { font-size:18px;}
.h3 span, h3 span { color:#aaa; display:block; font-size:13px; font-style:italic; font-weight:normal; padding-bottom:10px;}
.h4, h4 { font-size:16px;}
.h5, h5 { font-size:14px;}
.h6, h6 { font-size:12px;}

img { max-width:100%; height:auto; }
a { transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s; color:#ff8e36 }
a:hover, a:focus { outline:0; color:#ff8e36}
a.url { color:#111e36;}
a.url:hover, a.url:focus { color:#111e36;}
.clear1 { clear:both;}
.clear5px { clear:both; height:5px; }
.clear10px { clear:both; padding:5px; }
.clear20px { clear:both; padding:10px; }
.clear30px { clear:both; padding:15px; }
.clear50px { clear:both; padding:25px; }
.clear100px { clear:both; padding:50px; }

  #aat1{
display:none
}


.btn { letter-spacing:1px;}
.btn-primary { background:#022135; border-color:#083F60;}
.btn-primary:hover { background:#083F60; border-color:#022135;}
.btn-default {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
border-color:#777; text-transform:uppercase; box-shadow:0 3px 0 #999;}
.btn-warning { background:#EA9D42; box-shadow:0 3px 0 #DB9341;}

.mt-0 { margin-top:0;}

header { background:#fff; box-shadow:0 -7px 7px 7px rgba(0, 0, 0, 0.3); position: fixed; width: 100%; top:0; z-index:999;}
header .container { position:relative; width: 97% !important;}

/*header.sticky #logo img.norm { display:none}
header.sticky #logo { width:180px;}
header.sticky #logo img.stick { display:block; transition:all ease .3s;}
header.sticky .call { margin:8px 0 5px; transition:all ease .3s; -webkit-transition:all ease .3s;}*/
.call .tooltip { white-space: nowrap;}
.img-right { float:right; margin-left:15px;}
.logo { /*position:absolute; left:-150px; top:0; padding:15px;*/ float:none; padding:11px 0;}
.logo img { width: 275px !important;}
#logo { display:inline-block; float:left; margin:10px 0 15px; max-width:220px;}
#logo img.stick { display:none;}
.call { float:right; position:relative; display:inline-block; margin:24px -34px 0 19px; text-align:center;}
.call div.lens { display:inline-block; cursor:pointer; position:relative; z-index: 1 !important;}
.call a  { display:inline-block; cursor:pointer; padding-bottom:5px;}
.call a.btn { background: rgb(22,26,97); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(22,26,97,1) 0%, rgba(2,110,183,1) 48%, rgba(11,68,141,1) 52%, rgba(22,26,97,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(22,26,97,1) 0%,rgba(2,110,183,1) 48%,rgba(11,68,141,1) 52%,rgba(22,26,97,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(22,26,97,1) 0%,rgba(2,110,183,1) 48%,rgba(11,68,141,1) 52%,rgba(22,26,97,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161a61', endColorstr='#161a61',GradientType=0 ); /* IE6-9 */
 border-radius:10px; box-shadow:0 3px 0 #0369B1; color:#fff; cursor:pointer; display:inline-block; font-size:18px; padding:4px 10px; line-height:25px;}
.call a.btn i { background:url(../img/lens.png); background-size:100%; border:1px solid #999; border-radius:50%; display:inline-block; float:left; height:26px; margin-right:10px; text-align:center; width:26px;}
.call .dropdown-menu { left:inherit; right:0; box-shadow:none; min-width:200px; z-index:99999;}
.call .dropdown-menu:before {top:-7px;	right:1%; content:""; position:absolute; border-style:solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #ddd transparent;}
.call .dropdown-menu > li  { border-bottom:#ddd 1px solid;}
.call .dropdown-menu > li:last-child {border-bottom:none;}
.call .dropdown-menu > li img { margin-right:8px; width:18px;}
.dropdown-menu > li > a { color:#666; padding:10px 20px;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color:#0088cc;}
.call.open .dropdown-menu{ display:block;}
.container.nav-container {
  width: 1270px !important;
}
#menu { float:none; overflow:hidden; margin-left:0; position: static !important; margin-top: 0 !important; text-align: center;}
#menu ul {/* letter-spacing:1px; */list-style:none; margin:0; padding:0; }
#menu .main-menu {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
#menu ul li { font-size:12pt; float:none; font-weight:bold; text-transform:uppercase;}
#menu ul li a { color:#fff; display:block; padding: 0 20px 15px; position:relative; z-index:9;}
#menu ul li a:hover, #menu ul li:hover > a { color:#111e36; text-decoration:none; text-decoration:underline;}

/* .leveltwo {-moz-transition: .2s; -o-transition: .2s; -webkit-transition: .2s; transition: .2s;} */

#menu ul li div.megamenu:before { bottom: 0; content: ''; display: block; height: 100%; left: -200%; position: absolute; right: 100%; top: 0; }
#menu ul li:hover > div{  opacity: 1;visibility: visible;}
#menu ul li > div{left: 0;
   opacity: 0;
   position: fixed;
   right: 0;
   transition: all 0.2s ease 0.2s;
   -webkit-transition: all 0.2s ease 0.2s;
   -moz-transition: all 0.2s ease 0.2s;
   -o-transition: all 0.2s ease 0.2s;
   visibility: hidden;min-height: 428px;width: 100%;font-size: 12px; background: #fff none repeat scroll 0 0;z-index: 9999;
   width: 1000px;
   left: 50%;
   margin: 0 -500px;
}
#menu ul li div.megamenu {
  min-height: auto !important;
}
#menu ul li:hover div.megamenu .container { position:static;}
#menu ul li:hover div.megamenu a { color:#111e36;}
#menu ul li div.megamenu img { 
   float:left; 
   position:absolute; 
   object-fit: cover;
   left: 0;
   bottom: 0;
   opacity: 0.5;
   height: 100%;
   width: 100%;
}
/* #menu ul li div.megamenu ul { float:left; width:292px; margin:0; margin-bottom:15px; overflow:hidden;} */
#menu ul li div.megamenu ul { 
   float:left; 
   width:100%; 
   margin:30px 0 !important; 
   max-width: 100%;
   padding-left: 15px;
   position: relative;
   z-index: 2;
   border-right: 3px solid #000;
}
.menu-item-description {
   width: 100%;
   position: absolute;
   left: 105%;
   top: 5px;
   font-weight: bold;
   display: none;
}
.nav-holder {
  background: #6f6f6f; 
  height:55px;
  line-height:50px;
}
#menu ul li div.megamenu ul li { float:none; font-size:13pt; font-weight:normal; display:block; text-transform:capitalize}
#menu ul li div.megamenu ul li a { font-weight:Normal; display:block; padding:5px 0 4px 15px; position:relative; width:100%; overflow: hidden; text-align: left;}
#menu ul li div.megamenu ul li a:before { display:none;}
#menu ul li div.megamenu ul li a:after { font-family:'FontAwesome'; position:absolute; left:0; top:5px; content:"\f105"; transition:all ease .3s; -webkit-transition:all ease .3s;}
#menu ul li div.megamenu ul li a:hover, #menu ul li div.megamenu ul li a:focus { text-decoration:none;}
#menu ul li div.megamenu ul li a:hover span { text-decoration:underline;}

#menu ul li .search-icon { color:#036eb8 !important;}
.mean-container .mean-nav ul li a.mean-expand {
  line-height: 1;
  top: 0;
  padding: 8px 3px !important;
}
.top-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0;
}
.overlay { background:rgba(255,255,255,0.7); bottom:0; opacity:0; display:none; left:0; position:fixed; right:0; top:0; z-index:998;}
.overlay.on { display:block; opacity:1;}

.search-container{ background:#fff; top:28px; float:none; z-index:999; width:280px; display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-end;
-ms-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;}
.search-icon a.fa {
  font-size: 20px !important;
}
.search-icon a.fa:focus, .search-icon a.fa:active {
  text-decoration: none;
}
#mob-nav {
  display: none;
}
.search-box { border:#eee 1px solid; color:#333; -webkit-transition:all 0.6s ease; transition:all 0.6s ease; width:100%; padding:2px 10px; z-index:10; font-size: 14px;}
#search-submit { top:0;position:absolute; height:35px; left:83%; margin-left:8px; border-color:#ddd;}
.search-icon { float:none; position: relative;cursor: pointer; display:inline-block; margin: 0 !important;}
.search-container .cross { border-color:#ddd; line-height:1.38; position:absolute; right:5px; top:10px; text-align:center;}
.search-icon:hover { text-decoration:none;}
.search-container .cross:hover, .search-container .cross:focus, #search-submit:hover, #search-submit:focus { outline:none; text-decoration:none;}
.search-icon a {color:#f08220; font-size:20px;}
.search-icon a:hover { text-decoration:none;}
.hero-wrap { position:relative;}
#hero .item{ position:relative;}
/*#hero .item:before { background:rgba(0,0,0,0.4); content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:10;}*/
.capi {color:#fff;text-align:center; z-index:20;}
.capi .capi-inn { background:rgba(0,0,0,0.5); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto;z-index:990;}
.capi h3 { color:#fff;}
.capi p {  font-size:16px; line-height:30px; padding:0 10px;}
.capi img { border:5px solid transparent; border-radius:50%; margin-bottom:10px; padding:5px; transition:all ease .3s; -webkit-transition:all ease .3s;}
.capi [class*='col-']:hover img { border-color:#EA9D42;}

#hero .owl-prev, #hero .owl-next { background:rgba(0,0,0,0.1); color:#fff; font-size: 2.2em; font-size: calc(14px + 1.4vw); opacity: 0.7; height:50px; position:absolute; top:calc(50% - 25px); right:0; text-align:center; transition:all ease .3s; width:50px; z-index:1000;}
#hero .owl-prev { left:0;}
#hero .owl-prev:hover , #hero .owl-next:hover { width:50px;}
#hero .owl-prev i, #hero .owl-next i { line-height:50px;}

section { padding:10px 0 15px;}
.home { background:#f4f4f4;}
.welcome { overflow:hidden; padding-bottom:30px;}
.welcome h3 { margin-bottom:15px; }
.welcome .container { position:relative;}
.welcome .container:before { border-right:#fff 1px solid; content:''; display:block; height:150%; position:absolute; left:50%; top:-25px; width:899px; margin-left:-910px;}
.welcome .row { margin:0 -20px;}
.welcome .row [class*='col-'] { padding:0 20px;}
.welcome form .row { margin:0 -10px;}
.welcome form .row [class*='col-'] { padding:0 10px;}
.welcome form p { margin-bottom:20px;}
.welcome form button { letter-spacing:3px; line-height:30px;}

ul.news { list-style:none; margin:0 0 8px 0; padding:0;}
ul.news li { border-bottom:1px dashed #ccc; margin-bottom:15px; padding-bottom:15px;}
ul.news li:last-child { border:none; margin-bottom:0;}
ul.news li strong { display:block;}
ul.news li strong a { color:#333; text-decoration:none;}
ul.news li strong a:hover { color:#ff8e36; text-decoration:none;}
ul.news li span { color:#0088cc; display:block; font-size:14px; font-weight:normal;}

.blue-sec { background:#026EB8; color:#fff;}
.grey-sec { background:#f2f6fa;}
.grey-sec1 { background:#8A8C8C; color:#fff; font-size:16px; padding:10px 0; text-align:center}
.grey-sec1 span { font-size:20px;}
.orange-sec { background:#EA9D42; color:#fff;}
.grey-sec1 .btn { float:right;}

.slogen_logo_text { text-align:center;}

.feat { /*background:#f2f2f2;*/ border-top:1px solid#fff; padding-top:40px;}
.feat-prod { box-shadow:0 0 10px #ddd; overflow:hidden; position:relative;}
.feat-prod:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s;}
.feat .feat-capi { background:rgba(2,33,53,0.8); bottom:-110px; color:#fff; margin:0; padding:10px 0; position:absolute; width:100%; z-index:10; transition:all linear 0.2s 0s; -webkit-transition:all linear 0.2s 0s;}
.feat .feat-capi h5 { color:#fff; margin:3px 0 15px;}
.feat-prod:hover .feat-capi { bottom:0;}

.boxes {  border-bottom:1px solid #fff;/*E6EEF5;*/ /*background:#f2f2f2;*/ padding-top:60px; overflow:hidden;}
.boxes .box h4 { margin-bottom:15px; margin-top:15px;}
.boxes .box p { font-size:14px;}
.boxes .box {border-bottom:1px solid #0088cc; margin-bottom:15px; padding-bottom:45px; position:relative;}
.boxes .box:after { background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% -3% , rgba(0, 0, 0, 0.3), rgba(97, 97, 97, 0) 30%) repeat scroll 0 0;
bottom: 0; content: ""; height: 20px;  left: -50%; position: absolute;right: -50%; top: 100%; width: 200%; z-index: 1; }

.more_text {font-size:14px;}

.welcome, .welcome .container:before, .feat, .boxes { border-color:#eaeaea;}

.footer_top {background:#8A8C8C; color:#fff; font-size:16px; padding:10px 0; text-align:center}
footer { background:#3b3b3b; color:#fff; }
.footer { color:#fff; font-size:13px; line-height:1.92; padding:20px 0 0;}
footer a { color:#fff;}
footer a:hover { color:#EA9D42;}
footer h5 { color:#fff; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:10px;}
footer hr { border-color:rgba(255,255,255,0.1); margin:5px 0;}
footer nav ul { list-style:none; margin:0; margin-bottom:30px; padding:0; text-align:center;}
footer nav ul li { display:inline-block; font-size:16px;}
footer nav ul li a { color:#fff; display:block; padding:10px 25px;}
footer nav ul li a:hover { color:#e58f20; text-decoration:none;}
footer p { position:relative; padding-left:25px;}
footer p i { color:#fff; position:absolute; left:0; margin-top:3px;}

.logos { text-align:right;}
.logos img { height:40px; margin:5px; width:auto;}

.footer_bottom {  padding:20px 0;}
.copyright { border-top:1px solid rgba(255,255,255,0.1); padding-top:15px;}
.copyright_text {color:#fff; font-size:12px;}
.social { padding-left:4px;}
.social a {color:#fff; border-radius:5px; display:inline-block; font-size:22px; float:left; margin-right:20px; padding:7px 0; text-align:center; }
.social a:hover { color:#fff; text-decoration:none;}
.social a.fa-facebook:hover { color:#ea9d42;}
.social a.fa-twitter:hover { color:#ea9d42}
.social a.fa-linkedin:hover { color:#ea9d42;}
.social a.fa-envelope:hover { color:#ea9d42;}
.social a.fa-rss:hover { color:#ea9d42;}

.breadcrumb {border-radius:0;background:#F2F6FA;}
.breadcrumb ol { list-style:none; margin:0; padding:0 0;}
.breadcrumb li{display:inline-block; font-size:15px; padding:5px 0;}
.breadcrumb li+li:before{ font:18px 'FontAwesome'; color:#999; padding:0 15px; content:"\f105"}
.breadcrumb li a { color:#022135;}
.breadcrumb .active{color:#999}

.row.main { /*display:flex;*/ min-height:550px;}
.sidebar { background:#F2F6FA; border-left:10px solid #fff; border-right:10px solid #fff; overflow:hidden; padding:0 18px; position:relative;}
.sidebar.white { background:#fff; border-left:none; padding-left:15px;}
.sidebar .widget { overflow:hidden;}

.sidebar h1 {border-bottom: 1px solid #505358; margin-bottom: 15px; padding-bottom: 15px; position: relative;}
.sidebar h1:after { background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% -3% , rgba(0, 0, 0, 0.3), rgba(97, 97, 97, 0) 30%) repeat scroll 0 0;
bottom: 0; content: ""; height: 20px;  left: -50%; position: absolute;right: -50%; top: 100%; width: 200%; z-index: 1; }
.sidebar h2 {}
.sidebar ul { float:left; font-weight:bold;margin:0; padding:0; overflow:hidden; width:100%; }
.sidebar ul li { border-bottom:1px dashed #ccc;  float:none; font-size:11pt; display:block; text-transform:capitalize}
.sidebar ul li:last-child { border:none;}
.sidebar ul li a { color:#111e36; display:block; padding:8px 0 6px 15px; position:relative; width:100%;}
.sidebar ul li a:after { font-family:'FontAwesome'; padding:0 5px 0 0; position:absolute; left:0; top:7px; content:"\f105"; transition:all ease .3s; -webkit-transition:all ease .3s;}
.sidebar ul li a:hover, .sidebar ul li a:focus {/* background:#111e36; color:#fff; text-decoration:none; padding-left:20px;*/ text-decoration:none;}
/*.sidebar ul li a:hover:after { left:7px;}*/
.sidebar ul li a:hover span { text-decoration:underline;}

ul.list { list-style:none; margin:0 0 15px 0; padding:0 0 0 16px;}
ul.list li { padding:0 0 0 24px; position:relative;}
ul.list li:before { font-family:'FontAwesome'; padding:0 10px; content:"\f105"; position:absolute; left:0;}
ul.list li ul { list-style:none; margin:3px 0 10px 0; padding:0;}
ul.list li ol li:before { content:''; padding:0 4px;}

ul.list2 { list-style:none; margin:0 0 15px 0; padding:0 0 0 16px;}
ul.list2 li { padding:0 0 0 15px; position:relative;}
ul.list2 li:before { font-family:'FontAwesome'; padding:0 10px 0 0; content:"\f105"; position:absolute; left:0;}
ul.list2 li ul { list-style:none; margin:3px 0 10px 0; padding:0;}
ul.list2 li ol li:before { content:''; padding:0 4px;}

ul.extra-line-height {}
ul.extra-line-height li { line-height:36px;}
ul.extra-line-height li:last-child { line-height:normal;}

.carousel-indicators {  width:auto; bottom:0; left:0; margin-left:0; position:relative; }
.carousel-indicators li { background-color:transparent; border-color:transparent;  color:#0088cc; text-indent:0; border-radius:0;   display:block;   margin:0; margin-right:5px; float:left; padding:3px 2px; display:inline-block; width: 25px; height: 28px; }
.carousel-indicators .active {background-color:transparent; border-color:transparent;  color: #00698c;  width: 25px; height: 28px; margin-right:5px;
}
.carousel-inner > .item .img-thumbnail { border-radius:0; text-align:center}
.carousel-inner > .item h4 { margin-top:15%;}
.more_link { float:left; margin-top:-10px;}
.more_link a { color:#0088cc;  margin:0;padding:2px 12px; display:inline-block; }
.more_link a:hover { color: #00698c; }
.text-primary { color:#0088cc;}
.text-primary:hover { color:#00698c;}


.prod-wrap { overflow:hidden; padding-bottom:30px;}
#prods .owl-stage-outer { overflow:visible;}
#prods .owl-item { margin-bottom:5px; opacity:0.3; background:#fff; padding:4px; transition: all 0.2s ease-in-out 0s; position:relative;}
#prods .owl-item .slide_cap { position:absolute; left:2%; top:4%; z-index:9; background-color:rgba(33, 26, 21, 0.7); max-width:50%; color: #fff; padding:0 20px  20px}
#prods .owl-item.active { opacity:1}
#prods .owl-item .slide_cap h4 { color:#f93}
#prods .owl-prev, #prods .owl-next { background:rgba(0,0,0,0.1); color: rgba(0,0,0,0.9); font-size: 3em; font-size: calc(22px + 1.8vw); opacity: 0.7; padding-top:10px; position:absolute; top:calc(50% - 67px); right:-80px; text-align:center; transition:all ease .3s; width:45px; z-index:1000;}
#prods .owl-prev { left:-80px;}
#prods .owl-prev:hover , #prods .owl-next:hover { opacity:1; width:45px;}

.aboutpage {}
.aboutpage h2 {}
.aboutpage h2 a { color:#111e36; text-decoration:none;}
.aboutpage h2 a:hover { text-decoration:underline;}

.thumbnail h4 { margin:0 0 5px;}
.thumbnail h4 a { color:#022135;}
.design-thumb p.title {/* text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/ min-height:45px;}
.design-thumb a { color:#111e36;}
ul.design-thumb { list-style:none; margin:0; padding:0;}
ul.design-thumb li { float:left; width:20%;}
ol li { padding-bottom:8px;}

.red { color:#F00;}
.gray_hr { border-color:#ccc;}
.mrb10 { margin:0 10px 10px 0;}
.radius0 { border-radius:0;}

fieldset.fsStyle { border: 1px solid #ccc; border-radius:5px; padding:0 10px 20px; margin-bottom:20px;}
fieldset.fsStyle .form-control { border:none; box-shadow:none; padding-left:0; padding-right:0;}
legend.legendStyle { font-size:15px; line-height:1; padding-left: 5px; padding-right: 5px;  position:relative; top:8px; background-color: transparent;}
legend {width: auto;border-bottom: 0px;}
.form-control.auto { display:inline-block; width:auto; max-width:100%;}

.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; position:relative; left:50%; transform:translate(-50%); -webkit-transform:translate(-50%);}
.alignnone { float:none;}

.blog-post { border-bottom:#ddd 1px solid; padding-bottom:20px; margin-bottom:10px;}
.blog-post h2 { color:#333;}
.blog-post h2 a { color:#333; text-decoration:none;}
.blog-post h2 a:hover { color:#ff8e36; text-decoration:none;}

.table_responsive { width:100%; overflow-y:auto; _overflow:auto;}
.table_responsive table.table, .table-responsive table.table { border:#ddd 1px solid;}
.table_responsive table.table th, .table_responsive table.table td {}
td.top { vertical-align:top;}
td.middle { vertical-align:middle;}
td.baseline { vertical-align:baseline;}
td.bottom { vertical-align:bottom;}

.col_sm_txt { padding:6px 0 0 0; text-align:right;}
.col_sm_input { padding:0 5px;}

.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { color:#ff8e36;}

#map { overflow:hidden; width:100%; height:430px; border:#CCC 1px solid;}

/*Custom Pagination Start*/
.page-numbers {
	display: inline-block;
	padding-left: 0;
	margin: 0;
	border-radius: 4px;
}
.page-numbers > li {
	display: inline;
}
.page-numbers > li > a, .page-numbers > li > span {
	position: relative;
	float: left;
	padding: 5px 15px;
	font-size: 14px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #333333;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius:0;
}
.page-numbers > li:first-child > a, .page-numbers > li:first-child > span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.page-numbers > li:last-child > a, .page-numbers > li:last-child > span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.page-numbers > li > a:hover, .page-numbers > li > span:hover, .page-numbers > li > a:focus, .page-numbers > li > span:focus {
	color: #022135;
	background-color: #eee;
	border-color: #ddd;
}
.page-numbers > .active > a, .page-numbers > .active > span, .page-numbers > .active > a:hover, .page-numbers > .active > span:hover, .page-numbers > .active > a:focus, .page-numbers > .active > span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #022135;
	border-color: #022135;
}
.page-numbers .current, .page-numbers .current:hover {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #022135;
	border-color: #022135;
}
.page-numbers > .disabled > span, .page-numbers > .disabled > span:hover, .page-numbers > .disabled > span:focus, .page-numbers > .disabled > a, .page-numbers > .disabled > a:hover, .page-numbers > .disabled > a:focus {
	color: #999;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}
/*Custom Pagination End*/


.build-form fieldset.fsStyle .form-control { border-radius:0; border-bottom:1px solid #ccc; height:20px; margin-bottom:10px; padding:0;}
.build-form fieldset.fsStyle .form-control.auto { width:75px;}


.boxes .box .img-box { border:1px solid #ddd; display:table-cell; width:360px; height:240px; vertical-align:middle; margin:0 auto; text-align:center}
.boxes .box .img-box img { max-width:360px; max-height:240px;}
.img-box2 img { max-width:75px; max-height:75px;}

/*dev css start*/
#menu ul .assemly-wali-li div.megamenu ul li {
    float: left;
    width: 33.33%;
    position: relative;
}
#menu ul .assemly-wali-li div.megamenu ul li ul.sub-menu {
    display: none;
}

#menu ul .assemly-wali-li div.megamenu ul li:hover ul.sub-menu {
display: block;
}

#menu ul .assemly-wali-li div.megamenu ul li ul.sub-menu li{
width:100%;
}

#menu ul .assemly-wali-li div.megamenu ul li ul.sub-menu {
background: #fff;
margin: 10px 0!important;
max-width: 200px;
}


#menu ul .assemly-wali-li div.megamenu ul li ul.sub-menu {
    background: #fff;
    margin: 10px 0!important;
    max-width: 200px;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 999;
}
#menu ul li.assemly-wali-li.components-li div.megamenu ul li ul.sub-menu {
      max-width: 100%;
    left: 42%;
    width: 100%;

}
ul.sub-menu li a {
    font-size: 14px;
}

li.assemly-wali-li.components-li ul {
    height: 100%;
      padding: 0 10px;

  
}

#menu ul .assemly-wali-li div.megamenu ul li ul.sub-menu{
  right:20px; 
  height: auto;
  min-height: auto;
}

/*dev css end*/

p.test_run{
  color:red;
}

table.table.table-striped.table-bordered.tabletc th{
	background-color: #0D235E;
    color: white;
    font-size: 14px;
}

table.table.table-striped.table-bordered.tabletc{
    font-size: 12px;
}

@media (min-width:1200px){
.aboutpage .img-box { display:table-cell; width:200px; height:130px; vertical-align:middle; margin:0 auto; text-align:center}
.aboutpage .img-box img { max-width:200px; max-height:130px;}

.design-thumb .img-box { display:table-cell; width:255px; height:170px; vertical-align:middle; margin:0 auto; text-align:center}
.design-thumb .img-box img { max-width:255px; max-height:160px;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
legend.legendStyle { top:0;}
}


/* ----------- Component Page ----------- */

.component-header {
    text-align: center;
    background-color: #0f1c32;
    padding: 50px 0;
    margin-top: -20px;
    position: relative;
}

.component-header h1 {
    color: #fff!important;
    font-size: 55px!important;
    z-index: 3;
    position: relative;
    text-align: left;
    max-width: 60%;
    border-bottom: 4px solid white;
    text-shadow: 2px 2px 4px #000;
    display: inline-block;
    box-shadow: 0 4px 2px -2px rgba(0,0,0,.6);
}
.component-header-section {
    padding-top: 160px;
    padding-bottom: 160px;
    text-align: center;
    position: relative;
}

.component-header-section h2 {
    color: #fff!important;
    z-index: 3;
    position: relative;
  text-shadow: 2px 2px 4px #000000;
}

.component-header-section img {
    width: 100%;
    min-height: 100px;
    object-fit: cover;
}

.component-text-section {
    margin-top: 50px;
    margin-bottom: 50px;
}

.component-image-section {
    margin-top: 50px;
    margin-bottom: 50px;
}
.component-image-section > .container > .row{
    display: flex;
    flex-wrap: wrap;
}
.image-buttons {
    width: 100%;
    margin-bottom: 30px;
    display: block;
    text-align: center;
    position: relative;
}

.image-buttons a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    vertical-align: middle;
    font-size: 33px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
}

.image-buttons:after {
    background-color: #eee;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.text-overlay {
    z-index: 9;
    position: absolute;
    font-size: 20px;
    bottom: 10px;
    text-transform: capitalize;
    font-family: 'lato', sans-serif;
    font-weight: 400;
}

.component-half-and-half-section {
    display: table;
    padding-top: 0;
    padding-bottom: 0;
}

.half-and-half-header {
    width: 100%;
    display: block;
    vertical-align: middle;
    background-color: #0f1c32;
    padding: 50px 5%;
}

.half-and-half-header h2 {
    color: #fff!important;
    z-index: 3;
    position: relative;
}

.half-and-half-text {
    width: 100%;
    display: block;
    padding: 70px 5% 50px;
}

.component-cta-section {
    background: url(../img/slider_lens.jpg) no-repeat center center / cover;
    background-color: #0f1c32;
    padding-top: 90px;
    padding-bottom: 90px;
    text-align: center;
    position: relative;
}

.component-cta-section a {
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    margin-right: 0px;
    margin-left: 20px;
    z-index: 3;
    position: relative;
}

a.cta-button-1 {
    color: #0F1C32;
}

.blue-overlay:before {
    background-color: rgba(15, 28, 50, 0.2);
    position: absolute;
    content:" ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
}
.black-overlay:before {
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    content:" ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.blue-hover:hover:before {
    background-color: rgba(255, 255, 255, 0.2);
}

.component-subpages {
    text-align: center;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 35px;
    padding-bottom: 35px;
}

.component-subpages-container {
    display: inline-flex;
}

.component-subpages-container a {
    display: block;
    text-align: center;
    /* background-color: #e6e6e6; */
    /* padding: 5px 15px; */
    margin: 10px;
    font-size: 16px;
    color: #525252;
}
.component-subpages-container a:hover {
    /* background-color: #022035; */
}
#hero-slider .absolute-center h1, #hero-slider .absolute-center h2 {
  width: 70% !important;
}
@media(max-width: 1199px) {
  .component-header h1 {
    width: 100%;
  }
  #hero-slider .absolute-center h1, #hero-slider .absolute-center h2 {
    width: 100% !important;
  }
}
@media (min-width: 768px) {

    .half-and-half-header {
        width: 50%;
        display: table-cell;
        vertical-align: middle;
        padding: 50px 5%;
    }

    .half-and-half-text {
        width: 50%;
        display: table-cell;
        padding: 70px 5% 50px;
    }

}
.fixed-link {
    display: none;
}
@media (min-width: 1000px) {
    .fixed-link {
        display: block;
        z-index: 9;
    }
    .fixed-link a {
        color: #111e36;
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out;
    }
    .fixed-link a:hover {
        color: #ff8e36;
    }
}

div.floatton-container.floatton-container-3130.floatton-no-message.floatton-pos-right,
div.floatton-container.floatton-container-3130.floatton-no-message.floatton-pos-right.floatton-opened {
	max-width: 225px !important;
}
body .floatton-container-3130 .floatton-inner a {
	font-size: 16px;
}

body .floatton-container-3130 .floatton-close:before {
  content: '\0002DF';
  color: #ffffff;
  position: absolute;
  position: absolute;
  top: 9px;
  font-size: 30px;
}
/*pretty_youtube shortcode styles*/
.pretty-youtube-row {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    -ms-align-items: center;
    align-items: center;
    background: #eee;
}
.pretty-youtube-row .video-part, .pretty-youtube-row .text-part{
    padding: 50px 0;
}
.pretty-youtube-row .video-part {
	background: #fff;
}
.pretty-youtube-row .col-md-8 iframe {
    height: 100%;
    width: 100%;
}
.pretty-youtube-row .col-md-4 {
    background-color: #f1f1f1;
    
    min-height: 350px;
}
.pretty-youtube-text {
    padding: 0 75px;
}
.pretty-youtube-text h3 {
    margin-bottom: 40px;
}
.pretty-youtube-text h3,
.pretty-youtube-text p {
    width: 100%;
    text-align: left;
}
.video-section {
  padding: 0;
}

@media(min-width: 992px) {
  .pretty-youtube-row .col-md-8{
    padding: 75px;
    background: #d7d7d7;
}



}
@media (max-width: 991px) {
  .pretty-youtube-text h3,
  .pretty-youtube-text p{
      width: 100%;
      text-align: center!important;
  }
  
  #aat{
display:none
}

  #aat1{
display:block
}

  
}
/* IOS fix height */
@media (max-width: 575px) {
    .pretty-youtube-row {
      height: 100%;
      min-height: unset;
      align-items: stretch;
    }
    .pretty-youtube-row .col-md-8 iframe {
      height: 100%;
      min-height: 250px;
      width: 100%;
    }
}
.youtube-player {
    position: relative;
    padding-bottom: 36.23%;
    /* Use 75% for 4:3 videos */
    height: 100%;
    overflow: hidden;
    max-width: 70%;
    background: #000;
    margin: 0 auto;
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    font-size: 70px;
    color: #ffffff;
    cursor: pointer;
}
/*!pretty_youtube shortcode styles*/
/* Hide inputs in Wpform */
.hidden-input{
  display: none;
}
/* !Hide inputs in Wpform */
@media (min-width: 576px) and (max-width: 767px) {
  .component-image-section > .container > .row > .col-sm-4 {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .component-image-section > .container > .row > .col-sm-4 {
    width: 100%;
  }
  .component-header h1 {
    font-size: 50px!important;
  }
  .component-header {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 430px;
    display: flex; 
    justify-content: center; 
    align-items: center;
  }
  .component-header-section:not(.video-section) {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
    position: relative;
  }
}

/* New styles */

.container.relative {
  position: relative;
  text-align: left;
}
.anchor-links {
  margin-top: 20px;
  text-align: left;
  text-shadow: 2px 2px 4px #000000;
  height: 175px;
}
.scroll-to-anchor {
  color: #fff !important;
  font-size: 18px !important;
}
.scroll-to-anchor p {
  font-size: 22px !important;
  margin-bottom: 5px;
}
header .fa {
  font: normal normal normal 16px/1 FontAwesome !important;
}

.social.header a {
  color: #0F1C32;
  font-size: 18px !important;
}


#menu {
  margin-right: 0;
  margin-top: 60px;
}
#gtranslate_wrapper {
  top: 4px !important;
  right: 4% !important;
  display: none;
}
/* .switcher {
  display: none;
}
 */
@media(max-width: 1366px) {
  .social.header {
    right: 12%;
  }
}
@media(max-width: 1199px ) {
  #menu ul li a {
    font-size: 14px;
  }
  #menu {
    margin-right: 60px;
    margin-top: 55px;
  }
}
@media(max-width: 991px) {
  .social.header {
    right: 4%;
    z-index: 444;
  }
  .mean-container a.meanmenu-reveal {
    margin-top: 10px;
  }
}
@media(max-width: 767px) {
  .social.header {
    top: 35px;
    left: 30%;
  }
  .anchor-links, .component-header h1 {
    text-align: center;
  }
  .scroll-to-anchor p {
    font-size: 16px !important;
    font-weight: 400;
  }
  .component-header h1 {
    max-width: fit-content;
  }
  .black-overlay:before {
    display: block;
  }
  .pretty-youtube-text {
    width: 100%;
  }
  .pretty-youtube-row .video-part {
  	padding: 0;
  }
  .youtube-player {
  	width: 100%;
  	max-width: unset;
  	padding-bottom: 60%;
  }
  .pretty-youtube-row .text-part {
  	padding: 20px 0;
  }
  .pretty-youtube-text {
  	padding: 0 30px;
  }
  .anchor-links {
    height: auto;
  }
}


/* Video Library Styles */

.component-subpages.video {
  padding: 20px 0;
}
.videos-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 50px 0;
}
.video-item {
  flex: 0 0 31%;
  margin-bottom: 50px;
}
.video-link {
  padding-top: 75%;
  width: 100%;
  display: block;
  position: relative;
}
.video-title {
  font-size: 30px !important;
  font-family: 'lato', sans-serif !important;
}
.video-link:after {
  content: '';
  box-sizing: border-box;
  height: 74px;
  border-color: transparent transparent transparent #ddd;
  transition: .1s all ease;
  will-change: border-width;
  cursor: pointer;
  border-style: solid;
  border-width: 37px 0 37px 60px;
  z-index: 12;
  display: inline-block;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.v-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 80;
  background: rgba(0,0,0,.7);
  display: none;
  cursor: pointer;
}
.modalvideo {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 81;
  width: 900px;
  display: none;
}
.v-modal-content {
  padding: 20px;
  background: #fff;
}
.video-holder {
  height: 400px;
  background: #fff;
}
.video-descr {
  max-height: 50px;
  overflow-y: hidden;
}
.video-descr.modal-descr {
  max-height: unset;
}
@media(max-width: 1024px) {
  .modalvideo {
    width: 660px;
  }
  .video-holder {
    height: 330px;
  }
  .video-title {
    font-size: 24px !important;
  }
  .video-descr {
    font-size: 16px !important;
  }
}
@media(max-width: 767px) {
  .video-item {
    flex: 0 0 100%;
  }
  .modalvideo {
    width: 100%;
  }
  .video-descr {
    font-size: 14px !important;
    max-height: unset;
  }

}

@media(max-width: 991px) {
  header {
    height: auto !important;
  }
  #mob-nav {
    display: block;
    flex: 0 0 28%;
  }
  .search-container {
    display: none;
  }
  .social.header {
    margin: 0;
    width: auto;
    flex: 0 0 25%;
  }
  .logo {
    margin-right: 0;
    flex: 0 0 47%;
    text-align: center;
  }
  /*.ISO_logo {
    margin-right: 0;
    flex: 0 0 10%;
    text-align: center;
  }*/
  /*.ISO_logo img{
    width: 100;
  }*/
  .mean-container .mean-bar {
    top: 50%;
  }
  .logo img {
    width: 130px;
  }
  .social.header a {
    font-size: 21px !important;
  }
  .mean-container .mean-nav {
    position: absolute;
    left: 0;
    z-index: 999;
  }
  #gtranslate_wrapper {
    right: 1% !important;
    top: 5px !important;
  }
  .mean-container .mean-bar {
    position: static;
  }
  .mean-container a.meanmenu-reveal {
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media(max-width: 767px) {
  .mean-container a.meanmenu-reveal {
    right: 15px;
  }
}

.search-box {
  /* display: none; */
  transition: ease all .3s;
}
.search-box.opacity {
  display: block;
  margin-top:5px
}


.languages {
  display: none;
}
.lang-select-wrapper {
  margin-left: 10px;
  border-left: 1px solid #0F1C32;
  padding-left: 10px;
  position: relative;
}
.selected-lang, .languages {
  font-weight: 700;
  cursor: pointer; 
}
.selected-lang {
  font-weight: 900;
  font-size: 18px;
}
.selected-lang:after {
  content: '\f0d7';
  font-family: 'FontAwesome';
  margin-left: 3px;
}
.selected-lang.opened:after {
  content: '\f0d8';
}

.languages {
  position: absolute;
  top: 30px;
  left: 10px;
  z-index: 66;
}
.lang-item {
  background: #0F1C32;
  color: #fff;
  padding: 5px;
}
.lang-item:hover, .lang-item.selected {
  background: #fff;
  color: #0F1C32;
}

.languages::-webkit-scrollbar {
    width: 3px;
}

.languages::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255); 
    border-radius: 10px;
}

.languages::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255); 
}
span.img-build-own-lens img {
    width: 25px;
    margin-right: 20px;
} 

.img-build-own-lens img {
  width: 80px !important;
  margin-right: 15px !important;
}

/* custom page changes */
.page-id-757 .component-header h1 {
	font-size:25px !important;
}
  
.category {
  margin-top: 100px;
}
  
.category:first-child {
  margin-top: 25px;
}

.category-viewall {
  display: block;
  margin: 25px 0px;
}