/*============== custom varible ================*/
:root {
	 
	--bluetheme:#009fe3;
	--black:#000000;
	--garycolor:#929292;
}
/*============== custom varible ================*/
 
body {
	padding:0  !important ;
	margin: 0   !important;
	 
	 font-family: 'WorkSans-Regular';
	font-size:12px;
	color:var(--black);
}
html,
body { 
	height:100%; 
}
* {
	margin:0;
	padding:0;
}
 
li, ul, ol { 
	list-style:none; 
	margin:0;
	padding:0;
}
a, a img {
	text-decoration:none;
	border:0;
	outline:none !important;
}
a, button, input[type=submit],
.input-text {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover,
a:focus {
	text-decoration:none;
	outline:none;
}
:focus {
	outline:none;
}
img {
	max-width:100%;
}
h1, h2, h3, h4, h5, h6, p {
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
}
.clear {}
.clear:before,
.clear:after {
	content:"";
	display:table;
}
.clear:after { 
	clear:both; 
}
input, textarea { 
	outline:none !important; 
}
::-webkit-input-placeholder {
	color:inherit; 
	opacity:1;
}
::-moz-placeholder {
	color:inherit;
	opacity:1;
}
:-ms-input-placeholder {
	color:inherit; 
	opacity:1;
}
:-moz-placeholder {
	color:inherit;
	opacity:1;
}

#wrapper {
	width:100%;
	min-height:100%;
	position:relative;
	overflow:hidden;
}


.navbar-toggler{ float:right; border:0px; outline:none; margin:0px; padding:0px; border-radius:0px; width:30px ; height:25px;} 
.navbar-toggler:focus{ border:0px; outline:none; }
.navbar-toggler-icon {
    background:  url("../images/menu-icon.svg") no-repeat scroll left top;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 30px;
}

/***** Select Dropdown Start *****/


.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  cursor:pointer;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: var(--white);
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.bootstrap-select {
	display: inline-block;
	float: none;
	width: 100%;
}

.bootstrap-select .btn,
.bootstrap-select .btn.dropdown-toggle {
	width: 100%;
	max-width: 100%;
	padding: 11px 50px 20px 19px;
	font-size: 18px;
	color: var(--white);
	text-align: left;
	background: none;
	border:0px;
	border-bottom:var(--white) solid 1px;
	border-radius:0px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
		-ms-box-shadow: none;
			box-shadow: none;
}

.bootstrap-select.select-1 .btn { min-width: 250px; }

.bootstrap-select.select-2 .btn,
.bootstrap-select.select-2 .btn.dropdown-toggle {
	min-width: 205px;
	padding-left: 6px;
	color: #acacac;
}

.bootstrap-select.select-2 .sort_by { display: none; }

.bootstrap-select .sort_by { display: inline-block; }

.bootstrap-select .pull-left {
	display: inline-block;
	float: none !important;
}

.bootstrap-select .btn .caret {
	position: absolute;
	top: 0;
	right: 9px;
	width: 35px;
	height: 100%;
	text-align: center;
	border-top: none;
	border-right: none;
	border-left: solid 1px transparent;
	background:url(../images/select-arrow.svg) no-repeat center center;
}

.bootstrap-select .btn .caret:before {
	position: absolute;
	top: 50%;
	left: 0;
	height:20px;
	width: 100%;
	 
	font-size: 18px;
	color:var(--white);
	content:"";
	
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}

.bootstrap-select .dropdown-menu {
	width: 100%;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
		-ms-border-radius: 0;
			border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
		-ms-box-shadow: none;
			box-shadow: none;
}
.bootstrap-select.show .dropdown-menu{ display:inline-block; }

.bootstrap-select div.dropdown-menu {
	height: auto; 
	min-height: 136px !important;
	margin-top: 0;
	border-top: none;
	border-color: #ccc;
	overflow-y: auto !important;
}

.bootstrap-select ul.dropdown-menu {
	top: 0;
	max-height: inherit !important;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	overflow: hidden !important;
}

