@media (min-width: 760px){@font-face {font-family: 'Lato';src: url('fonts/Lato.eot');src: url('fonts/Lato.eot?#iefix') format('embedded-opentype'), url('fonts/Lato.woff') format('woff'), url('fonts/Lato.woff2') format('woff2'), url('fonts/Lato.ttf') format('truetype'), url('fonts/Lato.svg#Lato') format('svg');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'B612';src: url('fonts/B612.eot');src: url('fonts/B612.eot?#iefix') format('embedded-opentype'), url('fonts/B612.woff') format('woff'), url('fonts/B612.woff2') format('woff2'), url('fonts/B612.ttf') format('truetype'), url('fonts/B612.svg#B612') format('svg');font-weight: normal;font-style: normal;font-display: swap;}body{font-family:Arial, sans-serif, serif;}h1, h2, h3, h4, .h1, .h2, .h3, .h4,.headline,.big-title,.small-title{font-family: "B612", sans-serif;}}@media (min-width: 1200px) {body{font-size: 16px;}}@media (max-width: 1200px){body{font-size: 15px;}}body{line-height: 1.65em;font-weight: normal;color: #313940;margin:0;font-family:'Arial','Helvetica', sans-serif, serif;overflow-x: hidden;}html {font-size: 10px;}a,a:hover,a:focus{text-decoration: none;transition: all ease .2s;}a{color: #075cb8;}a:hover,a:focus{color: #3885d8;text-decoration: none }p{margin-bottom: 20px;}ul, ol{padding-left: 18px;}.noul{list-style: none;padding-left: 0;}ul li,ol li{margin-bottom: 10px;}.modal-open{overflow: visible;}h1, h2, h3, h4, .h1, .h2, .h3, .h4,.headline,.big-title,.small-title{font-weight: bold;margin-bottom: 20px;margin-top: 0;line-height: 1.35em;}h1,.h1,.headline{font-size: 3.4rem;}h2, .h2,.big-title{font-size: 2.1rem;font-weight: bold;margin-top: 0;}h3,.small-title{font-size: 1.95rem;margin-top: 0;}h4{font-size: 1.04em;}label{padding-left: 10px;font-size: .94em;}.container {margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px }@media(min-width:768px) {.container {width: 750px }}@media(min-width:992px) {.container {width: 100%;}}@media(min-width:1200px) {.container {min-width: 1170px;width: 96%;}.careers-container{max-width: 1170px;width: 95%;}}@media(min-width:1400px) {.container{width: 90%;max-width:1320px;margin: 0 auto;}.careers-container{width: 80%;margin: 0 auto;max-width: 1200px;}}@media (max-width: 1700px) and (min-width: 1450px){.full-box .container{padding-left: 140px;}}@media (max-width: 1450px) and (min-width: 992px){.full-box .container{padding-left: 240px;}}@media (min-width: 1600px){.container{max-width:1320px;padding: 0 30px;}.head-nav .navbar-default .navbar-nav>li>a{font-size: 1.03em;}}@media (min-width: 1400px){.logo-part{width: 280px;}}@media (min-width: 1200px) and (max-width: 1400px){.logo-part{width: 230px;}}@media (min-width: 1200px){.logo-part{display: inline-block;height: 38px;background-size: 100%;}.head-nav .navbar-default .navbar-nav>li>a{padding: 26px 16px;}}@media (min-width: 1000px) and (max-width: 1200px){.head-nav .navbar-default .navbar-nav>li>a{padding: 26px 12px;font-size: .94em;}.logo-part{display: inline-block;width: 200px;height: 38px;background-size: 100%;}}@media (min-width: 760px) and (max-width: 1000px){.head-nav .navbar-default .navbar-nav>li>a{padding: 20px 10px;}.logo-part{display: none;}.head-nav.isStuck .navbar-default .navbar-nav>li>a{padding: 20px 10px;}}@media (min-width: 760px){.head-nav .navbar-default{display: flex;justify-content: space-between;align-items: center;}.head-nav .navbar-default:before,.head-nav .navbar-default:after{display: none;}.head-nav .navbar-default>div:last-child{display: flex;align-items: center;justify-content: space-between;}.head-nav .navbar-nav>li{margin-bottom: 0;}.head-nav .navbar-nav>li>.dropdown-menu{margin: 0;position: absolute;}.head-nav .dropdown-menu .dropdown>a>.caret{position: absolute;top:6px;right: 15px;color: #ddd;border: none;}.head-nav .dropdown-menu .dropdown>a>.caret:before{content: "\e991";font-family: 'icomoon';color: #4794D7;}.head-nav .navbar-nav>li>.dropdown-menu ul>li>a>.caret:before{content: "\e932";font-family: 'icomoon';top:10px;right: 20px;}.head-nav .navbar-default .navbar-nav>li>a{color: #1b3642;margin-bottom: 0;}.head-nav .navbar-default .navbar-nav>li>a:hover, .head-nav .navbar-default .navbar-nav>li>a:active{color: #fff;background: #4794D7;}.head-nav .navbar-default .navbar-nav>li>a>.caret{display: none;}.head-nav .navbar-default .navbar-nav>li>a>.caret:before{font-family: 'icomoon';position: absolute;right: 0;top: 0;}.head-nav .navbar-nav>li>.dropdown-menu>li>.dropdown-menu{min-height: 100%;width: 100%;}.head-nav .navbar-nav>li>.dropdown-menu>li>a{border-bottom: 1px solid #ddd; padding: 4px 10px;}.head-nav .navbar-nav>li:nth-child(2),.head-nav .navbar-nav>li:nth-child(3){position: static;}.head-nav .navbar-nav>li:nth-child(2).open>.dropdown-menu{display: grid;grid-template-columns: repeat(3,1fr);width: 100%;padding: 10px 15px;height: 600px;overflow-y: auto;flex-wrap: wrap;}.head-nav .navbar-nav>li:nth-child(3).open>.dropdown-menu{display: grid;grid-template-columns: repeat(3,1fr);width: 100%;padding: 10px 15px;}.head-nav .navbar-nav>li:nth-child(2)>.dropdown-menu>li,.head-nav .navbar-nav>li:nth-child(3)>.dropdown-menu>li{padding: 5px 10px;}.head-nav .navbar-nav>li:nth-child(2)>.dropdown-menu>li>.dropdown-menu,.head-nav .navbar-nav>li:nth-child(3)>.dropdown-menu>li>.dropdown-menu{position: static;display: block;box-shadow: none;border: none;}.head-nav .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li>a{position: relative;}.head-nav .navbar-nav>li>.dropdown-menu ul{left: 100%;top: 0;padding-left: 0;list-style: none;}.head-nav .navbar-nav>li>.dropdown-menu ul>li{margin-bottom: 0;}.head-nav .navbar-nav>li>.dropdown-menu ul>li>a{transition: all ease 1s;display: block;padding: 2px 10px;}.head-nav .navbar-nav>li>.dropdown-menu ul>li>a:hover{background: #f4f4f4;transition: all ease 1s;color: #4794D7;}.head-nav .navbar-nav>li>.dropdown-menu ul>li>ul.dropdown-menu{position: absolute;left: 90px;top:30px;width: 300px;border-radius: 0;padding: 10px 0;}.head-nav .navbar-nav>li>.dropdown-menu ul>li>ul.dropdown-menu>li>a{padding: 5px 10px;}}@media (max-width: 760px){.logo-part{display: inline-block;margin-top: 10px;margin-left: 0;width: 200px;height: 30px;background-size: 100%;}.head-nav .dropdown-menu{position:inherit;float: none;padding-left: 0;box-shadow: none;border: none;}.navbar-default .navbar-nav>li>a{color: #222;}.head-nav .caret{border: none;}.head-nav .navbar-default .navbar-nav>li>ul>li .caret:after{display: none;}.head-nav .dropdown>a>.caret:after{position: absolute;top:0;right: 15px;content: '+';font-size: 1.1em;font-weight: bold;}.head-nav .navbar-nav>li.dropdown>a>.caret:after, .head-nav .navbar-nav>li.dropdown.on>a>.caret:after{top: 15px;right: 15px;}.head-nav .col-md-3.dropdown>a>.caret:after{content: '';}.head-nav .dropdown.on>a>.caret:after{position: absolute;top:0;right: 15px;content: "-";}.head-nav .navbar-nav{margin: 0;}.head-nav .dropdown-menu>.active>a,.head-nav .dropdown-menu>.active>a:hover,.head-nav .dropdown-menu>.active>a:focus{background: none;}.head-nav .navbar-default .navbar-nav>li>a{padding: 15px 10px;border-top: 1px solid #ddd;}.head-nav .navbar-nav>li>.dropdown-menu>li ul{margin-top: 0;padding-left: 10px;list-style: none;}.head-nav .navbar-nav>li>.dropdown-menu .dropdown-menu>li>a{padding: 7px 10px;}.head-nav .navbar-nav>li:nth-child(2)>.dropdown-menu>li>.dropdown-menu>li>a,.head-nav .navbar-nav>li:nth-child(3)>.dropdown-menu>li>.dropdown-menu>li>a{font-weight: bold;}.head-nav .navbar-nav>li:nth-child(2)>.dropdown-menu>li>.dropdown-menu>li>a>span,.head-nav .navbar-nav>li:nth-child(3)>.dropdown-menu>li>.dropdown-menu>li>a>span{display: none;}.head-nav .navbar-nav>li>.dropdown-menu ul>li>ul.dropdown-menu{margin: 10px 0 0 0;padding-bottom: 0;}.head-nav .navbar-nav>li>.dropdown-menu ul>li>ul.dropdown-menu>li{line-height: 2.7rem;}.head-nav .navbar-collapse{background: #fff;}.head-nav .navbar-nav>li>.dropdown-menu ul>li>a{width: 90%;overflow: hidden;display: inline-block;}.head-nav .navbar-nav>li>.dropdown-menu ul>li{line-height:1em;margin-bottom: 0;}}.logo-part{background: url(../images/logo.svg) no-repeat;}.head-one {z-index: 199;width: 100%;}.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background: none;}.head-nav:hover .navbar-default .navbar-toggle .icon-bar,.navbar-default .navbar-toggle .icon-bar{background: #888;}.head-nav:hover .navbar-default .navbar-toggle,.navbar-default .navbar-toggle{border-color: #888;}.search-btn{display: block;border-radius: 5px;color: #fff;font-size: 16px;border: none;line-height: 50px;background: #4794D7;width: 100%;}.search-btn:hover,.search-btn:focus{color: #fff;background: #4794D7;}.search-select,.search-select:hover,.search-select:focus{position: absolute;left: 15px;top: 0;height: 42px;background: none;border-top: none;border-left: none;border-bottom: none;font-size: .9em;border-right: 1px solid #ddd;outline: none;border-radius: 0;}.head-nav .navbar-nav>li{margin-bottom: 0;}.head-nav{z-index: 90;width: 100%;background: #fff;border-bottom: 1px solid #ddd;}.head-nav.isStuck{background: #fff;position: fixed;box-shadow: 0 0 15px rgba(0,0,0,0.2);}.head-nav.isStuck .navbar-default{margin-top: 0;}.head-nav.isStuck .navbar-default .navbar-nav>li>a{color:#222;}.head-nav.isStuck .navbar-default .navbar-nav>.active>a, .head-nav.isStuck .navbar-default .navbar-nav>.active>a:hover, .head-nav.isStuck .navbar-default .navbar-nav>.active>a:focus{color: #4794D7;}.head-nav .navbar-nav>li>.dropdown-menu{background: #fff;font-size: .94em;}.head-nav.isStuck .navbar-nav>li>.dropdown-menu{background: #fff;}.head-nav .dropdown-menu>li{margin-bottom: 0;}.head-nav .navbar-nav>li>.dropdown-menu>li>a{position: relative;font-weight: bold;}.head-nav.isStuck .dropdown-menu>li>a:hover{color: #4794D7;}.head-nav .dropdown-menu>li>a:hover,.head-nav .dropdown-menu>li>a:hover{background: none;color: #4794D7;}.head-nav li.open>a,.head-nav li.open>a:hover,.head-nav li.open>a:focus{background: #f9f9f9;color: #4794D7;}.head-nav .dropdown-menu li.open>a:hover,.head-nav .dropdown-menu li.open>a:focus{color: #4794D7;}.head-nav a:hover{color: #4794D7;}.head-nav .navbar-default{background: none;border-radius: 0;border: none;margin-bottom:0;}.head-nav .navbar-default .navbar-nav>li>a{position: relative;font-weight: bold;}.head-nav .navbar-default .navbar-nav>li>a>span.icon-search-1{font-size: 1.2em;}.head-nav .navbar-default .navbar-nav>.active>a:before{content: '';}.head-nav .navbar-default .navbar-nav>.open>a,.head-nav .navbar-default .navbar-nav>.open>a:hover,.head-nav .navbar-default .navbar-nav>.open>a:focus{color: #4794D7;background: none;}.head-nav.isStuck .navbar-default .navbar-nav>.open>a,.head-nav.isStuck .navbar-default .navbar-nav>.open>a:hover,.head-nav.isStuck .navbar-default .navbar-nav>.open>a:focus{background: none;color: #4794D7;}.head-nav .navbar-default .navbar-nav>.active>a, .head-nav .navbar-default .navbar-nav>.active>a:hover, .head-nav .navbar-default .navbar-nav>.active>a:focus{color: #4794D7;background: none;border-top: 4px solid #4794D7;}.head-nav .navbar-collapse{padding: 0;}.head-nav .navbar-default{position: relative;}.head-nav .dropdown-menu>.active>a{background: none;}.head-nav .dropdown-menu>.active>a:focus,.head-nav .dropdown-menu>.active>a:active{color: #4794D7;}@media (max-width: 768px) {.search-xs a{display: inline-block;color: #666;padding: 15px;font-size: 17px;margin-left: 10px;}.search-modal .form-control{margin-bottom: 20px;}}.top-search,.top-search:focus{background: #4794D7;color: #fff;font-size: 16px;width: 44px;height: 44px;}.top-quote{padding: 0 20px;height: 44px;margin-left: 20px;font-size: .92em;color: #4794D7;background: transparent;}.head-search label{cursor: pointer }.top-contact{text-align: right;background: #f9f9f9;color: #fff;padding: 7px 0;position: relative;height: 41px;}.top-contact:before{position: absolute;content: "";background-color: #4794D7;top: 0;left: 0;height: 100%;width: 50%;-webkit-clip-path: polygon(0 0, 100% 0%, 97% 100%, 0% 100%);clip-path: polygon(0 0, 100% 0%, 97% 100%, 0% 100%);}.top-quote,.top-search{display: inline-flex;align-items: center;justify-content: center;border: 1px solid #4794D7;border-radius: 30px;position: relative;z-index: 1;}.top-quote:hover,.top-search:hover{color: #fff !important;background: transparent;}.top-quote:after,.top-search:after{position: absolute;content: "";background-color: #4794D7;height: 100%;width: 100%;border-radius: 30px;top: 0;left: 0;transform: scaleX(0);transition: all ease 0.5s;z-index: -1;}.top-quote:hover:after,.top-search:hover:after{transform: scaleX(1);}@media (min-width: 768px){.banner-title{font-size: 3.4em;margin-bottom: 30px;line-height: 1.25em;font-family: "B612", sans-serif;}.banner-one{background: url(../images/banner-1.png) no-repeat;background-position: 90%;background-size: 35% }.banner-two{background: url(../images/banner-2.png) no-repeat;background-position: 90%;background-size: 30% }.banner-three{background: url(../images/banner-3.png) no-repeat;background-position: 90%;background-size: 35% }.banner-tab{display: flex;align-items: center;justify-content: left;height: 70vh;min-height: 480px;max-height: 640px;}}@media (max-width: 768px){.banner-title{font-size: 2.2em;margin-bottom: 20px;line-height: 1.3em;}.index-slide, .banner-tab{height: 450px;}.banner-tab{display: block;padding-top: 40px;}.index-slide .carousel-indicators{bottom: 20px;}}.index-slide{background: url(../images/bg-1.jpg) no-repeat center;background-size: cover;color: #3b434b;position: relative;}.index-slide .carousel-caption p{font-size: 1.1em;margin-bottom: 25px;}.index-slide .carousel-indicators .active,.index-slide .carousel-indicators li:hover{border: 1px solid #999;}.index-slide .carousel-indicators li{background:none;border: 1px solid #999;width: 22px;height: 12px;margin: 0 5px;position: relative;transition: all ease .3s;}.index-slide .carousel-indicators li:hover{background: #ddd;}.index-slide .carousel-indicators li.active{background: #4794D7;width: 12px;height: 12px;position: relative;border: 1px solid #4794D7;}.index-slide .carousel-indicators li.active:before{content: '';display: inline-block;position: absolute;border-radius: 40px;left: -4px;bottom: -4px;right: -4px;top: -4px;background: rgba(255,255,255,.3);}.banner-title{font-weight: bold;margin-top: 0;padding-top: 0;color: #3b434b;}.carousel-control.left,.carousel-control.right{background: none;text-shadow: none;width: 5%;z-index: 99;font-size: 80px;color: rgba(12, 184, 182, 0.2);}.carousel-fade .carousel-inner .item {opacity: 0;-webkit-transition-property: opacity ;-moz-transition-property: opacity ;-ms-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;}.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}.index-search-bg {background: #4794D7;color: #fff;margin-bottom: 80px;}.index-search {position: relative;}.index-search button {background: none;border: none;display: inline-block;position: absolute;right:32px;top: 18px;color: #4794D7;transition: all ease .4s;}.index-search button:hover,.index-search button:focus {color: #4794D7;cursor: pointer;}.index-search button>span {font-size: 30px;}.index-search input.form-control {height: 70px;padding: 0 40px;border-radius: 70px;font-size: 2.5rem;color: #4794D7;border: 1px solid #fff;}.index-search input.form-control:hover,.index-search input.form-control:focus {border: 1px solid #fff;background: #fff;}.index-search input.form-control::-webkit-input-placeholder {color: #4794D7;}.index-search input.form-control::-moz-placeholder {color: #4794D7;}.index-search input.form-control:-ms-input-placeholder {color: #4794D7;}.index-search input.form-control:-moz-placeholder {color: #4794D7;}@media (min-width: 992px){.index-search-bg .flex-box{align-items: center; padding: 10px 0;}.search-key{padding-left: 60px;border-left: 1px solid #fff;}}@media (max-width: 992px){.search-key{padding: 10px 0 25px 10px;}}.index-search-bg .flex-box div[class*="col-md"]{margin-bottom: 0;}.search-key a {display: inline-block;padding: 0 15px 3px 15px;color: #fff;font-size: .9em;}.search-key a:hover {text-decoration: underline;}
.collection_name{width: 100%; height: auto; overflow: hidden; padding-top: 10px;}
.collection_name span{color: #195ea3; float: right; padding-right: 5px;}

.checkbox-text { display: block; float: left !important; width: 80%; color: #333 !important; font-size: 14px;}
.checkbox-input{width: 16px;
            height: 16px;
            background-color: #fff;            
            border: 1px solid #333;
            border-radius: 2px;
            color: #fff;
            text-align: center;
            -webkit-appearance:none;
            -moz-appearance:none;
            -ms-appearance:none;
            -o-appearance:none;
            appearance:none;
            outline: none!important;
			margin-right: 10px!important; float: left;}
.checkbox-input:hover {
            border-color: #195ea3;
        }

.checkbox-input:checked {
            color: #fff;
            background-color: #195ea3;
            border: 1px solid #195ea3;
        }

.checkbox-input:after {content: "✔"; font-size: 12px;}
.pro-fig{margin: 5px 0;position: relative;}
.pro-fig img{width: 20px; margin-right: 5px; margin-top: -5px;}
.pro-fig span{ height: auto; overflow: hidden; margin-right: 20px; font-size: 0.8rem;}
.pro-fig span a{color: #195ea3; font-weight: normal; font-size: 14px;}
.icon-name{display: block; margin-top: 5px;}
.hover-image {
            display: none;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            width: 400px!important;
            height: auto;
            border: 1px solid #ddd;
            border-radius: 5px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
			padding: 6px;
            z-index: 100;
		 background: #fff;
        }
.border-bottom{border-bottom: 1px #ccc solid; padding-top: 10px;}
.border-bottom > .col-md-2{font-weight: bold;}

.btn_products_add{display: inline-block; text-align:center; color: #fff; font-size:14px; text-decoration: none; background-color:#4794D7; border:0px; cursor:pointer; outline:none; padding:6px 8px 6px 6px; border-radius: 5px;}
.btn_products_add:hover {
	background:#195ea3;
	color:#fff;
	transition: background-color .3s; text-decoration: none;
	}

.btn_products_add:before {
	content: '\e92a';
  font-family: icomoon;
  left: 0;
  top: 17px;
  padding: 0px 5px;
  color:#fff;font-size: 14px;
}


.icon-basket:before {
	content: '\e92a';
	  font-family: icomoon;
	padding: 5px;
	display: block;
	color: #fff;
	font-size: 1em;
}

.basket-sidecontainer {
	position: fixed;
	top: 32%;
	padding: 10px;
	right: 0;
	background-color: #21241D;
	line-height: 18px;
	z-index: 10000;
	border-radius: 5px;
}

	.basket-sidecontainer:hover .glyphicon {
		color: #ffffff;
	}

	.basket-sidecontainer a {
		color: #f2f2f2;
		text-decoration: none;
	}

	.basket-sidecontainer:hover a {
		color: #ffffff;
	}

	.basket-sidecontainer:hover .side-content {
		/*display: block;*/
		color: #b9e8f7;
	}

	.basket-sidecontainer .side-content {
		z-index: 99;
		position: absolute;
		top: 0;
		right: 0;
		background-color: #21241D;
		display: none;
		color: #fff;
		padding: 15px;
		width: 360px;
	}

		.basket-sidecontainer .side-content .h {
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 10px;
			color: #ffffff;
		}

		.basket-sidecontainer .side-content .sidebasket {
			font-size: 12px;
			max-height: 300px;
			overflow: hidden;
			overflow-x: auto;
			overflow-y: scroll;
			color: #ffffff;
		}

			.basket-sidecontainer .side-content .sidebasket tr td {
				border-bottom: 1px solid #ccc;
				padding: 8px;
				color: #ffffff;
				line-height: 18px;
				background-color: #21241D;
			}

			.basket-sidecontainer .side-content .sidebasket tr:last-child td {
				border-bottom: 0px;
			}

	.basket-sidecontainer .basket-count {
		width: 15px;
		height: 15px;
		display: inline-block;
		background-color: #F00;
		color: #ffffff;
		z-index: 12;
		position: absolute;
		top: -5px;
		right: 0px;
		border-radius: 15px;
		text-align: center;
		font-size: 12px;
		line-height: 15px;
		z-index: 110;
	}
	
.btn_inquiry{width: 100%; height: auto; overflow: hidden; margin: 30px 0 10px 0;}
.btn_services{display: inline-block; text-align:center; width:190px; color: #fff;  text-decoration: none; background-color:#195ea3; border:0px; cursor:pointer; outline:none; 
padding-left: 1.375rem;
    padding-right: 1.375rem;
    height: 4.5rem;
    line-height: 4.5rem;}
.btn_services:hover {
	background:#4794D7;
	color:#fff;
	transition: background-color .3s;
	}

.btn_services:before {
	content: '\e970';
  font-family: 'icomoon' !important;
  left: 0;
  top: 17px;
  padding: 0px 5px;
  color:#fff;font-size: 18px;
}
	
.btn_products{display: inline-block; text-align:center;  color: #fff;  text-decoration: none; background-color:#f47637; border:0px; cursor:pointer; outline:none; 
padding-left: 1.375rem;
    padding-right: 1.375rem;
    height: 4.5rem;
        line-height: 4.5rem;
}
.btn_products:hover {
	background:#4794D7;
	color:#fff;
	transition: background-color .3s;
	}

.btn_products:before {
	content: '\e92a';
  font-family: 'icomoon' !important;
  left: 0;
  top: 17px;
  padding: 0px 5px;
  color:#fff;font-size: 18px;
}

 .gallery {
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 24px rgba(0,0,0,.12);
      padding: 14px 10px 10px;
      width: 100%;
      user-select: none;
    }

    .main-image-wrap {
      position: relative;
      width: 100%;
      height: auto;
      overflow: hidden;
      border-radius: 8px;
      background: #fafafa;
      cursor: zoom-in;
    }

    .main-image-wrap img {
      width: 100%;
      height: 220px;
      object-fit: contain;
      transition: opacity .3s;
    }

    .main-caption {
      position: absolute;
      bottom: 0; left: 0; right: 0;
      padding: 28px 14px 10px;
      background: linear-gradient(transparent, rgba(0,0,0,.55));
      color: #fff;
      font-size: 13px;
      line-height: 1.5;
      border-radius: 0 0 8px 8px;
      pointer-events: none;
      transition: opacity .3s;
    }

    .thumb-row {
      display: flex;
      align-items: center;
      margin-top: 14px;
      gap: 8px;
    }

    .arrow-btn {
      flex-shrink: 0;
      width: 32px; height: 32px;
      border-radius: 50%;
      border: 1.5px solid #ccc;
      background: #fff;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer;
      font-size: 16px;
      color: #555;
      transition: background .2s, border-color .2s;
    }
    .arrow-btn:hover { background: #f0f0f0; border-color: #999; }
    .arrow-btn:active { background: #e4e4e4; }

    .thumbs-viewport {
      flex: 1;
      overflow: hidden;
    }

    .thumbs-track {
      display: flex;
      gap: 8px;
      transition: transform .35s cubic-bezier(.4,0,.2,1);
    }

    .thumb {
      flex-shrink: 0;
      width: 68px; height: 52px;
      border-radius: 6px;
      overflow: hidden;
      border: 2.5px solid transparent;
      cursor: pointer;
      transition: border-color .2s, opacity .2s;
      opacity: .7;
    }
    .thumb img {
      width: 100%; height: 100%;
      object-fit: cover;
      pointer-events: none;
    }
    .thumb.active {
      border-color: #e07a20;
      opacity: 1;
    }
    .thumb:hover:not(.active) { opacity: .9; border-color: #ccc; }

    .counter {
      text-align: center;
      font-size: 12px;
      color: #999;
      margin-top: 8px;
    }

    .lightbox {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 1000;
      background: rgba(0,0,0,.82);
      align-items: center;
      justify-content: center;
      flex-direction: column;
      animation: fadeIn .25s;
    }
    .lightbox.open { display: flex; }

    @keyframes fadeIn { from { opacity:0 } to { opacity:1 } }

    .lightbox-close {
      position: absolute;
      top: 18px; right: 22px;
      font-size: 30px;
      color: #fff;
      cursor: pointer;
      line-height: 1;
      opacity: .8;
      transition: opacity .15s;
    }
    .lightbox-close:hover { opacity: 1; }

    .lightbox img {
      max-width: 90vw;
      max-height: 75vh;
      object-fit: contain;
      border-radius: 6px;
      box-shadow: 0 8px 40px rgba(0,0,0,.5);
    }

    .lightbox-caption {
      margin-top: 16px;
      color: #eee;
      font-size: 15px;
      max-width: 80vw;
      text-align: center;
      line-height: 1.6;
    }

    .lb-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 44px; height: 44px;
      border-radius: 50%;
      background: rgba(255,255,255,.15);
      border: 1.5px solid rgba(255,255,255,.3);
      color: #fff;
      font-size: 20px;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer;
      transition: background .2s;
    }
    .lb-arrow:hover { background: rgba(255,255,255,.28); }
    .lb-arrow.left  { left: 24px; }
    .lb-arrow.right { right: 24px; }
	
	
	.table_COA .tab-nav {background: #f9f9f9;  width:100%; height: auto; overflow: hidden; margin-top: 50px; text-align: center;}
	.table_COA .tab-nav a {text-decoration: none;  width: 16.5%; padding: 10px 0; text-align: center; color: #666; float: left;}
	.table_COA .tab-nav a.current {background: #f8931f; color: #fff;}
	.table_COA .tab-nav a.current .image-bottom{display: block!important; margin: 0 auto; width: 50px;}
	.table_COA .tab-nav a.current .image-top{display: none; margin: 0 auto; width: 50px;}
	.table_COA .tab-nav a:hover {color: #000;}
	.table_COA .tab-con {position: relative; width: 100%;margin-bottom: 30px; background: #f9f9f9; height: auto; overflow: hidden;} 
	.table_COA .tab-con-item p{display:block;}
	.table_COA .tab-con-item {padding: 20px; background: #fff;}
	
	.pdf{position:relative;list-style-type:none; margin-top:20px; padding:0; margin-bottom: 20px;}
	.pdf li{position:relative; font-weight:400;color: #195ea3;}
	.pdf li a{color: #195ea3;; text-decoration:none; font-size: 16px;}
	.pdf-icon img{width: 16px; margin-right: 10px;;}
.dropdown > .sub-arrow{display: none;}
a {outline: none;}
a:focus, a:active {
  outline: none;
}
.carousel-caption{text-align: left; top: 20%;left:0; text-shadow:none; margin: 0 auto;}
.carousel-caption p{color: #333;text-shadow:none;}
.icon-previous-line{position: absolute; top: 50%; margin-left: -40px;}
.icon-next-line{position: absolute; top: 50%; right: 20px;}
.index-search .col-md-2{margin-left: -60px;}
.index-search .col-md-2 .search-btn{background: none;}


.sub-menu li .active{color: #075cb8!important; font-weight: bold;}
.navMenu li .active{color: #075cb8!important; font-weight: bold;}
.side-wrap {
    margin-top: 10px;
}

.side-wrap ul {
    margin-bottom: 0; padding-left: 0;
}

.side-wrap ul li {
    list-style: none;
    cursor: pointer;
    padding: 4px 5px;
}

.side-wrap ul li:hover {
    color: #335e97;
    background-color: #f9fafb
}

.side-wrap ul li.active {
    color: #335e97;
}

.side-wrap ul li.active a {
    color: #335e97!important
}

.side-wrap.side-category ul {
    padding-bottom: 15px
}

.side-wrap.side-category li.active:before {
    display: inline-block;
    content: '';
    width: 5px;
    height: 14px;
    margin-right: 8px;
    border-radius: 0 4px 4px 0;
    background-color: #335e97;
}


.result-title{margin-bottom: 10px;}
.auto-topic{font-size: 14px!important; height: 50px!important;
 overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;}

.keyword-list.row,.browse-list.row {
        margin-left: -5px;
        margin-right: -5px;
        display: flex;
        flex-wrap: wrap;
    }

    .keyword-list div[class*='col-md'],.browse-list div[class*='col-md'] {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }

.keyword-list a {
    display: block;
    align-content: center;
    border: 1px solid #eee;
    color: #335e97;
    font-size: .95em;
    line-height: 1.6em;
    padding: 7px 10px 7px 26px;
    position: relative;
    height: 100%;
}

.browse-list a {
    display: block;
    padding: 10px 0;
    align-content: center;
    color: #335e97;
    font-size: .95em;
    line-height: 1.6em;
    position: relative;
    border-bottom: 1px dashed #ddd;
}

.keyword-list a:hover,.keyword-list a:focus {
    background: #f4f4f4;
    border: 1px solid #f4f4f4;
}

.browse-list a:hover,.browse-list a:focus {
    border-bottom: 1px solid #ddd;
    color: #444;
}

.keyword-list a:hover:before {
    color: #335e97;
}

.keyword-list a:before {
    content: "+";
    color: #999;
    margin-top: 1px;
    line-height: 1.2em;
    position: absolute;
    left: 10px;
}


/*tab nav*/
.tabs-nav{border-bottom: 1px solid #335e97; display: flex; margin-bottom: 20px;}
.tab-title{background: #f9f9f9;
    color: #335e97;
    border-radius: 0;
    margin-right: 10px;
    font-weight: bold;
    line-height: 1em;
	padding: 15px 10px;
	cursor: pointer;
}
.tabs-nav .active{background: #335e97;
    color: #fff;}


.verification-code{position: relative;
    width: 48%;
    background: #fff;
    border: 1px #ccc solid;
    border-radius: 5px;
    margin-left: 10px;
margin-bottom: 10px; height: 55px;}
.container-verifycode{width: 100%;}
.auto-code{border: 0; padding-left: 10px; line-height: 50px;}
.verification-code input{border: 0; background-color:#fff!important;}
.verification-code i{
    position: absolute;
    /* left: 0; */
    right: 50%;
    top: 15px;}
.contact-one{margin-bottom: 20px; display: flex;}