body { font-family: 'Open Sans', sans-serif !important; }
.header { position: relative; z-index: 99; border: solid thin #eee; }

/*<><><><><><><><><><><><><><><><><><><><><><><><><><> */

/* #primary_nav_wrap { margin-top:; transition: all 0.1s ease; }
#primary_nav_wrap ul { list-style: none; position: relative; float: left; margin: 0; padding: 0; z-index: 999; width: 100%; background-color: #f7f7f7; border-bottom: solid thin #000; }
#primary_nav_wrap ul a { display: block; color: #000; text-decoration: none; font-weight: 600; transition: all 0.1s ease; padding: 10px 15px; transition: all 0.1s ease; }
#primary_nav_wrap ul li { position: static; float: left; margin: 0; padding: 0 15px; transition: all 0.1s ease; }
#primary_nav_wrap ul li > ul li { background-color: #F7F7F7; transition: all 0.1s ease; clear: both; }
#primary_nav_wrap ul li > ul li a { font-size: 12px; }
#primary_nav_wrap ul li.current-menu-item { background: #ddd; transition: all 0.1s ease; }
#primary_nav_wrap ul li:hover { background: #00a8eb; transition: all 0.1s ease; }
#primary_nav_wrap ul ul { display: none; position: absolute; top: 100%; left: 0; background: #f7f7f7; padding: 0; transition: all 0.1s ease; }
#primary_nav_wrap ul ul li { float: none; width: 200px; transition: all 0.1s ease; }
#primary_nav_wrap ul ul a { line-height: 120%; padding: 5px 0px; transition: all 0.1s ease; }
#primary_nav_wrap ul ul ul { top: 0; left: 100%; transition: all 0.1s ease; }
#primary_nav_wrap ul li:hover > ul { display: block; transition: all 0.1s ease; }
#primary_nav_wrap h5 { color: #00a8eb; }
#primary_nav_wrap li:hover h5 { background-color: transparent; } */

/*<><><><><><><><><><><><><><><><><><><><><><><><><><> */

#full_menu { width: 100%; background-color: #000; transition: all 0.1s ease; }
#full_menu ul { list-style: none; position: relative; float: left; margin: 0; padding: 0; z-index: 999; width: 100%; }
#full_menu ul a { display: block; color: #fff; text-decoration: none; font-weight: 600; transition: all 0.1s ease; padding: 10px 15px; transition: all 0.1s ease; }
#full_menu ul ul li { width: 16.6%; display: inline-block; padding: 2%; }
#full_menu ul li { position: static; float: left; margin: 0; padding: 0 15px; transition: all 0.1s ease; }
#full_menu ul li h5 { transition: all 0.1s ease; color: #333; }
#full_menu ul ul li:hover h5 { transition: all 0.1s ease; color: #00a8eb; font-weight: bold; }
#full_menu ul ul { display: none; position: absolute; top: 100%; left: 0; background: #fff; padding: 0; transition: all 0.1s ease; box-shadow: 1px 1px 5px rgba(0, 0, 0, .5) }
#full_menu ul ul li { float: none; width: 200px; transition: all 0.1s ease; }
#full_menu ul ul a { padding: 5px 0px; transition: all 0.1s ease; }
#full_menu ul li:hover > ul { display: block; transition: all 0.1s ease; }
#full_menu ul li:hover ul { display: flex; width: 100%; }
#full_menu .sub_menu_li { flex: 1; }

/*<><><><><><><><><><><><><><>><><><><><><><><><><><><><>*/

.top_contact { margin-top: 15px; font-weight: 600; }
.top_contact span { color: #00a8eb; margin-right: 5px;}
.top_contact a { color: #000; }

/*<><><><><><><><><><><><><><>><><><><><><><><><><><><><>*/
.reindent { margin-left: 10px; }
.bg_disable:hover { background-color: transparent !important; }
.contact { margin: 0; padding: 0; }
.contact li { list-style: none; padding: 5px 0; }
.contact li h4 { color: #00a8eb; }
.feature_table tr td:first-child { font-weight: bold; }

/*<><><><><><><><><><><><><><><><><><><><><><><><><><> */
.carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
.carousel_indi_custom { bottom: 0; }
#myCarousel { height: auto; }
.prev_btn img, .next_btn img { width: 30px; }
.carousel_indicators { position: absolute; bottom: -105px; right: 0; z-index: 15; width: 100%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; }
.carousel_indicators li { display: inline-block; width: 70px; height: 70px; margin: 1px; text-indent: -999px; cursor: pointer; float: right; }
.carousel_indicators li img { width: 70px; height: 70px; float: right; border: 1px solid #ddd; border-radius: 4px; }
.carousel_indicators .active { margin: 0; }
.smart_img_margin { margin-left: 70px; }

@media (max-width: 767px) {
	.carousel_indicators { display: none;}
	.smart_img_margin { margin-left: 0px; }
}

/*<><><><><><><><><><><><><><><><><><><><><><><><><><> */
section { height: auto:; }

/*<><><><><><><><><><><><><><><><><><><><><><><><><>*/
.btn-outline { color: #00a8eb; background-color: transparent; border-color: #00a8eb; text-transform: uppercase; font-size: 12px; transition: all 0.2s ease-in-out; }
.btn-outline:focus, .btn-outline.focus { color: #ffffff; background-color: #00a8eb; border-color: #00a8eb; }
.btn-outline:hover { color: #ffffff; background-color: #00a8eb; border-color: #00a8eb; }
.btn-outline:active, .btn-outline.active, .open > .dropdown-toggle.btn-outline { color: #ffffff; background-color: #00a8eb; border-color: #00a8eb; }
.btn-outline:active:hover, .btn-outline.active:hover, .open > .dropdown-toggle.btn-outline:hover, .btn-outline:active:focus, .btn-outline.active:focus, .open > .dropdown-toggle.btn-outline:focus, .btn-outline:active.focus, .btn-outline.active.focus, .open > .dropdown-toggle.btn-outline.focus { color: #ffffff; background-color: #00a8eb; border-color: #00a8eb; }
.btn-outline:active, .btn-outline.active, .open > .dropdown-toggle.btn-outline { background-image: none; }
.btn-outline.disabled:hover, .btn-outline[disabled]:hover, fieldset[disabled] .btn-outline:hover, .btn-outline.disabled:focus, .btn-outline[disabled]:focus, fieldset[disabled] .btn-outline:focus, .btn-outline.disabled.focus, .btn-outline[disabled].focus, fieldset[disabled] .btn-outline.focus { background-color: #00a8eb; border-color: #00a8eb; }
.btn-outline .badge { color: #00a8eb; background-color: #ffffff; }

/*-------------------------------*/
.btn-primary { color: #fff; background-color: #00a8eb; border-color: #00a8eb; text-transform: uppercase; font-size: 12px; transition: all 0.2s ease-in-out; }
.btn-primary:focus, .btn-primary.focus { color: #ffffff; background-color: #12B9F9; border-color: #00a8eb; }
.btn-primary:hover { color: #ffffff; background-color: #12B9F9; border-color: #00a8eb; }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #12B9F9; border-color: #00a8eb; }
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #ffffff; background-color: #12B9F9; border-color: #00a8eb; }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; }
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #12B9F9; border-color: #00a8eb; }
.btn-primary .badge { color: #00a8eb; background-color: #ffffff; }

/*<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>*/
.home_abt_content { background-color: #f4f5f7; width: 100%; padding: 0 0 50px 0; }
.home_abt_content h2 { line-height: 2.2em; text-align: center; }
.home_abt_content p { line-height: 2.2em; }
.btn-big { margin-top: 15px; }
.products  h3 { padding-top: 35px; color: #333 !important; font-weight: 700; text-align: center; }
.heading { color: #000; font-weight: 600; text-align: left; }
.product_thumb ul { margin: 0; padding: 0; }
.product_thumb ul li { display: inline-block; width: 20%; margin: 1% 6.3%; transition: all .1s ease; border-radius: 4px; }
.product_thumb li:hover { box-shadow: 0px 0px 10px rgba(0, 168, 235, .3); transition: all ease-in-out .1s; }
.product_thumb ul li img { padding: 5%; }
.product_thumb ul li a:hover { text-decoration: none; font-weight: bold; color: #000; transition: all .1s ease; }
.product_thumb ul li a h5 { color: #000; }
.product_thumb ul li a:hover h5 { text-decoration: none; font-weight: bold; color: #00a8eb; }
#all_products_of_cat h3 { margin-top: 15px; }
.cat_product_list { width: 100%; }
.cat_product_list li { width: 20%; display: inline-block; margin: 1% 2.3%; padding: 2%; transition: all ease-in-out .1s; border-radius: 4px; }
.cat_product_list li a:hover { text-decoration: none; color: #000; }
.cat_product_list li:hover { box-shadow: 0px 0px 10px rgba(0, 168, 235, .3); transition: all ease-in-out .1s; }
.cat_product_list li a h5 { color: #000; min-height: 50px; }
.cat_product_list li:hover h5 { font-weight: bold; color: #000; transition: all ease-in-out .1s; }
@media (max-width:380px) {
	.product_thumb ul li, .cat_product_list li { width: 98%; margin: 1%; }
	.cat_product_list { padding: 0; }
}

/*<><><><><><><><><><><> ANIMATION STARTS <><><><><><<><><><><><><><>*/
.img_transition { transition: All 500ms ease; -webkit-transition: All 500ms ease; -moz-transition: All 500ms ease; -o-transition: All 500ms ease; transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1) }
.thumb3_li:hover .img_transition { transform: rotate(4deg) scale(1.5); -webkit-transform: rotate(4deg) scale(1.5); -moz-transform: rotate(4deg) scale(1.5); -o-transform: rotate(4deg) scale(1.5); -ms-transform: rotate(4deg) scale(1.5); filter: brightness(150%) }
.gallery_thumb:hover .img_transition { transform: rotate(4deg) scale(1.5); -webkit-transform: rotate(4deg) scale(1.5); -moz-transform: rotate(4deg) scale(1.5); -o-transform: rotate(4deg) scale(1.5); -ms-transform: rotate(4deg) scale(1.5); filter: brightness(150%) }
.animation.slide-left { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px); }
.animation.slide-left.view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }
.animation.slide-right { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(100px, 0px, 0px); -webkit-transform: translate3d(100px, 0px, 0px); -o-transform: translate(100px, 0px); -ms-transform: translate(100px, 0px); transform: translate3d(100px, 0px, 0px); }
.animation.slide-right.view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }
.animation.slide-up { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(0px, 100px, 0px); -webkit-transform: translate3d(0px, 100px, 0px); -o-transform: translate(0px, 100px); -ms-transform: translate(0px, 100px); transform: translate3d(0px, 100px, 0px); }
.animation.slide-up.view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }
.animation.slide-down { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(0px, -100px, 0px); -webkit-transform: translate3d(0px, -100px, 0px); -o-transform: translate(0px, -100px); -ms-transform: translate(0px, -100px); transform: translate3d(0px, 100px, 0px); }
.animation.slide-down.view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }
.animation.fade-in { opacity: 0; -moz-transition: all 3s ease; -webkit-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; }
.animation.fade-in.view { opacity: 1; }

/*<><><><><><><><><><><> ANIMATION ENDS <><><><><><<><><><><><><><>*/
.breadcrumb { font-size: 13px; font-weight: 500; padding: 15px; margin-bottom: 20px; list-style: none; background-color: transparent; border-radius: 4px; }
.breadcrumb > li { display: inline-block; }
.breadcrumb > li a { color: #aaa; }
.breadcrumb > li + li:before { padding: 0 5px; color: #777; content: "\bb"; }
.breadcrumb > .active { color: #00a8eb; font-weight: 600; }
.next_btn { position: absolute; top: 45%; right: 20px; }
.prev_btn { position: absolute; top: 45%; left: 20px; }
@media screen and (max-width:980px) {
	.next_btn { top: 45%; }
	.prev_btn { top: 45%; }
	.next_btn img { width: 35px; height: auto; }
	.prev_btn img { width: 35px; height: auto; }
}
@media screen and (max-width:380px) {
	.next_btn { top: 40%; }
	.prev_btn { top: 40%; }
	.next_btn img { width: 30px; height: auto; }
	.prev_btn img { width: 30px; height: auto; }
}
.carousel_caption { text-shadow: none; }
.carousel_caption ul li { list-style-image: url('../img/banner/bullet.png'); list-style-position: inside; padding: 8px 0; color: #333; text-align: left; }
.carousel_caption h1 { text-align: left; color: #333; }
.carousel_caption .btn, .pro_pdf { padding: 0.8rem 2.375rem; }
.product_features_list { list-style-image: url('../img/banner/bullet.png'); list-style-position: inside; font-weight: 800; padding: 15px 0; }
.product_features ol li, .product_features p { font-size: .9em; line-height: 2em; }
.product_features_inner li { padding: 5px 0; font-size: .9em; }
.product_features_inner .table th, .product_features_inner .table td { font-size: 12px !important; }
.product_img { position: relative; }
.page_first { background-color: #fff; height: 700px; }
.page_first_banner { margin-top: 30px; }
.co_name { font-weight: bold; text-transform: uppercase; font-size: 1.5em; float: left; margin-top: 49px; margin-left: 10px; }
.logo { float: left; }

@media (max-width: 380px) {
	.product_features { padding: 0; }
	.co_name { display: none; }
	.navbar-inverse .navbar-brand {
		color: #ffffff;
	}
}

/*----------------------*/
.carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
@media (max-width:1920px) {
	.page_first { height: 1000px; }
	.page_first_banner { margin-top: 120px; }
}
@media (max-width:1366px) {
	.page_first { height: 700px; }
	.page_first_banner { margin-top: 30px; }
}
.zoom { position: absolute; bottom: 10px; right: 10px; }
@media (max-width: 768px) {
	.zoom { position: absolute; bottom: 10px; left: 10px; }
	#full_menu ul li { padding: 0; }
}

/*<><><><><><><><><><><><><><><><><><><><><>><><><><><><><><><>*/
footer { width: 100%; background-color: #f4f5f7; padding: 15px 0; margin-top: 30px; color: #000; }
.developer { text-align: right; }
.developer a { color: #000; }
.developer a:hover { color: #00a8eb; }

@media (max-width: 380px) {
	.copyright, .developer { text-align: center; }
}

/*>><><<><><><><><><><><><><><><><><><><><><><><><><><><><><><><*/
.carousel { position: relative; }
.carousel_inner { position: relative; overflow: hidden; width: 80%; margin-left: 10%; margin-right: 10%; }
.carousel_inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.carousel_inner > .item > img, .carousel_inner > .item > a > img { line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel_inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; }
	.carousel_inner > .item.next, .carousel_inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; }
	.carousel_inner > .item.prev, .carousel_inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; }
	.carousel_inner > .item.next.left, .carousel_inner > .item.prev.right, .carousel_inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; }
}
.carousel_inner > .active, .carousel_inner > .next, .carousel_inner > .prev { display: block; }
.carousel_inner > .active { left: 0; }
.carousel_inner > .next, .carousel_inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel_inner > .next { left: 100%; }
.carousel_inner > .prev { left: -100%; }
.carousel_inner > .next.left, .carousel_inner > .prev.right { left: 0; }
.carousel_inner > .active.left { left: -100%; }
.carousel_inner > .active.right { left: 100%; }
.carousel_control { position: absolute; top: 62%; left: 0; bottom: 0; width: 15%; font-size: 20px; color: #000; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); }
.carousel_control.left { }
.carousel_control.right { left: auto; right: 0; }
.carousel_control:hover, .carousel_control:focus { outline: 0; color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); }
.carousel_control .icon-prev, .carousel_control .icon-next, .carousel_control .glyphicon-menu-left, .carousel_control .glyphicon-menu-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; }
.carousel_control .icon-prev, .carousel_control .glyphicon-menu-left { left: 50%; margin-left: -10px; }
.carousel_control .icon-next, .carousel_control .glyphicon-menu-right { right: 50%; margin-right: -10px; }
.carousel_control .icon-prev, .carousel_control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; }
.carousel_control .icon-prev:before { content: '\2039'; }
.carousel_control .icon-next:before { content: '\203a'; }
.carousel_caption { z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #000; text-align: center; }
.carousel_caption h5 { font-weight: bold; }
.carousel_caption .btn { text-shadow: none; }
.carousel_caption1 { position: absolute; left: 15%; right: 15%; top: 5%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; }
.carousel_caption1 .btn { text-shadow: none; }
.carousel_caption1 ul li { padding: 5px; list-style: none; }
.carousel_caption1 ul li:before { content: "\e095"; padding-right: 15px; font-family: 'Glyphicons Halflings'; color: #00a8eb; }
@media screen and (min-width:768px) {
	.carousel_control .glyphicon-menu-left, .carousel_control .glyphicon-menu-right, .carousel_control .icon-prev, .carousel_control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; }
	.carousel_control .glyphicon-menu-left, .carousel_control .icon-prev { margin-left: -10px; }
	.carousel_control .glyphicon-menu-right, .carousel_control .icon-next { margin-right: -10px; }
	.carousel_caption { left: 20%; right: 20%; padding-bottom: 30px; }
}
.thumb_heading { background-color: #00a8eb; color: #fff; padding: 10px 15px; margin-bottom: 0; border-radius: 4px 4px 4px 4px; border: 0px solid #000000; text-align: center; }
.pro_thumb { width: 25%; margin: 1% 4.16%; float: left; }
.btn_large { height: 46px; width: 100% !important; font-weight: 600; }
.maps iframe { pointer-events: none; }
.footer_nav { margin: 0; padding: 0; }
.footer_nav li { list-style: none; display: block; padding: 3px 0; }
.footer_nav li a { color: #000; }
.footer_nav li a:hover { color: #00a8eb; }
.fb_top { margin-top: 35px; }
a.btn-primary[href=''] { background-color: #0095ce; border-color: #0083b4; pointer-events: none; }


/*------------------------------*/
.grey { color: #ccc!important; }
.margin_top { margin-top: 30px; }
.downloadTable .incSize { font-size: 2.8em;}
.downloadTable tbody small { font-style: italic; color: #555!important; }
.downloadTable tbody tr td:nth-child(2) { color: #000; }
.downloadTable .fa-download { margin-top: 15px; }
.videoHeading { margin: 5px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.videoItem { margin: 10px 0; }
/*----------------------------*/
#tabpanel { margin-top: 100px; }
@media (max-width: 767px){
	#tabpanel { margin-top: 15px; }
}