.service-box-content {box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);}
.service-box{position: relative;overflow: hidden;margin-bottom:10px;perspective:1000px;-webkit-perspective:1000px;}
.service-icon{width: 100%;height: 200px;padding: 20px;text-align: center;transition: all .5s ease;}
.service-content{position: absolute;top: 0;left: 0;z-index: 1;opacity: 0; width: 100%;height: 200px;padding: 20px;text-align: center;transition: all .5s ease;
background-color: #474747; backface-visibility:hidden;transform-style: preserve-3d;-webkit-transform: translateY(110px) rotateX(-90deg);
-moz-transform: translateY(110px) rotateX(-90deg);-ms-transform: translateY(110px) rotateX(-90deg); -o-transform: translateY(110px) rotateX(-90deg);transform: translateY(110px) rotateX(-90deg); }
.service-box .service-icon .front-content{position: relative;top:80px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.service-box .service-icon .front-content i {color: #fff;font-weight: normal;}
.service-box .service-icon .front-content h3 {font-size:20px;font-weight:bold;color:#fff;text-align:center;margin-bottom:15px;text-transform:uppercase; }
.service-box .service-content h3 {font-size: 20px; font-weight: bold;color: #fff; margin-bottom:10px; text-transform: uppercase; }
.service-box .service-content p {font-size: 13px;color: #fefefe;font-weight: bold; margin:0;}
.yellow{background-color: #ffc000;}.orange{background-color: #fc7f0c;}.red{background-color: #e84b3a;}.grey{background-color: #474747;}
.service-box:hover .service-icon{opacity: 0; -webkit-transform: translateY(-110px) rotateX(90deg); -moz-transform: translateY(-110px) rotateX(90deg); -ms-transform: translateY(-110px) rotateX(90deg);-o-transform: translateY(-110px) rotateX(90deg); transform: translateY(-110px) rotateX(90deg);}
.service-box:hover .service-content {opacity: 1;-webkit-transform: rotateX(0);-moz-transform: rotateX(0); -ms-transform: rotateX(0);-o-transform: rotateX(0);
transform: rotateX(0); }
.degree {background-image: url(images/360_degree_icon_90.png);background-repeat: no-repeat; display:inline-block; width: 90px; height: 90px;}
	.clearfix {clear: both;}
.eupopup-container {background-color: rgba(0, 0, 0, 0.8);color: #efefef;padding: 5px 20px;font-size: 12px;line-height: 1.2em;text-align: center;
	display: none;z-index: 11000;}
.eupopup-container-top,.eupopup-container-fixedtop {position: absolute;	top: 0; left: 0; right: 0;}
.eupopup-container-fixedtop {position: fixed;}
.eupopup-container-bottom {	position: fixed;	bottom: 0; left: 0; right: 0;	z-index: 15000;}
.eupopup-container-bottomleft {	position: fixed;	bottom: 10px;	left: 10px;	width: 300px;}
.eupopup-container-bottomright {	position: fixed;	bottom: 10px;	right: 10px;	width: 350px;}
.eupopup-closebutton {font-size: 19px;	font-weight: 100;	line-height: 1;	color: #fff;filter: alpha(opacity=40);position: absolute;
	font-family: helvetica, arial, verdana, sans-serif;	top: 0; right: 0; font-weight:bold;	padding: 5px 10px;}
.eupopup-closebutton:hover,.eupopup-closebutton:active {color: #fff;text-decoration: none;}
.eupopup-head {	font-size: 1.2em;	font-weight: bold;	padding: 7px;	color: #fff;}
.eupopup-body {	color: #a2a2a2;}
.eupopup-buttons {	padding: 7px 0 5px 0;}
.eupopup-button_1 {	color: #f6a21d;	font-weight: bold;	font-size: 14px;}
.eupopup-button_2 {	color: #f6a21d;	font-weight: normal;	font-size: 12px;}
.eupopup-button {	margin: 0 10px;}
.eupopup-button:hover,.eupopup-button:focus {	text-decoration: underline;	color: #f6a21d;}
body .eupopup-color-inverse {color: #000;background-color: rgba(255, 255, 255, 0.9);}
body .eupopup-color-inverse .eupopup-head {	color: #000;}
body .eupopup-style-compact {	text-align: left;	padding: 8px 30px 7px 20px;	line-height: 15px;}
body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,body .eupopup-style-compact .eupopup-buttons {display: inline;	padding: 0;	margin: 0;}
body .eupopup-style-compact .eupopup-button {	margin: 0 5px;}
#exTab3	.nav-pills > li {border-bottom: 2px solid #428bca; line-height: 50px;}	
#exTab3 .nav-pills > li > a { font-weight: bold; font-size: 13px; border-radius: 4px 4px 0 0 ;}

#exTab3 .tab-content {padding : 5px 0px;font-family: 'Open Sans', sans-serif;font-weight: 500;font-size: 13px;color: #333;}	
	.callcenter{background-image:url(images/7-24.png); background-repeat: no-repeat; background-position: left; ; padding : 15px;}
	.callcenter span{ font-style:italic; color: #193348; font-weight:bold; }
	.callcenter a {color: #fff; text-decoration: none; }
	.callcenter a:hover {color: #fff; text-decoration: underline; }	
	.open-bio {text-align: center; color: red; font-weight: bold;}
/*.header {width: 100%; background: rgba(231,231,231,0.6); position: fixed;z-index: 10001;=*/
.header {width: 100%;background-color: rgba(255, 255, 255, 0.85);position: fixed;z-index: 10001;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);}
.headertop { border-bottom: 1px solid #ddd;line-height: 2.5em; }
	.headertop ul {margin: 0px; padding:0px;}
.headertop ul.list-bordered li:first-child { border-left: 1px solid #ccc;}
	.headertop ul.list-bordered li.active { background-color:#173e3d !important; }
	.headertop ul.list-bordered li.active a {color: #fff !important; font-weight: bold; }
 .headertop ul.list-bordered li { padding-left: 1rem; padding-right: 1rem; border-right: 1px solid #ccc; font-size: 13px;}
	.headertop ul.list-bordered li:hover {  background-color:#173e3d !important;}
	.headertop ul.list-bordered li:hover i { color:#fff;}
	.headertop ul.list-bordered li:hover a {  color:#fff !important;}
	.headertop ul.list-bordered li:hover a i { color:#fff;}
	.text-theme-colored {color: #173e3d;}
	.theme-colored {color: #173e3d;}
	.btn { font-size: 14px;line-height: 1.38;}
	.btn-flat { border-radius: 0;}
	.pb-5 {    padding-bottom: 5px !important;	}
	.pb-1 {    padding-bottom: 1px !important;	}
	.pt-5 {padding-top: 5px !important;}
	.ptb-3 {padding-top: 3px !important;padding-bottom: 3px !important;}
	.pt-0 {padding-top: 0px !important;}
	.pt-10 {padding-top: 10px !important;}
	.p-0 {padding: 0px !important;}
	.m-0 {margin: 0px !important;}
	.mt-0{margin-top: 0px !important;}
	.btn-theme-colored { color: #fff; background-color: #173e3d;  border-color: #173e3d;}
	.logodiv {padding-top: 10px; padding-bottom: 10px;padding-left: 0px; padding-right: 10px;}
	.fixed-header {background: #fff; position: fixed; top: 0;left: 0; width: 100%;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); }
	.fixed-header .logodiv img {max-height: 60px; padding-top: 5px; padding-bottom: 5px;}
.list-bordered li a {color: #173e3d;}
	.cool-link::after {content: ''; display: block; width: 0; height: 2px; background: #173e3d; transition: width .3s;}
.cool-link:hover::after { width: 100%; background: #bce5e1; /*/transition: width .3s;*/}
.thumbnail {min-height: 300px; max-height: 350px;}
.product-image  {height: 200px; width: 200px;  margin: 0 auto; }
.product-image img {margin: 0 auto;object-fit: cover;}
.product-caption h3 {font-size: 15px; font-weight: bold; min-height: 40px;}
.product-caption h3 a {color: #222;font-size: 14px; font-weight: bold; min-height: 40px;}
.product-caption h3 a:hover {color: #ff0000;}
.product-caption h5 {font-size: 13px; font-weight: bold;}


@media only screen and (max-width: 990px) and (min-width: 768px)  {
	.header {width: 100%;background-color: rgba(255, 255, 255);position: relative; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);}
	.fixed-header{position: relative;}
	.logodiv {padding-left: 15px !important; padding-right: 5px !important;}

	.navbar-brand {padding-top: 3px !important; padding-bottom: 3px !important; padding-left: 35px;}
	.navbar-brand img {max-width: 170px;}
.contentdiv_main {margin-top: 5px;}
.contentdiv_contact {margin-top: 5px; padding-left: 0px; padding-right: 0px;}

	}
	
@media only screen and (max-width: 767px) and (min-width: 481px)  {
	.xs-sm-w-100 {}
	.header {width: 100%;background-color: rgba(255, 255, 255);position: relative; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);}
	.fixed-header{position: relative;}
	.navbar {background: #fff;}
	.navbar .navbar-nav li>a {  text-align: left; color: #222 !important;font-size: 2.3vh;}
	.logodiv {padding-left: 15px !important; padding-right: 5px !important;}
	.navbar-header {height: 50px;}
	.navbar-brand {padding-top: 3px !important; padding-bottom: 3px !important; padding-left: 25px;}
	.navbar-brand img {max-width: 200px;}

	
}
	@media only screen and (max-width: 480px) and (min-width: 320px)  {

}