.bootstrap-select .dropdown-menu li { border-bottom: solid 1px #ccc; }

.bootstrap-select .dropdown-menu li:last-child { border-bottom-color: var(--white); }

.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li.selected a:focus,
.bootstrap-select .dropdown-menu li a:hover { background: #f1f1f1; }

.bootstrap-select .dropdown-menu li a:focus { background: none; }

.bootstrap-select .dropdown-menu li a i { display: none; }

.bootstrap-select .dropdown-toggle::after{ display:none; }
/***** Select Dropdown End *****/



@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
 
 
 
 
/*============ Header Start ============*/
#header{ background:#fff; position:absolute; left:0px ;bottom:0px; height:104px;  z-index:10; padding:0px 0px 0 0px; width:100%; float:left; 
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	border-bottom:var(--white) solid 1px;

}
.header_wapper{ min-height:104px; padding:0 37px 0 50px; position:relative; width:100%; float:left; }
.logo{ padding:0px; margin:25px 35px 0 0px; line-height:28px; float:left; color:var(--white); font-family: 'PTSans-Bold'; font-size:28px; }
.logo:hover{color:var(--white);}
.navbar-collapse{ float:left; }
.navbar .navbar-nav{ float:left;  }
.navbar .navbar-nav > li{ position:relative; padding:18px 0 0 23px;}
.navbar .navbar-nav > li > a{   border-bottom:transparent solid 1px;  font-size:12px; color:var(--black); padding:0px 0 4px 0;}
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav > li  > a:hover{ border-bottom:var(--bluetheme) solid 1px; color:var(--black); }
.navbar{ padding:0px;  }

.navbar .navbar-nav > li:hover ul.sub-menu{ display:inline-block; }
.navbar .navbar-nav > li ul.sub-menu{ display:none; width:136px; padding:0 0 19px 0; position:absolute; left:15px; background:var(--white);  bottom:100%;  }
.navbar .navbar-nav > li ul.sub-menu li { display:inline-block; width:100%; color:var(--garycolor); }
.navbar .navbar-nav > li ul.sub-menu li a{ padding:2px 0 2px 18px; display:inline-block; width:100%; color:var(--garycolor); }
.navbar .navbar-nav > li ul.sub-menu li a:hover{ background:#eaf6fe; }

.square_icon{ float:right; position:absolute; right:37px; top:50%; margin:-15px 0 0 0; }
.square_icon.open{  }
.square_icon a { display:inline-block; }
.square_icon.open a img{ opacity:0;  }
.square_icon.open a { background:url(../images/close.svg) no-repeat left top; }
.header_sub{ padding:0 0px; display:inline-block; width:100%; opacity:0px; visibility:hidden; max-height:0px ; float:left;   
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
 }

#header.open{ height:100%; overflow:auto; }
#header.open .header_wapper{ border-bottom: 1px solid  var(--bluetheme);}
#header.open .header_sub{ opacity:1; visibility:visible; max-height:500px ;}

.category_block{ display:inline-block; padding:60px 0 0 0; width:100%; }
.category_block h3{ font-size:26px; text-transform:uppercase; color:var(--bluetheme);    display:inline-block; width:auto; }
.category_listing{ padding:26px 0 0 0; display:inline-block; width:100%; }
.category_listing ul{ margin:0 -20px; } 
.category_listing ul li{ float:left; width:20%; padding:0 20px; }
.category_listing ul li a{ float:left; width:100%; }
.category_listing ul li a:hover{ opacity:0.5;  }


.cat_head{ display:inline-block; width:100%; }
.cat_head .see_all{ float:right; }
.cat_head  h3{ font-size:26px; text-transform:uppercase; color:var(--bluetheme);    display:inline-block; width:auto; }
.see_all{ float:left; width:auto; }
.see_all a{ font-size:12px; color:var(--bluetheme);  display:inline-block; }
.see_all a i{ vertical-align:top; padding:0 0 0 12px; display:inline-block; }
.see_all a span{ display:inline-block;  vertical-align:top; padding:11px 0 0 0; }
.inner-header .navbar .navbar-nav > li ul.sub-menu { top:100%; bottom:auto; padding:10px  0; box-shadow:0 0 5px rgba(0,0,0,0.20); }

#header.open .navbar .navbar-nav > li ul.sub-menu { top:100%; bottom:auto; padding:10px  0; box-shadow:0 0 5px rgba(0,0,0,0.20); }
/*============ Header End ============*/

/*============ Banner Start ============*/
.banner_wapper{ padding:0 0; width:100%; float:left; position:relative; }
.home_banner{ color:#fff; float:left;  width:100%; display:inline-block; }
.banner_slide{ position:relative; display:inline-block; width:100%; float:left; }
.home_banner_image{ float:left; background-size:cover; background-position:center center; background-repeat:no-repeat; display:inline-block; width:100%; height:calc(100vh - 104px); }

.banner_caption{  text-align:center;  width:100%; position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.banner_blk{ position:relative; margin:3px 0 0 0; width:337px; background:rgba(0,0,0,0.16);  background-size:100% auto;  border-radius:100%;  height:337px ; display:inline-block; } 
.home_banner_image:after{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:464px; height:464px; content:''; border:rgba(0,173,239,1.00) solid 50px; border-radius:100%; mix-blend-mode:multiply; }
 
 
.banner_text{ position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; float:left; }
.banner_text h2{ padding:0 0 3px; display:inline-block; width:100%; font-size:38px; text-transform:uppercase; font-family: 'WorkSans-ExtraBold';  }
.banner_text p{ font-size:19px; display:inline-block; width:100%; line-height:22px; }
.toon_btn{ padding:22px 0 0 0; display:inline-block; width:100%; }
.toon_btn a{ display:inline-block; border-radius:3px; background:var(--bluetheme); text-align:center; color:#fff; font-size:15px; width:160px; height:34px; line-height:34px; }

/*===============new=============*/
.inner-banner{width:100%;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:10; padding:63px 0 94px; height:550px; }
.inner-banner .main_banner_blk { display:inline-block; vertical-align:top;margin: 0 auto;width: 100%;  }
.inner-banner .main_logo_box { height:194px; width:193px; background:#fff;border-radius:100%; margin:0 auto; box-shadow: 2px 12px 16.56px 1.44px rgba(0, 0, 0, 0.4) inset; text-align:center; }
.inner-banner .main_logo_box a{ line-height:194px; display:inline-block; vertical-align:top; }
.inner-banner .main_banner_blk h1{font-size:26.67px; color:#fff; text-align:center;  padding-top:37px; line-height:24px;padding-bottom:23px;}
.inner-banner .main_banner_blk p { font-size:13.33px;line-height:18.67px;color:#fff;text-align:center; margin:0; padding-bottom:20px;}
.inner-banner .main_banner_blk p a {color:#009fe3; }
.inner-banner  .new_site_btn { position:absolute; left:0;right:0;bottom:-20px; width:211px; height:35px; text-align:center; margin:0 auto;}
.inner-banner  .new_site_btn a { color:#fff; font-size:14.67px; line-height:35px; background:#009fe3; border-radius:2px; display:block;}



/*===============new============*/

/*============ Banner End ============*/

/*============ Content Start ============*/
.content_wapper{ width:100%; float:left; }
.category_main_wapper{ padding:0 0 115px; display:inline-block; width:100%; } 


.advices_wapper{ width:100%; float:left;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+46,494948+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 46%, rgba(73,73,72,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 46%,rgba(73,73,72,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 46%,rgba(73,73,72,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#494948',GradientType=0 ); /* IE6-9 */
 }
 
.advice_block{ color:#fff; padding:70px 0 70px 60px; display:inline-block; width:100%; }
.adv_image{ float:left; display:inline-block; width:196px; }
.adv_image img{ display:inline-block; width:100%; border-radius:100%; } 
.adv_details{ display:block; padding:21px 0 0 225px; }
.adv_details h3{ font-family: 'WorkSans-Bold'; font-size:26px; line-height:22px; text-transform:uppercase; display:inline-block; width:100%; }
.adv_details h4{ padding:0 0 18px; text-transform:uppercase;  font-size:26px; line-height:22px; display:inline-block; width:100%; }
.adv_details p{ line-height:18px; display:inline-block; width:100%; }
.adv_details h3{ display:inline-block; width:100%; }


.adv_btn{ padding:24px 0 0 0; display:inline-block; width:100%; }
.contact-btn{ margin:0 15px 0 0;  float:left; }
.contact-btn a{  display:inline-block; border-radius:3px; padding:0 20px; background:var(--bluetheme); text-align:center; color:#fff; font-size:15px;   height:34px; line-height:32px; }
.contact-no-btn{ float:left; }
.contact-no-btn a{  display:inline-block; border-radius:3px; padding:0 20px; background:none; border:var(--white) solid 1px; text-align:center; color:#fff; font-size:15px;   height:34px; line-height:30px; }
/*============ Content End ============*/

/*============ Footer Start ============*/
#footer{ width:100%; float:left; background:#d9d9d9; }
.footer_wapper{ padding:23px 0; width:100%; float:left; }
.copyright{ padding:8px 0; float:left; font-size:12px; color:var(--garycolor); }
.f_logos{ width:auto; float:right; }
.f_logos ul{ float:left; }
.f_logos ul li{ padding:0 0 0 35px; float:left; }
.f_logos ul li img{ max-width:150px; float:left; } 





/*============ inner page start ===============*/
#header.inner-header{  position:relative; border-bottom: 1px solid  var(--bluetheme);   }
.contain_wapper{ float:left; display:inline-block; width:100%; } 
.video_wapper{ text-align:center; padding:40px 0; display:inline-block; width:100%; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#181b1d+0,2d2f35+100 */
background: #201f21; /* Old browsers */
 
} 
.video_wapper video{ display:inline-block; max-width:100%; }
 
 
.reality_wapper{ padding:14px 0 0 0; width:100%; display:inline-block; float:left;  background:#019ee1; } 
.reality_image{  float:right;  }
.reality_image img{ float:left; max-width:470px; }
.reality_contain{ padding:44px 0 0 0; color:var(--white); display:inline-block; width:540px; }
.reality_contain h4{ padding:0 0 18px; font-size:26px; line-height:26px; display:inline-block; width:100%; }
.reality_contain p{ line-height:18px; text-align:justify; display:inline-block; width:100%; }
.reality_contain .adv_btn{ padding:30px 0 0 0; display:inline-block; width:100%; }
.reality_contain .contact-btn a{ color:var(--bluetheme); background:var(--white); }


.tours_wapper{ padding:34px 0 100px 0; display:inline-block; float:left; width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#181b1d+0,2d2f35+100 */
background: rgb(24,27,29); /* Old browsers */
background: -moz-linear-gradient(top, rgba(24,27,29,1) 0%, rgba(45,47,53,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(24,27,29,1) 0%,rgba(45,47,53,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(24,27,29,1) 0%,rgba(45,47,53,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181b1d', endColorstr='#2d2f35',GradientType=0 ); /* IE6-9 */
 }
.tours_wapper .category_listing ul{ margin:0 -15px; }
.tours_wapper .category_listing ul li { padding:0 15px; }
.category_listing ul li h5{ padding:10px 0 0 0; display:inline-block; width:100%; font-size:12px;  color:#b2b2b2; }


.technic_wapper { padding:63PX 0 66PX 0; float:left; width:100%;  background:#019ee1; }
.technic_image{  float:left; max-width:450px;  }
.technic_image img{  float:none; display:inline-block; max-width:100%;  }
.technic_wapper .reality_contain{ padding:16PX 0 0 0px; float:right; }
.technic_wapper .reality_contain P{ padding-bottom:18px; text-align:left; }
.technic_wapper .reality_contain P strong{font-family: 'WorkSans-Bold'; font-weight:normal;  }
.technic_image span{  padding:0 0 10PX;  display:inline-block; width:100%; text-align:center;}
.technic_image span img{ float:none; display:inline-block; max-width:100%; }

.brand_main_wapper{ color:var(--white); display:inline-block; float:left; width:100%;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+46,494948+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 46%, rgba(73,73,72,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 46%,rgba(73,73,72,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 46%,rgba(73,73,72,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#494948',GradientType=0 ); /* IE6-9 */}



.brand_blk{ padding:75px 0 0 0; display:inline-block; width:100%; }
.brand_blk h5{ font-size:26px; text-transform:uppercase; text-align:center; display:inline-block; width:100%; }
.brand_blk{ display:inline-block; width:100%; }
.brand_blk{ display:inline-block; width:100%; }
.brand_listing{ display:inline-block; width:100%; }
.brand_listing ul{ display:inline-block; width:100%; }
.brand_listing ul li{ margin:18px 0 0 0; padding:5px 0 20px 0; text-align:center; display:inline-block; width:20%; float:left; }
.brand_listing ul li i{ background:rgba(0,157,224,0.10); box-shadow:rgba(0,157,224,0.50) 0px 00px 40px; border-radius:100px; display:inline-block; width:115px; }
.brand_listing ul li i img{  display:inline-block; max-width:100%; }

.brand_listing ul li h4 { padding:18px 0 0 0; font-size:16px; line-height:18px; display:inline-block; width:100%; }


.big_title{ display:inline-block; width:100%; text-align:center; }
.big_title h5{font-size:26px; color:var(--bluetheme); text-align:center; text-transform:uppercase; display:inline-block; width:100%; }
.big_title h6{ font-size:16px; color:var(--white); font-family: 'WorkSans-Bold'; text-align:center;   display:inline-block; width:100%; }
.big_title  h5 strong{font-weight:normal; font-family: 'WorkSans-Bold';}

.big_title.white{ color:var(--white);    }
.big_title.white h5{color:var(--white);}
.big_title.white h5 strong{color:var(--white); font-weight:normal; font-family: 'WorkSans-Bold';   }
.big_title.white h6{color:var(--white);  

}
.werk_block{ display:inline-block; width:100%; padding:136px 0 0 0; }
.history_main{ padding:54px 0 0 0; display:inline-block; text-align:center; width:100%; }	
.history_sub{ padding:15px  0; width:790px; display:inline-block; position:relative; }
.history_sub .fadeInUpBig{ z-index:1000; }
.history_sub:after{ z-index:0; position:absolute; left:50%; top:20px; bottom:110px; content:''; background:var(--white); width:2px; margin:0 0 0 -1px;  }
.history_box{ z-index:100;  position:relative; width:400px; float:left;  }
.history_box .history_box_sub{ position:relative; text-align:left; float:left; max-width:291px; margin:0 0 70px 0;  padding:15px; background:var(--bluetheme);  float:left;width:100%;  }
.history_box .history_box_sub .image{ width:100%; display:inline-block; border:#000 solid 4px; }
.history_box .history_box_sub .image img{ width:100%; }
.history_box p{ line-height:18px; padding:0px 0 0 0; }
.history_box h5{ display:inline-block; width:100%; font-size:15px ; text-transform:uppercase;  font-family: 'WorkSans-Medium'; } 
.history_box:nth-child(2){   margin:0px 0 0px 0; }
.history_box:nth-child(2n+0) { float:right;   }
.history_box:nth-child(2n+0) .history_box_sub{ float:right;   }
.history_box:nth-child(2n+0) .history_sub{ float:right; }
.years{ background:#020202; margin:0 0 0 -65px; z-index:10; position:absolute; left:100%; top:-6px; line-height:128px; font-size:29px; font-family: 'Montserrat-Regular'; color:#e7255a; width:118PX; height:118PX; border-radius:100%; border:var(--white) solid 9px; }
.history_box:nth-child(2n+0) .years{ left:auto; right:100%; margin:0 -65px 0 0px; }

.history_box:last-child .history_box_sub{ margin:0px;   }
.history_box:last-child   .years{ background:#333; }
.history_box .history_box_sub:after{ content:''; height:21px; width:31px; background:url(../images/side-arrow.svg) no-repeat left top; position:absolute; left:100%; top:50%; margin:-10px 0 0 -6px; }
.history_box:nth-child(2n+0) .history_box_sub:after{  background:url(../images/side-arrow2.svg) no-repeat left top;  left:0; right:100%;  margin:-10px 0px 0 -24px; }



.tour_links{ padding:52px 0 68px 0; display:inline-block; width:100%; text-align:center; }
.tour_links a{ display:inline-block; border-radius:3px; padding:0 20px; background:var(--bluetheme); text-align:center; color:#fff; font-size:15px;   height:34px; line-height:32px; background: var(--white);
    color: var(--bluetheme);}
.blue-bg{ background:var(--bluetheme);  }	
.blue-bg .contact-btn a{ background: var(--white);
    color: var(--bluetheme); }


.about_banner { width:100%; float:left; background-size:cover; background-position: center center; background-repeat:no-repeat; min-height:300px;}	

.mar-22{ margin:0 -22px; }
.padd-22{ padding:0 22px; }



.about_contain_wapper{ display:inline-block;width:100%;  }
.abt_contain{ display:inline-block; width:100%; }
.abt_con_sub{ display:inline-block; width:100%; }
.abt_con_sub h4{ padding:0 0 23px; font-size:26px ;line-height:30px; color:var(--bluetheme);text-transform:uppercase; display:inline-block; width:100%; }
.abt_con_sub p{ line-height:18px; display:inline-block; width:100%; color:var(--garycolor); }
.abt_con_sub h4 strong{ font-family: 'WorkSans-Bold'; font-weight:normal; }

.abt_contain_sub{ display:inline-block; width:100%; padding:40px 60px; }

.abt_con_sub.helf-con{ position:relative; padding-right:80px; }
.abt_con_sub.helf-con .right_image{ position:absolute; right:0px; bottom:0px; }

.abt_contain_sub .mar-22{ padding:40px 0; }

.verder_wapper{ position:relative; background-position:center center; min-height:295px; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; padding:72px 0 50px; display:inline-block; width:100%;  }
.verder_wapper:after{ position:absolute; left:0px; top:0px ;height:100%; width:100%; content:''; background:var(--black); opacity:0.16; z-index:1;  pointer-events:none; }
.vender_details{ position:relative; z-index:10; display:inline-block; width:100%; }
.vender_details .adv_details{ text-align:center; padding:0px; display:inline-block; width:100%; color:#fff; }
.vender_details .adv_details .contact-btn{ float:none; display:inline-block; }
.vender_details .contact-btn a{ background:var(--white); color:var(--bluetheme); }




.klanten_wapper{ padding:61px 0 41px 0; display:inline-block; width:100%; }
.klanten_block{ display:inline-block; width:100%; }
.klanten_box{ padding:48px 0 0 0; display:inline-block; width:100%; text-align:center; }
.klanten_box .image{ display:inline-block; width:100%; }
.klanten_box .image img{ width:200px; display:inline-block; max-width:100%; border-radius:100%; }
.klanten_box_sub{ padding:19px 40px 0; display:inline-block; width:100%; }
.klanten_box_sub p{line-height:18px; display:inline-block; width:100%; color:var(--garycolor);}
.klanten_box_sub h5{ padding:15px 0 0 0; font-size:12px; color:var(--bluetheme); display:inline-block; width:100%; }







.inner-banner{ float:left; display:inline-block; width:100%; }
.inner_banner_sub{ float:left; overflow:hidden; display:inline-block; width:100%; position:relative; }
.banner_image{ float:left; color:var(--white); overflow:hidden; display:inline-block; width:100%; position:relative; background-size:cover ; background-position:center center; background-repeat:no-repeat; min-height:295px; }
.banner_image:after{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:464px; height:464px; content:''; border:rgba(0,173,239,1.00) solid 50px; border-radius:100%; mix-blend-mode:multiply; }
.banner_text h2{ color:var(--white); }



.category_page{ display:inline-block; width:100%; }

.cat_block{ padding:99px 0 88px 0; display:inline-block; width:100%; }
.cat_blk_top{ display:inline-block; width:100%; }
.cat_listing{ padding:13px 0 0 0; display:inline-block; width:100%; }
.cat_listing ul{ margin:0 -15px;  }
.cat_listing ul li{ margin:15px 0; float:left; width:20%; padding:0 15PX; }
.cat_listing ul li a{ float:left; width:100%; position:relative; }
.cat_listing ul li a > img{ width:100%; }
.cat_listing ul li a .zoom_icon{ position:absolute; opacity:0; left:50%; margin:-28px 0 0 -28px;  top:50%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
 }
.cat_listing ul li a:hover .zoom_icon{ opacity:1; }


.cat_text{ padding:27px 0 0 0; display:inline-block; width:100%;  }
.cat_text p{line-height:18px; display:inline-block; width:100%; color:var(--garycolor);}
.cat_btn{ padding:17px 0 0 0; width:100%; display:inline-block;  }
.cat_btn .adv_btn{ float:right; width:auto; }
.cat_btn  .contact-no-btn a{ color:var(--bluetheme); border:var(--bluetheme) solid 1px; }


.cat_listing{ overflow:hidden; max-height:241px; 
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.cat_listing.active{ max-height:20000px !important;  }


.offer_wapper{ padding:61px 0 0 0; float:left; width:100%; background:var(--bluetheme); color:var(--white); }



.offer_blk{ padding:35px 174px 49px 174px; display:inline-block; width:100%;}
.offer_box{ display:inline-block; width:100%; text-align:center;  }
.offer_box .image{ display:inline-block; width:100%; text-align:center;  }
.offer_box .image img{ display:inline-block; max-width:100%; text-align:center;  }
.offer_box h6{ padding:15px 0 0 0; font-size:16px; text-transform:uppercase; display:inline-block; width:100%; text-align:center;  }
 
 
 
 
 
 
 
 .reality_white_wapper{ padding:14px 0 0 0; width:100%; display:inline-block; float:left;  background:var(--white); } 
.reality_white_wapper .reality_image{  float:right;  }
.reality_white_wapper .reality_image img{ float:left; max-width:490px; }
.reality_white_wapper .reality_contain_white{ padding:44px 0 0 0; color:var(--white); display:inline-block; width:540px; }
.reality_white_wapper .reality_contain_white h3{font-family: 'WorkSans-Bold';  padding:0 0 0px; font-size:26px; line-height:26px; color:var(--bluetheme); display:inline-block; width:100%; }
.reality_white_wapper .reality_contain_white h4{ padding:0 0 18px; font-size:26px; line-height:26px; color:var(--bluetheme); display:inline-block; width:100%; }
.reality_white_wapper .reality_contain_white p{  color:var(--garycolor); line-height:18px; text-align:justify; display:inline-block; width:100%; }
.reality_white_wapper .reality_contain_white .adv_btn{ padding:30px 0 0 0; display:inline-block; width:100%; }
.reality_white_wapper .reality_contain_white .contact-btn a{ color:var(--white); background:var(--bluetheme); min-width:160px; text-align:center; }




.contact_page{ display:inline-block; width:100%; }




.contact_block{ padding:62px 15% 64px; display:inline-block; width:100%; }
.contact_details{ padding:9px 0 0 0; display:inline-block; width:100%; }
.contact_address{ padding:0 0 18px; display:inline-block; width:100%; }
.contact_address h5{ padding:0 0 18px; font-size:12px;color:var(--garycolor);font-family: 'WorkSans-Bold';display:inline-block; width:100%;   }
.contact_address p{ font-size:12px;color:var(--garycolor); display:inline-block; width:100%; line-height:18px; }



.contact_frm{ display:inline-block; width:100%; }
.contact_frm .contact_form{ display:inline-block; width:100%; }
.contact_form .row{ margin:0 -6px;  }
.contact_form .row [class*=col-sm-]{ padding:0 6px;   }
.form_row{ padding:5px 0; display:inline-block; width:100%; }
.form_row .frm_title{ padding:4px 0 5px;  color:var(--garycolor); display:inline-block; width:100%; }
.form_row .input-text{ border:#d9d9d9 solid 1px; background:#f7f7f7; padding:6px 15px; display:inline-block; width:100%; }
.form_row input[type=submit]{ border:0px; cursor:pointer; margin:13px 0 0 0;  display:inline-block; border-radius:3px; padding:0 20px; background:var(--bluetheme); text-align:center; color:#fff; font-size:15px;   height:34px; line-height:32px; color:var(--white); background:var(--bluetheme); min-width:160px; text-align:center; }
.form_row textarea.input-text{  height:85px; resize:none; }

.home_banner .owl-carousel .owl-item{ overflow:hidden; }


/*=================new===========*/


.inner_wapper .lading_high { margin:2px 0 0 0;background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(227,227,227,0.99) 1%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(227,227,227,0.99) 1%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(227,227,227,1) 0%,rgba(227,227,227,0.99) 1%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#00ffffff',GradientType=0 ); padding:115px 0 163px;}
.inner_wapper .lading_high .our_company_logo { text-align:center;  }


/*=================new===========*/