/*Custom style.css*/
body{background-image: url('/assets/img/background.png');  }
.top-bar{position: absolute;top:0;width: 100%; margin: 0; height: 5px;background-image: url('/assets/img/top-bar.jpg');}
.bg-transparent{background: transparent}
/* Logo css*/
.logo-box-wrapper{margin: 15px 0}


.btn-send, .btn-quote{background: #333333; color: #FBBDB0; text-transform: uppercase; font-weight: bold; border: 0; width: 100%}
.btn-send{width: 108px}
.btn-send:hover{color: white}
.btn-quote:hover, .btn-quote:active, .btn-quote:focus{background: #333333; color: #FBBDB0; !important; }
.contact-box-wrapper .box-right div.txt{padding: 5px 0px; font-size: 0.8em}
.contact-box-wrapper .row .col{padding: 0}
.contact-box-wrapper table{width:100%}
/*.contact-box-wrapper .box-right{padding-right: 15px;}*/
.search form{  width: 85%;}
.input-search.v-hide{background: transparent none repeat scroll 0 0;  border: 1px solid #fbbdb0;  display: inline-block;  padding: 7px;   width: 95%; border-radius: 30px; visibility: hidden}
.input-search.v-show{background: transparent none repeat scroll 0 0;  border: 1px solid #fbbdb0;  display: inline-block;  padding: 7px;   width: 95%; border-radius: 30px; visibility: visible}
.icon-serach{color: #fbbdb0!important; font-size: 1.5em; cursor: pointer}


/*main navigation css*/
.mob-nav-dynamic{padding-top: 15px}
.navbar{margin-bottom: 10px;}
.navbar-inverse-me{background-color: transparent;}
.main-nav { text-transform: uppercase;  width: 100%; color: #333}
.navbar-header .navbar-toggle{color: #ffffff!important;}
.main-nav li.toplink{width: 16.66%; text-align: center; font-weight: 500}
.main-nav .dropdown-menu{min-width: 163px;}
.main-nav li a{color:#333 !important; outline: none }
.main-nav > li > a:hover, .main-nav > li > a:focus{background-color: transparent !important;}
.main-nav .dropdown-menu{text-transform: capitalize;  }
#navbar-collapse-2{padding: 0}
.main-nav li.home {background: #F2927A}
.main-nav li.product, .main-nav li.product .dropdown-menu {background: #FBBDB0; box-shadow: none}
.main-nav li.product .dropdown-menu li:hover, .main-nav li.product .dropdown-menu li:focus{background: #E1AA9E}
.main-nav li.application, .main-nav li.application .dropdown-menu {background: #FCD474; box-shadow: none}
.main-nav li.application .dropdown-menu li:hover, .main-nav li.product .dropdown-menu li:focus{background: #E2BE68}
.main-nav li.partner, .main-nav li.partner .dropdown-menu {background: #FFEA94; box-shadow: none}
.main-nav li.partner .dropdown-menu li:hover, .main-nav li.product .dropdown-menu li:focus{background: #E5D385}
.main-nav li.location, .main-nav li.location .dropdown-menu {background: #A7CAC4; box-shadow: none}
.main-nav li.location .dropdown-menu li:hover, .main-nav li.product .dropdown-menu li:focus{background: #96B5B0}
.main-nav li.aboutus, .main-nav li.aboutus .dropdown-menu {background: #C1E0DB; box-shadow: none}
.main-nav li.aboutus .dropdown-menu li:hover, .main-nav li.product .dropdown-menu li:focus{background: #B4D6D1}
.main-nav li.contact, .main-nav li.contact .dropdown-menu{background: #B7A5CB; box-shadow: none}



/* sub-menu-level-2 css */
.has-sub-menu-level-2{position: relative}
.sub-menu-level-2{position: absolute; padding: 0; min-width: 166px; background: #fbbdb0 none repeat scroll 0 0; list-style: none; display: none; top:0;}
.sub-menu-level-2 li{display: block; width: 100%; outline: none}
.sub-menu-level-2 li a{display: block; width: 100%; text-decoration: none; padding: 12px 15px; font-size: 13px; outline: none;white-space: nowrap;}


/* Carousel Styles */

.control-box{  position: absolute;  bottom: 65px;  right: 65px;  }
.carousel-inner img {  width: 100%;  max-height: 460px  }
.carousel-control {  width: 65px;  height: 65px;  }
.carousel-control-left{left: -65px}
.carousel-control-left,
.carousel-control-right {  background: rgba(255,255,255,0.5);  float: none;  right: 0;  bottom: 0;  }
.carousel-control-left span, .carousel-control-right span {  margin: 0px 17px;  top:17px;  color: #333;  }
.carousel-control-left span:hover,
.carousel-control-right span:hover {  opacity: .7;  filter: alpha(opacity=70);  }

/* Carousel Header Styles */
.header-text {  position: absolute;  top: 20%;  left: 1.8%;  right: auto;  width: 96.66666666666666%;  color: #fff;  }
.header-text h2 {  font-size: 40px;  }
.header-text h2 span {  background-color: #2980b9;  padding: 10px;  }
.header-text h3 span {  background-color: #000;  padding: 15px;  }
.btn-min-block {  min-width: 170px;  line-height: 26px;  }
.btn-theme {  color: #fff;  background-color: transparent;  border: 2px solid #fff;  margin-right: 15px;  }
.btn-theme:hover {  color: #000;  background-color: #fff;  border-color: #fff;  }

/*Home page css*/
.home-middle-txt-box{margin: 35px 0; padding: 0 10px}
.body-txt{font-weight: bold; line-height: 1.6em; color: #444444; font-style: italic }
.thumb-div-title{margin: 50px 0; color: #B1AE9F; font-size: 2.5em; font-weight: bold}

.thumb-wrapper div.it{background-color:#FBBDB0; color: #333 }
.thumb-wrapper div.it .block-btn{background-color:#F2927A }
.thumb-wrapper div.dp{background-color: #FFEA94}
.thumb-wrapper div.dp .block-btn{background-color:#FCD474 }
.thumb-wrapper div.ps{background-color:#C1E0DB}
.thumb-wrapper div.ps .block-btn{background-color:#A7CAC4 }
.thumb-wrapper div.ls{background-color:#DDD1E7}
.thumb-wrapper div.ls .block-btn{background-color:#C9BDD3 }
.thumb-wrapper .out-image{text-align: center; position: absolute; width: 100%; top:-45px}
.thumb-wrapper .box .thumbnail, .partner-box .thumbnail{position: relative; border: 0; padding-left:0; padding-right: 0; padding-bottom: 0 }
.thumb-wrapper .box .thumbnail .block-txt{padding: 0 20px 20px 20px;}
.thumb-wrapper .box .thumbnail .content-wrapper{margin-top: 55px}
.thumb-wrapper .box .content-wrapper .block-btn{text-align: center; color: #333; padding:  7px 0;}
.thumb-wrapper .box .content-wrapper .block-btn a{color: #333; text-decoration: none; display: block; outline: none}
.thumb-wrapper .box .content-wrapper .block-btn a:hover{color: #000;}
.thumb-wrapper .box .thumbnail .block-txt .title{text-align: center; text-transform: capitalize;color: #000;  font-size: 1.1em;}
.thumb-wrapper .box .thumbnail .block-txt .sub-txt{font-size: 0.8em; line-height: 1.5em; padding: 10px 0}
.point-ul{margin: 35px 0}
.point-ul-bg{background-color: #FBBDB0; margin: 0px 15px; padding: 10px 0px;}
.point-ul .img-ball{position:relative;top:2em}
.point-ul table tr td{padding: 1em;font-size: 1.1em; font-weight: bold}

.address-box .thumbnail{background: transparent; border: 0}
.address-box .thumbnail .img-icon{min-height: 61px;}
.address-box .thumbnail .title{text-transform: uppercase; font-size: 1em; font-weight: bold}
.address-box .thumbnail .addr,.contact-address{font-size: 0.85em; font-weight: bold}
.address-box .thumbnail .img-icon img{vertical-align: bottom}
.contact-address{text-align: center;}
.contact-address address{ line-height: 20px;}
.page-location{margin-top: 100px;}


/*Footer css*/
.site-footer{
	background: #333333;
	color: #ffffff;
	font-size: 0.85em;
	padding: 15px 0;
	width: 100%;
	position: absolute;
	/*bottom: 0;*/
	/*margin-top: 50px;*/

}
.site-footer .ul-footer{margin: 0; padding: 0; list-style: none;}
.site-footer .ul-footer li{display: inline-block; margin: 0 3px;}
.site-footer .ul-footer li a{color: #ffffff; text-decoration: none; outline: none}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap; /* the original theme only ever showed 4 boxes (always one row);
	                     the React catalog page can show any number, so this needs to wrap. */
}
.main{min-height: 300px !important;}

/* React port: the original theme kept the footer glued to the bottom via a
   jQuery $sticky_footer() script (position:absolute + JS-computed `top`,
   re-run on load/resize) that isn't ported here. Without it, position:absolute
   on .site-footer breaks: #content's Bootstrap float columns collapse its
   box height, so the footer's hypothetical static position lands early while
   the (taller) floated content still paints beneath it — a blank gap both
   above and below the footer bar. A standard CSS flexbox sticky-footer
   replaces the JS entirely: footer sits right after content on tall pages,
   and gets pushed to the bottom of the viewport on short ones — no JS needed. */
html, body {
	height: 100%;
}
#page.site {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
#content.site-content {
	flex: 1 0 auto;
}
.site-footer {
	position: static;
}

/* React port: Bootstrap 3's JS-driven dropdown ('.open' toggled by bootstrap.js
   on click) isn't loaded here, so drive the same '.open' class from React state
   (see Layout.jsx) instead of shipping jQuery + bootstrap.js just for this. */
.main-nav li.dropdown.open .dropdown-menu {
	display: block;
}


.search-form{display: none}


/*content page css*/

.row-article .img_thumb{width: 100%}
.row-article .entry-title{color: #000;  font-size: 1.1em;  text-align: center;  text-transform: capitalize;  font-weight: 500}
.row-article .full-post{text-align: center;}
.row-article .full-post a{color: #333;  text-decoration: none; display: block; padding: 7px 0; outline: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
.row-article .full-post a:hover{background: rgba(0,0,0,0.5); color: white}
.thumbnaila{background-color: #F5F5F5}
.single-post .thumbnail{border: 0}
.single-post .entry-title{font-size: 25pt}
.single-post .entry-content ul{list-style: circle}
.single-post .entry-content ul li{font-size: 14px; line-height: 22.8px;}
.single-post .product_image img{width: 100%}
.form-control{box-shadow: none}




/*partners page css*/
.partner-box{margin-top: 45px;}
.partner-box .thumbnail .out-image .image-box{background-repeat: no-repeat;  background-size: 100% auto;}
.partner-box .thumbnail{background:#F5F5F5; border: 0 }
.partner-box .thumbnail .out-image{text-align: center; position: absolute; width: 100%; top:-45px}
.partner-box .thumbnail .out-image .image-box{border-radius: 50px;  height: 95px;  margin: 0 auto;  width: 95px;}
.partner-box .thumbnail{position: relative; border: 0; padding-left:0; padding-right: 0; padding-bottom: 0 }
.partner-box .thumbnail .block-txt{padding: 0 20px 20px 20px;}
.partner-box .thumbnail .content-wrapper{margin-top: 55px}
.partner-box .thumbnail .content-wrapper .block-btn{text-align: center; color: #333; padding:  7px 0;background: #DDDDDD}
.partner-box .thumbnail .content-wrapper .block-btn a{color: #333; text-decoration: none;}
.partner-box .thumbnail .content-wrapper .block-btn a:hover{color: #000;}
.partner-box .thumbnail .block-txt .title{text-align: center; text-transform: capitalize;color: #000;  font-size: 1.1em;}
.partner-box .thumbnail .block-txt .sub-txt{font-size: 0.8em; line-height: 1.5em; padding: 10px 0}

/*Application page css*/
.col-tag{
	margin: 10px auto;

}
a.tag_box{
	display: block;
	box-shadow: 0 0 1px #333;
	width: 100%;
	vertical-align: middle;
	background-color: #F5F5F5;
	color: #333;
	height: 100%;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	/*border: 1px solid rgba(0,0,0,0.1)*/
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-overflow: ellipsis;
}
a.tag_box:hover{
	background-color: #dddddd;
	color: #000000;
}

ul.my-tags-list {
    padding-left: inherit;
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.row-eq-height {
		display: block;
	}
	.thumb-wrapper .box{margin-top: 1.6em; margin-bottom: 1.6em }
	.main-nav li.toplink{font-size: 0.69em; font-weight: bold}
	footer.site-footer {text-align: center}
	footer.site-footer	.ul-footer{float: none !important;}
	footer.site-footer .col{margin: 10px 0}
	.main-nav .dropdown-menu{min-width: 103px;}
	.site-footer .ul-footer li{margin: 0px 3px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 1024px) {
.btn-quote{font-size: 0.9em;}
	.site-footer .ul-footer li{margin: 0px;}
}


@media only screen and (max-width : 640px) {
	.thumb-wrapper .box{margin-top: 3.5em; margin-bottom: 3.5em }
	.contact-box-wrapper .box-right{padding: 15px 0px; float: none!important;}
	.contact-box-wrapper .box-right .txt{display: inline-block; width: 48%; text-align: center; font-weight: bold}
	.contact-box-wrapper table{width: 85%; margin: 10px auto}
	.navbar-inverse-me{background-color: #333333;}
	.navbar-inverse-me .navbar-toggle, .navbar-inverse-me .navbar-toggle span{color: #ffffff!important;}
	.navbar-toggle .icon-bar{background-color: #ffffff}
	.main-nav{margin: 0}
	.main-nav li.toplink{width: 100%}
	.navbar-inverse-me .navbar-collapse{border: 0}
	.main-nav .dropdown-menu{width: 100%}
	.carousel-control {  width: 45px;  height: 45px;  }
	.control-box{bottom: 45px;  right: 45px;  }
	.carousel-control-left{left: -45px}
	.logo{text-align: center}
	.main-nav li.toplink{text-align: left;
	.page-location{margin-top: 20px;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.logo img{width: 240px}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {

}
}