@charset "UTF-8";
/* CSS Document */ 

@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;600;700;800;900&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

* {
  box-sizing: border-box;
	margin: 0;
	padding: 0;
  outline: none; 
}
 

*, *:before, *:after {
  box-sizing: border-box; 
}

input, select, button, textarea {    
	font-family: 'Red Hat Display', sans-serif, Arial,Helvetica; 
}

a {
	text-decoration: none;
	cursor: pointer;
	outline: none;  
	font-family: 'Red Hat Display', sans-serif, Arial,Helvetica; 
}  
 

body {
	margin: 0;
	min-height: 100%;
	min-width: 100%;
	font-size: 0;
	padding: 0;
	font-weight:400;
	letter-spacing: 0.1px;
	color: #000000;
	box-sizing: border-box;
	font-family: 'Red Hat Display', sans-serif, Arial,Helvetica; 
	background-color:#2E2E38;  
	background-size: 100%;
	height: 100%;
    direction: rtl;
	
}


@font-face {
  font-family: 'icomoon';
  src:  url('fonts_3/icomoonlogo.eot?8qlfiq');
  src:  url('fonts_3/icomoonlogo.eot?8qlfiq#iefix') format('embedded-opentype'),
    url('fonts_3/icomoonlogo.ttf?8qlfiq') format('truetype'),
    url('fonts_3/icomoonlogo.woff?8qlfiq') format('woff'),
    url('fonts_3/icomoonlogo.svg?8qlfiq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-anilo_logo_y:before {
  content: "\e900";
}




img.swiper-lazy {
    width: 100%;
}


header {
	float: left;
	display: inline-block;
	width: 100%;
	position: relative;
	top: 0;
	height:120px;
	z-index: 10522;
	background-color: #2E2E38;  
	padding:0 10px; 
	transition-delay: 0.1s; 
	
}


.header-shadow {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.72);
}

main {
	float: left;
	display: inline-block;
	width: 100%; 
}

footer {
	float: left;
	display: inline-block;
	width: 100%;
    height: 800px; 
	margin: 0; 
    margin-bottom: 25px;
	padding: 0; 
    z-index: 10122;
}



.wrap {
	min-width: 100%;
	margin: 0 auto;
	display:  block;  
	padding: 0 15px;  
}

.wrap_2 {
	min-width: 100%;
	margin: 0 auto;
	display:  block;  
	padding: 0 30px;  
}

.wr_container {
	width: 100%;
	margin: 0 auto;
	display:  block;  
	padding: 0;
    position: relative;
}

.wr_container_i {
	max-width: 100%;
	margin: 0 auto;
	display:  block;  
	padding: 0;
    position: relative;
}



.wrap_line_25 {
    width: 100%;
    height: 30px;
	display: inline-block;  
	padding: 0; 
    float: left;
    position: relative; 
}


.wrap_line_10 {
    width: 100%;
    height: 10px;
	display: inline-block;  
	padding: 0; 
    float: left;
    position: relative; 
}

.wrap_line_15 {
    width: 100%;
    height: 15px;
	display: inline-block;  
	padding: 0; 
    float: left;
    position: relative; 
}



.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%; }

header #logo {
  margin:25px 0 0 0;  
	float: right;
  display: inline-block; 
	width: 190px; 
    
}
  
header #logo h1 {
  width: 100%;
  float: left;
  display: inline-block; 
}

header #logo h1 a {
  width: 100%;
  float: left;
  display: inline-block; 
}


header #logo h1 a img{
  width: 100%;
  float: left;
  display: inline-block;
}

header #logo h1 a  .netherlands_flagline{
  width: 100%;
    height: 8px;
  float: left;
  display: inline-block;
    margin-top: 7px;
    overflow: hidden;
    border: 1px solid #2E2E38;
}

header #logo h1 a  .netherlands_flagline .flag_color{
  width: 33.333333%;
    height: 8px;
  float: left;
  display: inline-block;  
}

header #logo h1 a .netherlands_flagline .flag_color_a{ background-color: #C8102E; }
header #logo h1 a .netherlands_flagline .flag_color_b{ background-color: #FFFFFF; }
header #logo h1 a .netherlands_flagline .flag_color_c{ background-color: #003DA5; }



header #logo h1 a span{
	font-size: 71px;
	font-weight: 500;
	color: #ff6c00;
	color: #000; 
	color: #fff;   
	float: left;
	-webkit-transition: font-size 0.3s ease-out;  
     transition: font-size 0.3s ease-out;
}

header #logo h1 a:hover span{ 
	color: #000;
	color: #ff6c00;
}



header #logo h1 a strong{ 
  font-size: 12px;
	color: #FF6B00;
	color: #979797; color: #fff;  
	font-weight: 400; 
	margin:24px 0 0 5px;
	display: inline-block;
	position: relative;
	float: left;
}

header #logo h1 a strong.header_strg_s{ 
  font-size: 0;
}

 

header #logo p{ 
  display: none;
}




 .header_menu_a{
	width:auto;
	float: right;
	display: inline-block;
	margin: 0 2.5% 0 0; 
} 

.header_menu_a ul.dropdown {
	float: right;
	display: inline-block;
	width: auto; 
}

.header_menu_a ul.dropdown li{
	float: right;
	display: inline-block; 
}







.header_menu_a ul.dropdown li .dropbtn { 
	color: #fff;
	padding:64px 6px 34px 6px;
	font-size: 14px;
    letter-spacing: -0.1px;
	border: none;
	cursor: pointer;
	background-color:#2E2E38;
	transition: all 0.5s ease;
	z-index: 10101;
	position: relative;
	float: right;
	display: inline-block; 
}


.header_menu_a ul.dropdown li .dropbtn span{ 
	display: inline-block;
	float: right;
	font-size: 11px;
	text-align: center;
	padding: 3px 0 0 0;
	margin:-1px 0 0 5px;
	color:#1A1A24; 
	background-color:#9898B1;
	border-radius: 100%; 
	width: 16px;
	height: 16px;
	transition: transform .8s;
	transform: rotate(90deg);
}

.header_menu_a ul.dropdown li .dropbtn:hover span{  
	  color:#1A1A24;
	background-color: #fff;
   transform: rotate(0deg);
			 
}
 
.header_menu_a ul.dropdown li .dropbtn:hover {
	color: #fff;
	background-color: #1a1a24;
	border-bottom: #ff6c00 7px solid; 
}


.header_menu_a ul.dropdown li .dropbtn-active {
	color: #fff;
	background-color: #1a1a24;
	border-bottom: #ff6c00 7px solid;
	
}

.header_menu_a ul.dropdown li .dropbtn-active span{
	color:#1A1A24;
	background-color: #fff;
   transform: rotate(0deg);
	
}








.header_menu_a ul.dropdown li a.dropbtn { 
	color: #fff;
	padding:65px 6px 34px 6px;
	font-size: 14px;
    letter-spacing: -0.1px;
	border: none;
	cursor: pointer;
	background-color:#2E2E38;
	transition: all 0.5s ease;
	z-index: 10101;
	position: relative;
	float: left;
	display: inline-block; 
}


.header_menu_a ul.dropdown li a.dropbtn span{ 
	display: inline-block;
	float: left;
	font-size: 11px;
	text-align: center;
	padding: 3px 0 0 0;
	margin:-1px 5px 0 0;
	color:#1A1A24; 
	background-color:#9898B1;
	border-radius: 100%; 
	width: 16px;
	height: 16px;
	transition: transform .8s;
	transform: rotate(-90deg);
}

.header_menu_a ul.dropdown li a.dropbtn:hover span{  
	  color:#1A1A24;
	background-color: #fff;
   transform: rotate(0deg);
			 
}
 
.header_menu_a ul.dropdown li a.dropbtn:hover {
	color: #fff;
	background-color: #1a1a24;
	border-bottom: #ff6c00 7px solid; 
}


.header_menu_a ul.dropdown li a.dropbtn-active {
	color: #fff;
	background-color: #1a1a24;
	border-bottom: #ff6c00 7px solid;
	
}

.header_menu_a ul.dropdown li a.dropbtn-active span{
	color:#1A1A24;
	background-color: #fff;
   transform: rotate(0deg); 
}









div.message-button {
    position: fixed;
    display: block;
    cursor: pointer;
    outline: none;
    height: 36px;
    left: 10px;
    bottom:5px; 
    color: rgba(26,26,36,0.91);
    padding: 12px; 
    font-size: 15px;
    font-weight: 600;
    background-color:rgba(182,182,204,1); 
    border-radius: 6px;
    opacity: 1; 
    z-index: 13999; 
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    
}

div.message-button:hover { 
    background-color: #1A1A24;
    color: rgba(182,182,204,0.91);
}

div.message-button span{
    float: left;
    display: inline-block;
    font-size: 25px;
    margin:-5px 6px 0 0; 
    transform: rotate(0);
  transition:0.2s all ease-in;
    animation: animate-arrow-2 2s ease-in-out infinite 0.2s;
}


div.message-button:hover span{ 
	transform: rotate(360deg); 
}

 




.scrollTop {
    position: fixed;
    display: block;
    left: 15px;
    bottom:108px; 
    color: #1A1A24;
    opacity: 0;
    transition: all 1s ease-in-out 0s;
    z-index: 13999; 
}

.scrollTop a { 
    z-index: 13999; 
    position: relative;
    display: inline-block;
    background-color: rgba(255,107,0,0.74);  
    transform: rotate(45deg) ;
		transform-origin: left bottom;
     
    width: 31px;
    height: 31px;
    overflow: hidden;
    color: #1A1A24; 
    text-align: center; 
    border-radius: 100%;
}

.scrollTop a:hover {  
    background-color: rgba(182,182,204,0.94); 
}

.scrollTop a span{
    position: absolute; 
    top: 4px; 
    left: 4px; 
    transform: translate(-50%, -50%); 
    transform: rotate(-45deg) ;
    color: #fff;
    font-size: 22px; 
    font-weight: 300;
    text-align: center;
}








a.vertical_o_menu {
    position: fixed;
    display: block;
    cursor: pointer;
    outline: none;
    height: 36px;
    left: 10px;
    bottom:49px; 
    color: rgba(26,26,36,0.91);
    padding: 12px; 
    font-size: 15px;
    font-weight: 600;
    background-color:rgba(182,182,204,1); 
    border-radius: 6px;
    opacity: 0; 
    z-index: 13999; 
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;  
}

a.vertical_o_menu:hover { 
    background-color: #1A1A24;
    color: rgba(182,182,204,0.91);
}

a.vertical_o_menu span{
    float: left;
    display: inline-block;
    font-size: 25px;
    margin:-5px 6px 0 0; 
    transform: rotate(0);
  transition:0.2s all ease-in;
    animation: animate-arrow-2 2s ease-in-out infinite 0.2s;
}


a.vertical_o_menu:hover span{ 
	transform: rotate(360deg); 
}

 
 












.searchbox_open {
    position: relative;
    display: inline-block;
    float: left;
    z-index: 10004;
    top: 56px; 
    margin-right: 15px;
    color: rgba(120, 120, 149,0.62);
    width: 32px;
    height: 32px;
    padding: 2px;
    font-size: 29px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    outline: none;
    background:url("../images/search.svg") no-repeat center;
    background-size: 19px;
}


#searchcontainer {
	height: 100%;
	width: 100%; 
	position: fixed; opacity: 1;
    background-color: rgba(26,26,36,1);
	display: none; 
    
     left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	z-index: 10522; 
  text-align: center;
  line-height:1.6;
  font-size: 17px;
  font-weight: 500;
  color: rgba(182,182,204,1);   
} 


#searchformid  { 
  width: 50%;
  height:100%;
    overflow-x: auto;
	z-index: 10105;
  float: left;
  display: inline-block;
  text-align: center;
  line-height:1.6;
  font-size: 17px;
  font-weight: 500;
  color: rgba(182,182,204,1);  
	position: absolute;
    top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */ 
    transform: translate(-50%, -50%);  
    padding: 15px;
}



#searchformid  .searchTerm {
	position: relative;
    display: block;
    margin:45px auto 0 auto;
	top: 40px;
  width: 100%; 
  border:2px solid #B6B6CC;; 
  font-size: 22px;
  background:none;
  background-position: 11px 10px; 
	background-size: 16px;
  background-repeat: no-repeat;
  padding:8px 15px; 
  transition: width 0.4s ease-in-out;
	cursor: pointer;
    color: #B6B6CC;
    border-radius: 25px; 
    z-index: 10106; 
}
 


#searchformid .close_searchbox {
	font-size: 24px;
	color: #1A1A24;
	font-weight: 300;
	position: absolute; 
	right: 20px;
	top: 40px;
	cursor: pointer;
	outline: none; 
	padding:0; 
    width: 36px;
    height: 36px;
    padding-top: 7px;
    border-radius: 100%; 
    background-color: #B6B6CC;   
} 


#searchformid .close_searchbox:hover {  
	background-color: #FF6B00; 
    color: #1A1A24; 
}






 

.search_content {
    float: left;
    width: 100%;
    display: none;
    margin-top: 45px;
}

.search_title {
  float: left;
  display: inline-block;
  width: 100%;
  text-align: left;
  color: rgba(182,182,204,0.51);
  font-size: 17px;
  font-weight: 300;
  margin-bottom: 7px;
  margin-top: 8px;
}

.search_title .dolu_r{
  display: inline-block; 
  color: #FF6C00; 
  font-weight: 800;
    margin: 0 5px 0 5px;
}

.search_link {
  float: left;
  display: inline-block;
  width: 100%;
  text-align: left;
  color: rgba(182,182,204,0.51);
  font-size: 18px;
  font-weight: 400; 
  border-bottom: 1px solid rgba(182,182,204,0.31);
  padding-bottom: 8px;
  padding-top:5px;
  margin-bottom: 5px;
}


@media all and (max-width: 1200px) {
    #searchformid  { 
    width: 75%;
    }
}


@media all and (max-width: 981px) {
    #searchformid  { 
    width: 100%;
    }
    
    
    .search_link {
      float: left;
      display: inline-block;
      width: 100%;
      text-align: left;
      color: rgba(182,182,204,0.51);
      font-size: 16px;
        letter-spacing: -0.3px;
      font-weight: 400; 
      border-bottom: 1px solid rgba(182,182,204,0.31);
      padding-bottom: 8px;
      padding-top:5px;
      margin-bottom: 5px;
    }
    
}



.product_inf {
  float: left;
  display: inline-block;
  width: auto;
  text-align: left; 
    margin-top: 13px;
    
}

.search_link img{
  float: left;
  display: inline-block;
  width:17px;
  height:17px;
  opacity: 0.3;
  margin-right: 6px;
  margin-left: 5px;
  margin-top: 6px;
    
  
}

.search_link img.product_pic{
  float: left;
  display: inline-block;
  width:50px;
  height:auto;
  opacity: 1;
  margin-right: 9px;
  margin-left: 5px;
  margin-top: 1px; 
    border: 2px solid rgba(182,182,204,0.55); 
  
}


@media all and (max-width: 750px) {
    
.search_link img.product_pic{ 
  width:30px;
  
}
 
    
}



.search_link span{
  float: left;
  display: inline-block;
    margin-top: 4px;
}

.search_link:last-child {
  border-bottom: none;
}

.search_linkx:last-child {
  border-bottom: none;
}

.search_link:hover {
  color:#FF6C00; 
  font-weight: 600;
}

.search_link:hover img{
  color:#FF6C00; 
  font-weight: 600;
    border: 2px solid rgba(255,108,0,0.94); 
}

 
.search_link:hover .product_inf img{
  opacity: 1;
    border: none;
}

.search_bos {
  float: left;
  display: inline-block;
  width: 100%;
  text-align: left;
  color: rgba(182,182,204,0.51);
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 10px;
  padding: 20px 0;
}

.search_bos span {
  float: left;
  display: inline-block;  
  color: #FF6C00;
  font-size: 18px;
  font-weight: 500;
  margin-right: 6px;
}
 

.search_bos .popular_title{
  float: left;
  display:block;
  width: 100%;
    font-weight: 800;
    font-size: 15px;
    margin: 20px 0 8px 0;
    padding: 5px 10px;
    border-radius: 10px;
    color: #1A1A24;
    background-color:  rgba(182,182,204,0.61);
}


.search_bos .bos{
  float: left;
  display: flex;
  width: 100%;
  margin-top: 5px;
  margin-bottom: -10px;
    justify-content: space-between;
}


.search_bos .bos .bos_a {
  float: left;
  display: inline-block; 
  width: 47%;
    margin-right: 10px;
  color: rgba(182,182,204,0.51);
  font-size: 15px;
  font-weight: 400;  
  border-radius: 6px;  
  padding: 6px 8px;
    line-height: 1.6;
  
}

.search_bos .bos .bos_a img{
  float: left;
  display: inline-block; 
  width:17px; 
  margin-left:2px; 
    margin-right: 7px;
    margin-top: 0px;
    opacity: 0.05;
}


.search_bos .bos .bos_a:hover {
    color:#FF6C00;
}

.search_bos .bos .bos_a:hover img{
    opacity: 0.6;
}



.search_bos .bos-2{
  float: left;
  display: flex;
  width: 100%;
  margin-top: 5px;
  margin-bottom: -10px;
    justify-content: space-between;
}

.search_bos .bos-2 .bos_r_a {
    width:30%;
    text-align: center;
}

.search_bos .bos-2 .bos_r_a img{
    width:98%;
    opacity: 0.7;
}


.search_bos .bos-2 .bos_r_a span{
  float: left;
  display: inline-block; 
  width: 100%;
    text-align: center; 
  color: rgba(182,182,204,0.91);
  font-size: 13px;
  font-weight: 500;  
    line-height: 1.8s;
  
}

.search_bos .bos-2 .bos_r_a:hover img{ 
    opacity: 1;
}

.search_bos .bos-2 .bos_r_a:hover span{
  color:#FF6C00;
  
}
















.glb_wrap{
    float: left;
    position: relative;
    display: inline-block; 
}


.global_button {
	position: relative;
    display: inline-block;
    float: right; 
  width: auto; 
    color: #fff; 
    font-weight: 400;
  border:none; 
  font-size: 14px;
  background-color: #2E2E38; 
    border-bottom: #2E2E38 7px solid; 
	cursor: pointer;
    padding:65px 0px 33px 0; 
	transition: all 0.5s ease;
	z-index: 10101;  
}

.global_button span{
    display: inline-block;
    float: left;
    margin: 0;
}


.global_button span.icon-envelope{
    margin-right: 4px;
    margin-left: 7px;
}



.global_button span.glb_text_1{ 
    font-weight: 600;
    padding-left: 2px;
}

.global_button span.glb_text_2{ 
    font-weight: 300;
    padding: 0 2px;
}

.global_button span.icon-chevron-thin-left{
    font-size: 12px;
    font-weight: 300;
    padding:3px 0 0 4px;
    display: inline-block;
    float: right;
    margin-right: 5px;
    margin-left: 0px;
} 

.global_button:hover {
	color: #fff;
	background-color: #1a1a24;
	border-bottom: #ff6c00 7px solid; 
}


.glb_active {
	color: #fff;
	background-color: #1a1a24;
	border-bottom: #ff6c00 7px solid; 
}







.global_box {
   display: none;  
	position: absolute;
	margin: 0;
  background-color: #1a1a24;
	width:255px !important;
	height: auto;
    padding: 10px 10px 30px 10px;
	top:122px; 
	left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10521; 
	transform: translateY(0%);
	transition: transform 0.5s;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.global_box-active { 
	transform: translateY(0%); 
	 
}

.global_box a{
    float: left;
    display: inline-block;
    width: 100%; 
    color: #fff;
    font-size: 15px;
    padding: 10px 0;
    border-bottom: #2E2E38 1px dashed; 
}

.global_box a:hover{ 
    color: #ff6c00; 
}


.global_box a.border-bottom-none{ 
    border-bottom: none; 
}
 
.global_box a span.icon-circle{
    font-size: 12px;
    font-weight: 300;
    padding:1px 7px 0 0;
    display: inline-block;
    float: left;
    color: #ff6c00;
}

.global_box a span.icon-chevron-thin-right{
    font-size: 12px;
    font-weight: 300;
    padding:1px 7px 0 0;
    display: inline-block;
    float: right;
    transform: rotate(180deg);
}

.global_box img{
    width:13%;  
    float: right;
    display: inline-block;  
    border-radius: 100%;
    overflow: hidden; 
}

.global_box span.glb_text_1{
    width: 84%; 
    float: right;
    display: inline-block;
    font-weight: 400;
    padding: 10px 8px 0 2px;
    font-size: 14px;
    text-align: right;
}

 

.dropdown-close-glb {  
	width: 30px;
	height: 30px;
    position: absolute; 
    left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	padding:8px; 
	cursor: pointer;
	outline: none; 
	text-align: center; 
    bottom: 3px;
}


 

























.lang_wrap{
    float: left;
    position: relative;
    display: inline-block; 
}



.language_button {
	position: relative;
    display: inline-block;
    float: right; 
  width: auto; 
    color: #fff; 
    font-weight: 400;
  border:none; 
  font-size: 14px;
  background-color: #2E2E38; 
    border-bottom: #2E2E38 7px solid; 
	cursor: pointer;
    padding:64px 0px 32px 10px;
	transition: all 0.5s ease;
	z-index: 10101;
}

.language_button span{
    display: inline-block;
    float: left; 
}

.language_button span.lang_ico{ 
    background:url("../images/lang_white.svg") no-repeat center;
    width: 19px;
    height: 19px;
    background-size: 16px;  
    padding-left: 1px;
    margin-top: -2px;
    margin-right: -4px;
}

.language_button span.lang_text_1{
    font-weight: 600;
    padding-left: 10px; 
}

.language_button span.lang_text_2{
    font-weight: 300;
    padding: 0 10px;
}

.language_button span.icon-chevron-thin-left{
    font-size: 12px;
    font-weight: 300;
    padding:3px 0 0 4px;
    display: inline-block;
    float: right;
}


.language_button:hover {
	color: #fff;
	background-color: #1a1a24;
	border-bottom: #ff6c00 7px solid; 
}


.lng_active {
	color: #fff;
	background-color: #1a1a24;
	border-bottom: #ff6c00 7px solid; 
} 


.language_box {
   display: none;  
	position: absolute;
	margin: 0;
  background-color: #1a1a24;
	width:262px !important;
	height: auto;
    padding: 10px 10px 30px 10px;
	top:122px; 
	left:0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10521; 
	transform: translateY(0%);
	transition: transform 0.5s;  
    
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.language_box-active { 
	transform: translateY(0%); 
	 
}

.language_box a{
    float: left;
    display: inline-block;
    width: 100%; 
    color: #fff;
    font-size: 15px;
    padding: 17px 0;
    border-bottom: #2E2E38 1px dashed; 
}

.language_box a:hover{ 
    color: #ff6c00; 
}


.language_box a.border-bottom-none{ 
    border-bottom: none; 
}
 
.language_box a span.icon-circle{
    font-size: 12px;
    font-weight: 300;
    padding:1px 7px 0 0;
    display: inline-block;
    float: left;
    color: #ff6c00;
}

.language_box a span.icon-chevron-thin-right{
    font-size: 12px;
    font-weight: 300;
    padding:1px 7px 0 0;
    display: inline-block;
    float: right;
    transform: rotate(180deg);
}


.language_box span.lang_text_1{
    font-weight: 600;
    padding-left: 10px;
}

.language_box span.lang_text_2{
    font-weight: 300;
    padding: 0 10px;
}


.dropdown-close-lang {  
	width: 30px;
	height: 30px;
    position: absolute; 
    left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	padding:8px; 
	cursor: pointer;
	outline: none; 
	text-align: center; 
    bottom: 3px;
}


.clear_100 {
    float: left;
    display: inline-block;
    clear: both;
    height: 1px;
    width: 100%;
}


























.dropdown-content {
  display: none; 
	position: absolute;
	margin: 0;
  background-color: #1a1a24;
	width: 100% !important;
	height: auto;
	top:120px;
	left: 0;
	right: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10521;
	padding: 20px; 
	transform: translateY(0%);
	transition: transform 0.5s; 
  
	 
}

.dropdown-content-active { 
	transform: translateY(0%); 
	 
}


.dropdown-content-bx {
	float: left;
	display: inline-block;
	width: 100%;
	padding-bottom: 30px;
	
}
 


.dropdown-content .menu_link_box {
  width: 72%;
	float: left;
	display: inline-block;
}
 

.dropdown-content .menu_link_box a {
  color: #fff;   
	font-size: 20px;
	float: left;
	display: inline-block;
	width: 30%;
	margin-right: 2%;
	text-align: center;
	
}

.dropdown-content .menu_link_box a span{
  color: #fff;   
	font-size: 23px;
	float: left;
	display: inline-block;
	width: 100%;
	text-align: center;
	background-color:#2E2E38;
	padding:12px 6px;
	margin-top: 20px;
	margin-bottom: 25px;
}

.dropdown-content .menu_link_box a img{
	display: inline-block;
	width: 80%;
	text-align: center;
	font-size: 0; 
}
 
  

.dropdown-close, .dropdown-close-2, .dropdown-close-3, .dropdown-close-4 { 
	position: absolute; 
    left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
	width: 30px;
	height: 30px; 
	font-size: 15px;
	font-weight: 300;
	color: #fff;
	padding:15px 0 5px 0; 
	cursor: pointer;
	outline: none;
	bottom: 15px;
	text-align: center; 
}












/* Tabs */
.tabs-2 {
  width: 100%; 
  display : flex; 
}

.tabs-stonecarpet {
  width: 50%; 
	float: right;
}

.tabs-binder {
  width: 74%; 
	float: right;
}




ul.tabsnav-2 {
  list-style: none;
  margin: 0;
  padding: 5px;
  overflow: auto;
  width : 35%;
}
.tabscontent-2{
  width : 50%; 
}




.tabs-stonecarpet ul.tabsnav-2 {
  list-style: none;
  margin: 0;
  padding: 5px;
  overflow: auto;
  width : 50%;
}
.tabs-stonecarpet .tabscontent-2{
  width : 49%; 
}

.dropdown-content-left {
    float: right;
    display: inline-block;
    width: 24%;
    padding:2% 4%; 
}


.dropdown-content-left span{
    float: left;
    display: inline-block;
    width: 100%;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    margin-top: 40px;
}

.dropdown-content-left p{
    float: left;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight:400;
    color: #fff;
    margin-top: 20px;
    line-height: 1.4;
}

.dropdown-content-left .d-c-explore{
    float: right;
    display: inline-block;
    width: auto;
    font-size: 16px;
    padding: 10px 16px;
    border-radius: 25px;
    background-color: #2E2E38;
    color: #fff;
    margin-top: 20px;
    transition: all 0.5s ease;
}

.dropdown-content-left .d-c-explore:hover{ 
    background-color: #ff6c00; 
}



.tabs-binder ul.tabsnav-2 {
  list-style: none;
  margin: 0;
  padding: 5px;
  overflow: auto;
  width : 34%;
}
.tabs-binder .tabscontent-2{
  width : 66%; 
}




ul.tabsnav-2 li {
  font-weight: 400;
  margin-right: 2px;
  padding: 8px 10px; 
  /*border: 1px solid #d5d5de;
  border-bottom: none;*/
  cursor: pointer;
  display:block;
	position: relative;
	font-size: 16px;
	border-bottom: 1px solid #2E2E38;
	text-align: left;
	border-left: 6px solid #1a1a24;
	line-height: 1.5;color: #fff;
}

ul.tabsnav-2 li a{
	color: #fff;
  cursor: pointer;
  display:inline-block; 
    width: 99%;
    text-align: right;

}



ul.tabsnav-2 li strong{
  font-weight: 400; 
	font-size: 13px;
	float: right;
	display: inline-block;
	width: 100%;
	opacity: 0.5;
}



.tabs-stonecarpet ul.tabsnav-2 li span{
	color: #fff;
  cursor: pointer; 
	float: left;
	display: inline-block; 
	font-size: 15px;
	position: absolute;
	top: 25px;
	left: 45px;
	transform: rotate(180deg);
  transition:0.2s all ease-in;
	

}

.tabs-stonecarpet ul.tabsnav-2 li:hover span{
	color: #fff;
  cursor: pointer; 
	float: left;
	display: inline-block; 
	padding: 5px; 
	font-size: 25px;
	top: 16px;
	left: 10px;  
	transform: rotate(180deg) scale(1.2); 
	animation: animate-arrow-2 1s ease-in-out infinite 0.2s;
	 
}



ul.tabsnav-2 li:hover,
ul.tabsnav-2 li.active {
	border-right: 6px solid #ff6c00;
  background-color: #2E2E38;
}

.tab-content-2 {
  padding: 10px;  
	height: 100%;
	/*background-color: #2E2E38;*/
	margin: 0 0 0 -7px;
    float: left;
    display: inline-block; 
    width: 100%;
}

.tab-content-2 h2{
  color: #fff;   
	font-size: 17px;
	float: left;
	display: inline-block;
	border: 2px solid #ff6c00;
	width: 100%;  
	margin-top: 5px;
	margin-bottom: 25px;
	text-align: center;
	padding: 10px;
	font-weight: 500;
}

.tabs-stonecarpet .tab-content-2 h2{
  color: #fff;   
	font-size: 17px;
	float: left;
	display: inline-block;
	border: 2px solid #ff6c00;
	width: 50%;  
	margin-top: 5px;
	margin-bottom: 25px;
	text-align: left;
	padding: 10px;
	font-weight: 500;
}

.tabs-binder .tab-content-2 h2{
  color: #fff;   
	font-size: 17px;
	float: left;
	display: inline-block;
	border: 2px solid #ff6c00;
	width: 100%;  
	margin-top: 5px;
	margin-bottom: 15px;
	text-align: left;
	padding: 10px;
	font-weight: 500;
    display: none;
}


.tab-content-2 a{
	width: 48%; 
	display: inline-block;
	padding: 5px 10px; 
	text-align: center; 
	position: relative; 
    border-radius: 10px; 
    margin: -5px 3% 3% 0; 
}

.tab-content-2 a span{
  color: #fff;  
    color: #B6B6CC;
	font-size: 23px;
	float: left;
	display: inline-block;
	width: 100%;
	text-align: center; 
	padding:12px 6px;
	margin-top: 10px;
	margin-bottom: 20px;
	transition: transform .5s;
}



.tabs-stonecarpet .tab-content-2 a span{
  color: #fff;  
    color: #1A1A24;
    color: #B6B6CC;
    font-weight: 600;
	font-size: 18px; 
	display: inline-block;
	width:100%;
	text-align: center; 
	padding:0 0 10px 0 ;   
	border-radius: 18px; 
	z-index: 101; 
    position: absolute;
left: 0; 
top: 0;
}

.tab-content-2 a img{
	width: 100%; 
	display: inline-block;
	transition: transform .5s;
	transform: scale(0.85); 
}

.tab-content-2 a:hover img{
	transform: scale(0.98);
}

.tab-content-2 a:hover span{
	color:#ff6c00;
}

.tabs-stonecarpet .tab-content-2 a:hover span{
	color:#ff6c00;
}


.tabs-stonecarpet .tab-content-2 a{
	width: 49%; 
	display: inline-block;
	padding: 0 10px; 
	text-align: center;  
    position: relative;
    margin-bottom: 25px;
}

.tabs-stonecarpet .tab-content-2 a img{
	width:252px; 
	display: inline-block;
	transition: transform .5s;
	transform: scale(0.8);
    margin:34px auto 0 auto;
}

.tabs-stonecarpet .tab-content-2 a:hover img{
	transform: scale(0.97); 
}

.tabs-stonecarpet .tab_chemicals_lo a img{
	width:292px; 
	display: inline-block;
	transition: transform .5s;
	transform: scale(0.81);
    margin:34px auto 0 auto;
}

.tabs-stonecarpet .tab_chemicals_lo a:hover img{
 
} 


.tabs-binder .tab-content-2 a{
	width: 48%; 
	display: inline-block;
	padding: 0; 
	text-align: center; 
    margin: 0;
}














.tabs-company {
    width:25%; 
	float: right;
    margin-right: 20px;
} 

.tabs-company ul.tabsnav-2 {
    list-style: none;
    margin: 0;
    padding: 5px;
    overflow: auto;
    width: 100%;
}


ul.tabsnav-2 li {
    font-weight: 400;
    margin-right: 2px;
    padding: 11px 10px;
    cursor: pointer;
    display: block;
    position: relative;
    font-size: 16px;
    border-bottom: 1px solid #2E2E38;
    text-align: left;
    border-left: 6px solid #1a1a24;
    line-height: 1.5;
    color: #fff;
}


.tabs-company ul.tabsnav-2 li span {
    color: #fff;
    cursor: pointer;
    float: left;
    display: inline-block;
    font-size: 15px; 
    position: absolute;
    top: 17px;
    left: 32px;
    transform: rotate(180deg);
    transition: 0.2s all ease-in;
}


.tabs-company ul.tabsnav-2 li:hover span{
    color: #fff;
    cursor: pointer;
    float: right;
    display: inline-block;
    padding: 5px;
    font-size: 23px;
    top: 7px;
    left: 13px;
    transform: rotate(180deg) scale(1.2);
    animation: animate-arrow-2 1s ease-in-out infinite 0.2s;
}



.dropdown-content a.menu_banner_link {
  width: 42%;
	float: right;
	display: inline-block;
	font-size: 0; 
    border-radius: 12px;
    overflow: hidden; 
}

.dropdown-content a.menu_banner_link img{
  width: 100%;
	float: left;
	display: inline-block;
	font-size: 0
}



.dropdown-content-left-company {
    float: right;
    display: inline-block;
    width: 30%;
    padding: 2% 4% 0 1%; 
}




.swiper-slide img { 
        max-width: 100%;
        max-height: 100%; 
         
      }





 



 





.index_slide {
	width: 100%;
	float: left;
	display: inline-block;
	overflow: hidden; 
}



.swiper-slide {
	/*width: 100%;*/
	float: left;
	display: inline-block;
	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}


.sw_bg_color_1 { background-color: #FF736A; }
.sw_bg_color_2 { background-color: #9C82D4; }
.sw_bg_color_3 { background-color: #87D3F2; }
.sw_bg_color_4 { background-color: #57E188; }
.sw_bg_color_5 { background-color: #FF9B31; }
.sw_bg_color_6 { background-color: #FF474A; }

.sw_bg_color_i {
    background: linear-gradient(to bottom, rgba(26,26,36,0.3), rgba(26,26,36,1));  
}



.swiper-wrapper-c .swiper-slidex {
	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
 
.swiper-slidex:hover {    
    background: linear-gradient(to bottom, rgba(26,26,36,1), rgba(26,26,36,0.3)); 
}



.swiper-slide .loadimg{
    width: 100%; 
	float: left;
	display: inline-block;
	
} 







.swiper-slide img{
	width: 100%;
	float: left;
	display: inline-block;
	
} 

.swiper-slidex img {
	transition: transform .5s;
	transform: scale(0.82);
}

.swiper-slidex img:hover {
 
}


 .swiper-slide img.chemicalimg{ 
	display: none;
	
} 

 

.sli_h_2 {  
    font-size: 38px;
    font-weight: 300;
    letter-spacing: -0.5px;
    text-align: left;
    color: #FF6C00;
    color: #B6B6CC;  
    padding:10px 0 30px 0; 
    max-width: 90%;
	margin: 0 auto;
	display:  block;  
    position: relative;
}

.swiper-wrapper-c {
	padding: 0 0;
	height: 300px; 
}

.swiper-wrapper-c .swiper-slide{ 
	cursor:move;
}




.sw-slid-text { 
	float: left;
	display: inline-block;
	width: 100%;
	height:auto; 
	color: #B6B6CC;
	font-size: 17px;
	padding: 10px 20px;
	line-height: 1.5;
    text-align: center;
}



 

.sw-slid-text h3 {
	width: 100%;
	display: inline-block;
	font-weight: 900;
	color: #B6B6CC;
	text-align: center;
	font-size: 19px;
}

.sw-slid-text span {
	width: 100%;
	display: inline-block;
	font-weight: 400;
	color:rgba(182,182,204,0.61);
	text-align: center;
	font-size: 15px;
}

.sw-slid-text b{
	width: auto;
	display: inline-block;
	font-weight: 400;
	color:rgba(182,182,204,0.61);
	text-align: center;
	font-size: 16px;
}

.sw-slid-text .b_w{
	width: 100%;
	display: inline-block;
	font-weight: 500;
	color:rgba(182,182,204,0.61);
	text-align: center; 
}

.sw-slid-text .b_w b{
	width: auto;
	display: inline-block;
	font-weight: 400;
	color:rgba(182,182,204,0.61);
	text-align: center;
	font-size: 16px;
}

 

.sw-slid-text a.sli_more{
	width: auto;
	display: inline-block;
	font-weight: 500;
	color:rgba(182,182,204,0.51);
	text-align: center; 
	padding: 4px 14px;
	border-radius: 25px; 
	font-size: 15px;
	margin: 11px 0 6px 0;
	-webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    border: 1px solid rgba(182,182,204,0.51);
}

.sw-slid-text a.sli_more:hover{
	color: #fff; 
	background-color: #FF6C00;
    border: 1px solid #FF6C00;
}




 




.mySwipercv { 
	height:640px;
    border-radius: 20px;
    overflow: hidden;
}

.mySwipercv img{ 
    width: 100%;
}

 
@media all and (max-width: 1400px) {
    
.mySwipercv { 
	height: 500px; 
}

}

@media all and (max-width: 1100px) {
    
.mySwipercv { 
	height: 450px; 
}

}


@media all and (max-width: 1000px) {
    
.mySwipercv { 
	height: 410px; 
} 
    
}

@media all and (max-width: 900px) {
    
.mySwipercv { 
	height: 390px; 
} 
    
}


@media all and (max-width: 850px) {
    
.mySwipercv { 
	height: 350px; 
} 
    
}








#mySwiperc #tabs-content .tab-contentimg.a_slide_web {
    display: block;  
}


#mySwiperc #tabs-content .tab-content img.a_slide_mbl {
    display: none; 
    width: 100%;
    float: left;
}

@media (max-width: 771px) {
    
#mySwiperc #tabs-content .tab-content img {
    height: 100%;
}
    
}


@media all and (max-width: 741px) {
    
    
#mySwiperc #tabs-content .tab-content img.a_slide_web {
    display: none;  
}

#mySwiperc #tabs-content .tab-content img.a_slide_mbl {
    display: block;  
}
    
.mySwipercv { 
	height: 400px; 
} 

}















		
		.swiper-slidevc {
			text-decoration: none;
			width: 25%;
			height:600px;
			float: left;
			display: inline-block;  
			color: #fff;
			font-size: 14px;
			background-color: rgba(0,0,0,0.36);  
			 box-sizing: border-box; 
			padding: 0;
			z-index: 10099;
			overflow: hidden;
			
		}
		
		
		.swiper-slidevc:hover { 
			background-color: rgba(0,0,0,0.56);  
			
		}
		
		
		
		a .slide_tabtextc {
			height: 80px; 
			transition-delay: 0s;
			transition-duration: 0.4s;
			bottom: 0;
			position: absolute;
			text-align: left;
			padding: 15px;  
		}
		
		a .slide_tabtextc h2 {
            width: auto;
            display: inline-block;
			padding:10px 0;
			font-weight: 400;
			font-size: 22px; 
            margin-bottom: 25px;
		}

		a .slide_tabtextc p {
			padding-bottom: 15px;
			font-weight: 400;
			font-size: 16px;
            color: #fff;
            line-height: 1.5;
		}
		
		a:hover .slide_tabtextc {
			bottom: -110px;
			position: absolute;
			height: 210px; 
			transform: translateY(-15px);
			-webkit-transform: translateY(-15px);   
		}

        a:hover .slide_tabtextc h2 {
            color: #FF6C00;
            font-weight: 700;
		}
		
		
		#tabs-content{
			width : 100%;
			height: 100%;
			float: left;
			display: block;
			overflow: hidden; 
			z-index: 0;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}
		
		#tabs-content .tab-content{
			width : 100%; 
			float: left;
			display: none;
			overflow: hidden;  
		}

        #tabs-content .tab-content b.b_title{
			width :44px;
            height: 44px;
            text-align: center;
			float: left; 
            z-index: 10111;
            font-size: 28px;
            color:rgba(46,46,56,0.92);
            display: inline-block;
            background-color: rgba(182,182,204,0.6);
            padding:6px 0 0 0;
            top: 20px;
            left: 20px;
            position: absolute;
            border-radius:100%;
            border: 2px solid rgba(46,46,56,0.92);
            opacity: 1;
		}
		
		#tabs-content .active {
			width : 100%; 
			float: left;
			display: block;
			overflow: hidden;  
		}
		
		#tabs-content .tab-content img{
			width : 100%; 
			float: left;
			display: block;
			overflow: hidden; 
			font-size: 0;
		}
		



.subscribe-box-container {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 0 20px; 
}

.subscribe-box-container .subscribe-box {
    float: left;
    display: inline-block;
    width: 100%;  
    border-radius: 20px;
    padding:35px 20px; 
    background-color:#FFE600; 
    box-shadow: #1A1A24 0px 13px 27px -5px, #1A1A24 0px 8px 16px -8px;
}


.subscribe-box-container .subscribe-box h3 {
    float: right;
    display: inline-block;
    width: 66%;
    font-size: 27px;
    font-weight: 400;
    color: #1A1A24;
    line-height: 1.6;
    letter-spacing: -0.3px;
}


.subscribe-box-container .subscribe-box .subscribe-form {
    float: left;
    display: inline-block;
    width: 33%;
    height: 47px;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid #1A1A24;
    background: none;
}



.subscribe-box-container .subscribe-box form.subscribe-form input[type=text] {
  padding: 10px;
  font-size: 18px;
  border:none;
  float: left;
  width: 100%;
 background: none;
    color: #1A1A24;
    
    padding-right: 70px;
    z-index: 100; 
}


.subscribe-box-container .subscribe-box form.subscribe-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1A1A24;
  opacity: 1; /* Firefox */
}

.subscribe-box-container .subscribe-box form.subscribe-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1A1A24;
}

.subscribe-box-container .subscribe-box form.subscribe-form ::-ms-input-placeholder { /* Microsoft Edge */
  color: #1A1A24;
}
 

.subscribe-box-container .subscribe-box form.subscribe-form button {
  
    position: absolute;
    right: -2px;
    top: -1px;
  cursor: pointer;
    outline: none;
  display: block;
  width: 45px;
  height: 45px;
  background:none;
  border:none;
  color: #1A1A24; 
}

span.icon-direction { 
  cursor: pointer;
    outline: none;
    float: left;
    display: inline-block;
  display: block;  
  font-size: 29px;
  font-weight: 500; 
    transform: rotate(19deg); 
    transition: transform 0.7s;
}


.subscribe-box-container .subscribe-box form.subscribe-form button:hover span.icon-direction{ 
   
    transform: scale(1.2);
    transform: rotate(379deg); 
}




.sending_box {
    float: right;
    display: none;
    width: 33%;
    height: 47px;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-color: #FFCE00; 
}

.sending_box .send_text_1, .sending_box .send_text_2 {
    float: right;
    display: none;
    font-size: 20px;
    color: #1A1A24;
    font-weight: 400;
    text-align: right; 
    padding: 14px 11px 0 0; 
}



/* lineup class and keyframes */
.lineUp {
  animation: 2s anim-lineUp ease-out;
}
@keyframes anim-lineUp {
  0% {
    opacity: 0;
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
    transform: translateY(50%);
  }
  50% {
    opacity: 0.7;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

 
.sending_box .checkmark__circle {
    
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke: #1A1A24;
  fill: none;
  animation: stroke 5.2s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.sending_box .checkmark {
      margin: 3px 5px 0 0;
    position: relative;
    z-index: 1011; 
  width: 36px;
  height: 36px;
    overflow: hidden;
  border-radius: 50%;
  display: block;
    float: right;
  stroke-width: 4;
  stroke: #1A1A24; 
  stroke-miterlimit: 10; 
  
  animation: fill 5s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.sending_box .checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.8s cubic-bezier(0.65, 0, 0.45, 1) 5s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes fill {
  100% {
    
  }
}














#send_message_box {
	height: 100%;
	width: 100%; 
	position: fixed;
	z-index: 14001;
	top:0;
	left: 0;
	color:#fff; 
	overflow-y: auto;
    background-color: rgba(26,26,36,0.98);
	display: none;
	padding: 15px;
	
} 


#send_message_box .icon-close {
	font-size: 24px;
	color: #1A1A24;
	font-weight: 300;
	position: absolute; 
	left: 0px;
	top: 0px;
	cursor: pointer;
	outline: none; 
	padding:0; 
    width: 36px;
    height: 36px;
    padding-top: 7px;
    border-radius: 100%; 
    background-color: #B6B6CC;   
} 


#send_message_box .icon-close:hover {  
	background-color: #FF6B00; 
    color: #1A1A24; 
}


#send_message_box .centered_message { 
  width: 60%;
  height: 450px;
	z-index: 10105;
  float: left;
  display: inline-block;
  text-align: center;
  line-height:1.6;
  font-size: 17px;
  font-weight: 500;
  color: rgba(182,182,204,1);  
	position: absolute;
    top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */ 
    transform: translate(-50%, -50%);
	
 
}



#send_message_box .centered_message h6{ 
  width: 100%;
	float: right;
	display: inline-block;
	text-align: right;
	font-weight: 600;
	font-size: 35px;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: -1px; 
    color: rgba(182,182,204,1);
}
 

#send_message_box .message_form_b  {
  width:100%;
  float: left;
  display: inline-block;
  text-align: left;
  margin-top: 5px;
	padding: 10px;
}


#send_message_box .message_form_b label{
  width:auto;
  float: right;
  display: inline-block;
  font-size: 15px;
  text-align: right;
  font-weight: 400; 
	color: rgba(182,182,204,0.50);
	margin-bottom: 3px; 
    letter-spacing: 0;
}
 
#send_message_box .message_form_b input, 
.message_form_bm select, 
.message_form_b textarea {
    border: none;
  width: 100%;
  padding:4px 4px; 
	background: none;
  border-bottom: rgba(182,182,204,0.15) 1px solid;  
  box-sizing: border-box;
  margin-top: 3px;
  margin-bottom: 5px;
  resize: vertical;
  text-align: right;
  font-size: 18px;
	color: rgba(182,182,204,1);
    font-weight: 500; 
}

#send_message_box .message_form_b input[type=submit] {
  background-color:rgba(182,182,204,1);
  color:#1A1A24;
  padding: 9px 15px; 
  cursor: pointer;
  width: 100px;
  text-align: center;
  font-size: 15px; 
	border: none;
    border-radius: 10px;
    float: right;
}

#send_message_box .message_form_b input[type=submit]:hover {
  background-color: #439809;
  color: #fff;
}


 


#send_message_box .sending_box_2 { 
    display: none;
    width: 100%;
    text-align: center;
    height: 81px;
    font-size: 22px;
    font-weight: 400;
    color: #FF6B00; 
    border-radius: 10px;
    overflow: hidden;  
    position: absolute;
    top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */ 
    transform: translate(-50%, -50%); 
}

#send_message_box .sending_box_2 .send_text_1, #send_message_box .sending_box_2 .send_text_2 {
    width: 100%;
    text-align: center;
    display: none;
    font-size: 18px;
    color: #B6B6CC;
    font-weight: 500; 
    padding: 8px 0 0 0; 
}



/* lineup class and keyframes */
#send_message_box .lineUp {
  animation: 2s anim-lineUp ease-out;
}
@keyframes anim-lineUp {
  0% {
    opacity: 0;
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
    transform: translateY(50%);
  }
  50% {
    opacity: 0.7;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

 
#send_message_box .sending_box_2 .checkmark__circlec {
    
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke: #FF6B00;
  fill: none;
  animation: stroke 5.2s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

#send_message_box .sending_box_2 .checkmarkc {
      margin: 3px auto;
    position: relative;
    z-index: 1011; 
  width: 36px;
  height: 36px;
    overflow: hidden;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #FF6B00; 
  stroke-miterlimit: 10; 
  
  animation: fill 5s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

#send_message_box .sending_box_2 .checkmark__checkc {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.8s cubic-bezier(0.65, 0, 0.45, 1) 5s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes fill {
  100% {
    
  }
}




















































#send_offer_box {
	height: 100%;
	width: 100%; 
	position:relative;
    float: left;
	z-index: 14001;
	top:15px;
	left: 0;
	color:#fff;   
	display: none;
	padding: 15px; 
	
} 


#send_offer_box .icon-close {
	font-size: 24px;
	color: #1A1A24;
	font-weight: 300;
	position: absolute; 
	left: 0px;
	top: 20px;
	cursor: pointer;
	outline: none; 
	padding:0; 
    width: 36px;
    height: 36px;
    padding-top: 7px;
    border-radius: 100%; 
    background-color: #B6B6CC;   
} 


#send_offer_box .icon-close:hover {  
	background-color: #FF6B00; 
    color: #1A1A24; 
}


#send_offer_box .centered_message { 
  width: 95%;
  height:100%;
	z-index: 10105;
  float: left;
  display: inline-block;
  text-align: center;
  line-height:1.6;
  font-size: 17px;
  font-weight: 500; 
  color: rgba(182,182,204,1); 
	
 
}



#send_offer_box .centered_message h6{ 
  width: 100%;
	float: right;
	display: inline-block;
	text-align: right;
	font-weight: 600;
	font-size: 23px; 
	margin-bottom: -1px;  
}

#send_offer_box .centered_message h6 span{ 
  width: auto;
	float: right;
	display: inline-block;
	text-align: right;
	font-weight: 500;
	font-size: 20px;
	padding-left: 10px;
	padding-top: 6px; 
    color: rgba(182,182,204,1);
}

#send_offer_box .centered_message h6 b.offer_nox{ 
  width: auto;
	float: right;
	display: none;
	text-align: right;
	font-weight: 500; 
    
    padding: 4px 8px;
    margin-top: 3px;
    border-radius: 10px;
    font-size: 15px; 
    color:#B6B6CC;
    margin-left: 20px;
    border: 2px solid #B6B6CC;
}
 
 

#send_offer_box .message_form_b  {
  width:100%;
  float: right;
  display: inline-block;
  text-align: right;
  margin-top: 5px;
	padding: 10px;
}


#send_offer_box .message_form_b label{
  width:auto;
  float: right;
  display: inline-block;
  font-size: 15px;
  text-align: right;
  font-weight: 400; 
	color: rgba(182,182,204,0.50);
	margin-bottom: 3px; 
    letter-spacing: 0;
}
 
#send_offer_box .message_form_b input, 
#send_offer_box .message_form_bm select, 
#send_offer_box .message_form_b textarea {
    border: none;
  width: 100%;
  padding:3px 4px; 
	background: none;
  border-bottom: rgba(182,182,204,0.15) 1px solid;  
  box-sizing: border-box;
  margin-top: 3px;
  margin-bottom: 4px;
  resize: vertical;
  text-align: right;
  font-size: 17px;
	color: rgba(182,182,204,1);
    font-weight: 500; 
}

#send_offer_box .message_form_b input[type=submit] {
  background-color:rgba(182,182,204,1);
  color:#1A1A24;
  padding: 9px 15px; 
  cursor: pointer;
  width: 100px;
  text-align: center;
  font-size: 15px; 
	border: none;
    border-radius: 10px;
}

#send_offer_box .message_form_b input[type=submit]:hover {
  background-color: #439809;
  color: #fff;
}


 


#send_offer_box .sending_box_2 { 
    display: none;
    width: 100%;
    text-align: center;
    height: 81px;
    font-size: 22px;
    font-weight: 400;
    color: #FF6B00; 
    border-radius: 10px;
    overflow: hidden;  
    position: relative; 
    margin: 50px auto 15px auto;
}

#send_offer_box .sending_box_2 .send_text_1, #send_offer_box .sending_box_2 .send_text_2 {
    width: 100%;
    text-align: center;
    display: none;
    font-size: 18px;
    color: #B6B6CC;
    font-weight: 500; 
    padding: 8px 0 0 0; 
}



/* lineup class and keyframes */
#send_offer_box .lineUp {
  animation: 2s anim-lineUp ease-out;
}
@keyframes anim-lineUp {
  0% {
    opacity: 0;
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
    transform: translateY(50%);
  }
  50% {
    opacity: 0.7;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

 
#send_offer_box .sending_box_2 .checkmark__circlec {
    
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke: #FF6B00;
  fill: none;
  animation: stroke 5.2s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

#send_offer_box .sending_box_2 .checkmarkc {
      margin: 3px auto;
    position: relative;
    z-index: 1011; 
  width: 36px;
  height: 36px;
    overflow: hidden;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #FF6B00; 
  stroke-miterlimit: 10; 
  
  animation: fill 5s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

#send_offer_box .sending_box_2 .checkmark__checkc {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.8s cubic-bezier(0.65, 0, 0.45, 1) 5s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes fill {
  100% {
    
  }
}






 















 

.swiper-slide-bags {
    width: 100%;
    display: flex;
    align-items: stretch;
    padding: 0;  
}

.swiper-slide-bags a{
    width: 100%;
    position: relative;  
    text-align: center;
    background: rgba(182,182,204,0.05);
    background: rgb(46,46,56);
background: linear-gradient(180deg, rgba(46,46,56,0.2) 50%, rgba(120, 120, 149,0.30) 100%); 
    padding: 15px 0;
} 

.swiper-slide-bags a:hover{
    width: 100%;
    position: relative;  
    text-align: center;
    background: rgba(182,182,204,0.05);
    background: rgb(46,46,56);
background: linear-gradient(180deg, rgba(120, 120, 149,0.05) 50%, rgba(120, 120, 149,0.50) 100%); 
    padding: 15px 0;
} 

.swiper-slide-bags a b{
    position: relative;
    width:100%;
    display:inline-block;  
    margin: 0 auto;
    font-size: 21px;
    letter-spacing: -0.6px;
    color:rgba(182,182,204,0.91); 
    font-weight: 600; 
    margin-top: 8px;
    text-align: center;  
}

.swiper-slide-bags a img{
    width: 100%;  
}  
	
 
	

.banner-box-container .banner-box .text-explain{ 
    width: 100%;
    float: left;
    display: inline-block; 
    position: relative;
    line-height: 1.1;
}

.banner-box-container .banner-box .text-explain a{ 
    width: 100%;
    float: left;
    display: inline-block; 
} 

.banner-box-container .banner-box .text-explain a h4{ 
    width: 100%;
    float: left;
    display: inline-block;
    color: #B6B6CC;
    font-size: 20px;
    text-align: left;
    font-weight: 400;
    padding:15px 0 0 0;
}

.banner-box-container .banner-box .text-explain a:hover h4{ 
    color: #FF6B00;
    text-decoration: underline;
}

.banner-box-container .banner-box .text-explain-p { 
    padding: 15px 0;
}

.banner-box-container .banner-box .text-explain-p p{ 
    color: #B6B6CC;
    font-size: 15px;
    text-align: left;
    font-weight: 400; 
}






 

 
 














 



.flex-container {
    width: 100%;
    display: flex; 
  align-items: center;
    justify-content: center;
    padding: 10px ;
}

.flex-container .video_box {  
  margin:0 25px;
    flex-grow: 1;
    width: 50%;
    overflow: hidden;
    border-radius: 20px;
}

.flex-container .video_box_radius_none {   
    border-radius:0;
    margin:0 25px;
    flex-grow: 1;
}

.flex-container .video_box video {  
  width: 100%;
}


.flex-container .video_box .video-text {  
  width: 100%;
    font-size: 20px;
    color: #fff; 
    
}



.flex-container .video_box .video-text h3{  
  width: 100%;
    font-size: 28px;
    font-weight: 600;
    text-align: left;
    color: #fff; 
    margin-bottom: 20px;
    
}

.flex-container .video_box .video-text p{  
  width: 100%;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    color: #fff; 
    margin-bottom: 5px;
    
}


 
.flex-container .video_box .video-text .v-c-explore{
    float: left;
    display: inline-block;
    width: auto;
    font-size: 16px;
    padding: 10px 16px;
    border-radius: 25px;
    background-color: #1A1A24;
    color: #fff;
    margin-top: 20px;
    transition: all 0.5s ease;
}

.flex-container .video_box .video-text .v-c-explore:hover{ 
    background-color: #ff6c00; 
}



















.flex-container .image_box {   
    flex-grow: 1;
    width: 50%;
    overflow: hidden;
    border-radius: 20px;
}


 

.flex-container .image_box_radius_none {   
    border-radius:0;
    margin:0 25px;
    flex-grow: 1;
}

.flex-container .image_box img {  
  width: 100%;
}


.flex-container .image_box .image-text {  
  width: 100%;
    font-size: 20px;
    color: #fff; 
    
}



.flex-container .image_box .image-text h3{  
  width: 100%;
    font-size: 28px;
    font-weight: 600;
    text-align: left;
    color: #fff; 
    margin-bottom: 20px;
    
}

.flex-container .image_box .image-text p{  
  width: 100%;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    color: #fff; 
    margin-bottom: 20px;
    
}


 
.flex-container .image_box .image-text .v-c-explore{
    float: left;
    display: inline-block;
    width: auto;
    font-size: 16px;
    padding: 10px 16px;
    border-radius: 25px;
    background-color: #1A1A24;
    color: #fff;
    margin-top: 30px;
    transition: all 0.5s ease;
}

.flex-container .image_box .image-text .v-c-explore:hover{ 
    background-color: #ff6c00; 
}








.flex-container-relative {
    position: relative;
    margin-bottom: 35px;
}


.flex-container .image_box_large {  
  margin:0 25px;
    flex-grow: 1;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
    
}






.flex-container .image_box_large_banner {   
    width:auto; 
    position: absolute; 
    padding: 20px;
    left: 2%;
    bottom: 6%;
}


.flex-container .image_box_large_banner .image-text h3{    
    font-size: 45px; 
    padding-bottom: 0;
    font-weight: 900;
    letter-spacing: -0.59px;
    color: #1A1A24;
    text-shadow: 0 0 4px #B6B6CC;
}

 
.flex-container .image_box_large_banner .image-text .v-c-explore {    
    margin-top: 0;
}



.flex-container-100  {  
  margin-left: 0;
    margin-right: 0;
    border-radius:0;
    padding: 0;
}

.flex-container .image_box_large_100 {  
  margin-left: 0;
    margin-right: 0;
    border-radius:0; 
}

 











/* center the blockquote in the page */
.blockquote-wrapper {
   display: flex;
    width: 100%;
   height: auto;
   padding: 0 25px;
}

/* Blockquote main style */
.blockquote {
    position: relative; 
    font-weight: 800;
    color: #FF6B00;
    padding: 0;
    width: 100%; 
    z-index: 1;
    margin: 0 auto;
    text-align: center;
    align-self: center;
    
     
}

/* Blockquote header */
.blockquote h3 {
    position: relative;
    color: #B6B6CC;
    font-size: 30px;
    font-weight: 600; 
    margin: 0;
    padding-bottom: 20px;
    background: url("../images/line_1.png") no-repeat center bottom;
}

 
 

/* Blockquote subheader */
.blockquote h4 {
    position: relative;
    color: #B6B6CC;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.4;
    margin: 0;
    padding-top: 15px;
    z-index: 1;
}



/* Blockquote subheader */
.blockquote-2 h5 {
    position: relative;
    color:rgba(182,182,204,0.51);
    font-size: 22px;
    font-weight: 400;
    font-weight: normal;
    line-height: 1.4;
    margin: 0;
    padding-top: 15px;
    z-index: 1;
}

/* Blockquote subheader */
.blockquote-2 h5 span { 
    color:rgba(182,182,204,0.61); 
    font-weight: 800;
    display: inline-block;
}










/* center the blockquote in the page */
.blockquote-wrapper-2 {
    display: flex;
    width: 100%;
   height: auto;
   padding: 0 25px;
}

/* Blockquote main style */
.blockquote-2 {
     position: relative; 
    font-weight: 800;
    color: #FF6B00;
    padding: 10px 0;
    width: 100%; 
    z-index: 1;
    margin: 0  auto;
    text-align: center;
    align-self: center;
}

/* Blockquote header */
.blockquote-2 h1 { 
    position: relative; /* for pseudos */
    color: rgba(182,182,204,0.91);
    font-weight: 400;
    font-size: 33px; 
    line-height: 1;
    margin: 0;
    border: 2px solid #fff;
    border: solid 2px rgba(182,182,204,0.21);
    border-radius:20px;
    padding: 25px;
}

.blockquote-2 h1 b{ 
    position: relative; 
    font-weight: 800; 
}

.blockquote-2 h1 b.b_or{  
    color:#FF6C00; 
}

/* Blockquote right double quotes */
.blockquote-2 h1:after {
    content:"";
    position: absolute;
    border: 2px solid rgba(182,182,204,0.21);
    border-radius: 0 50px 0 0;
    width: 40px;
    height: 40px;
    bottom: -40px;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 3; 
}

.blockquote-2 h1:before {
    content:"";
    position: absolute;
    width: 80px;
    border: 6px solid #2E2E38;
    bottom: -3px;
    left: 50px;
    z-index: 2;
}

.blockquote-2 span {
    color: rgba(182,182,204,0.51);
    font-weight: 300;
}

 

/* Blockquote subheader */
.blockquote-2 h4 {
    position: relative;
    color: #B6B6CC;
    opacity: 0.4;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 auto; 
    padding-top: 15px;
    z-index: 0; 
}

.blockquote-2 h4 em{
    padding-left: 10px;
    padding-right: 10px;
}

 
.blockquote-2 h4:first-letter {
  margin-left:-12px;
}
















 






.wrap_bg_white {
    background-color: #ffffff;
}


 






































 .social-buttons {
    width: 100%;
    display: flex; 
  align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 10px 20px; 
     height:110px;
     position: relative;
     z-index: 9;
     
}


 .social-buttons-contact {
    width: auto;
     float: right;
    display: flex; 
  align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 10px 0; 
     height:110px;
     position: relative;
     z-index: 9;
     
}

 .social-buttons a{
    align-items: center;justify-content: center;
  display: flex;
     width: 46px;
     height: 46px;
     border-radius: 100%;
     background-color: #B6B6CC;
     text-align: center;
     font-weight: 600;
     font-size: 25px;
     color: #1A1A24;
     margin: 0 5px;
     /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #B6B6CC 50%, #FF6B00 50%) right;
    background-size: 200%;
    transition: .3s ease-out; 
	transform: rotate(360deg);
     position: relative;
     
}


 .social-buttons a:hover{
    background-position: left;
     transform: rotate(360deg);
}




 .social-buttons a:hover strong {
opacity: 1;
filter: alpha(opacity=100);
top:-62px;
left:-24px;
z-index: 99;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}



 .social-buttons a strong {
	background: none repeat scroll 0 0 #1A1A24; /*-- some basic styling */
	color: #B6B6CC; 
	font-size: 15px;
     letter-spacing: -0.5px;
	font-weight: 500;
	line-height: 1.5em;
	padding: 8px 9px;
	min-width: 140px;
     top:-82px;
left:-24px;
	margin-left: 0;	
	/*-- set opacity to 0 otherwise our animations won't work */
	opacity: 0;
	filter: alpha(opacity=0);  	
	position: absolute;
	text-align: center;	
	z-index: 99;
	text-transform: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease-in-out;
     border-radius: 10px;
}



 .social-buttons a strong.follow_large { 
	min-width: 220px; 
}

 .social-buttons a strong:after {
	border-color: #1A1A24 rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 15px 15px 0;
	bottom: -15px;
	content: "";
	display: block;
	left: 31px;
	position: absolute;
	width: 0;
}










.footer-box {
    width: 100%;
    display: flex; 
  
    flex-wrap: nowrap;
    justify-content: center;
    padding: 10px 20px;
    align-self:flex-start;
}



.subscribe-box-container .subscribe-box-order {
     align-items: center;
  display: flex;
  justify-content: space-between;
    width: 100%; 
    border:2px solid #1A1A24;
    border-radius: 20px;
    padding:35px 20px;
    margin-top: 25px;
    margin-bottom: 35px;
    background-color:#B6B6CC; 
}


.subscribe-box-container .subscribe-box-order .now-order{
    
    display: flex;
  align-items: center; 
    width: auto;
    font-size: 18px;
    padding: 13px 22px;
    border-radius: 25px;
    background-color: #1A1A24;
    color: #fff; 
    transition: all 0.5s ease;
    
}

.subscribe-box-container .subscribe-box-order .now-order:hover{ 
    background-color: #ff6c00; 
}






 
  






.footer-menu-box {
    width: 25%;
    height:auto;
    margin: 20px 20px 50px 20px; 
    position: relative;
     
     
}

.footer-menu-box-2 {
    width: 62%; 
    position: relative;
    display: inline-block; 
}

 
 

 








.footer-menu-box h5 {  
    text-align: right;  
    position: absolute;
    display: inline-block;
    z-index: 10005; 
     width:auto;
    margin:auto; 
    top: 0; 
    right:0; 
    writing-mode: tb-rl; 
    transform: rotate(-180deg); 
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg); 
    padding: 2px; 
}



.footer-menu-box h5 strong{ 
    font-size:42px;
    letter-spacing: -0.1px;
    font-weight: 900; 
    text-align: center; 
    color: rgba(182,182,204,0.26); 
    
    position: relative;
    display: inline-block;
    z-index: 10005; 
    width: auto;
    margin:auto; 
    right:3%;  
    /*background-color: rgba(26,26,36,0.51);
    border: 2px solid rgba(182,182,204,0.51);
    color: rgba(182,182,204,0.91);
    padding: 30px 10px 30px 14px;
    border-radius: 50px;*/ 
    background-color:  rgba(26,26,36,1); 
    padding: 32px 11px 32px 16px;
    border-radius: 50px; 
    box-shadow: rgba(26,26,36, 0.25) 0px 0.0625em 0.0625em, rgba(26,26,36, 0.25) 0px 0.125em 0.5em, rgba(26,26,36, 0.1) 0px 0px 0px 1px inset;
}





 

.footer-menu-box ul{
    width: 80%; 
    float: right;
    display: inline-block;
    position: relative; 
    margin-right: 83px;
    padding-right: 10px; 
}


.footer-menu-box ul.f_ul_2{
    width: 40%; 
    float: right;
    display: inline-block;
    position: relative;  
    margin-right: 83px;
    padding-right: 10px;
}

.footer-menu-box ul.f_ul_3{ 
    margin-right: 25px; 
}

 

.footer-menu-box ul li{
    width: 100%; 
    float: right;
    display: inline-block;
    margin-bottom: 5px;
}





.footer-menu-box ul li a{
    width: 100%; 
    float: right;
    display: inline-block;
    padding: 7px 0 7px 0; 
    font-size: 14px;
    color:rgba(182,182,204,0.61);
    text-align: right;
}

.line_kp {
    height: 1px;  
    margin: 10px 0 20px 0;
    display: inline-block;
    position: relative;
    background-color: rgba(182,182,204,0.21);
}


.footer-menu-box ul li a b{
    width: 100%; 
    float: right;
    display: inline-block;
    padding: 7px 0 0 25px; 
    font-size: 13px;
    color:rgba(182,182,204,0.31);
    text-align: right; 
}


.footer-menu-box ul li h6.no_link{
    width: 100%; 
    float: right;
    display: inline-block;
    font-weight: 700;
    padding: 25px 0 8px 0; 
    font-size: 20px;
    color:rgba(182,182,204,0.98);
    text-align: right;
    border-radius: 15px; 
}

 

.footer-menu-box ul li h6{
    width: 100%; 
    float: right;
    display: inline-block;
    font-weight: 600;
    padding: 10px 10px 10px 20px; 
    font-size: 19px;
    color:#B6B6CC;
    text-align: right;
    border-radius: 15px;
    background-color: rgba(182,182,204,0.05); 
}

.footer-menu-box ul li a span{
    width: 20px; 
    float: right;
    display: inline-block; 
    font-size: 11px;
    color: rgba(182,182,204,0.12);
    text-align: rotate(180deg);
    padding-top: 2px; 
}


.footer-menu-box ul li h6.no_link span{
    width: 20px; 
    float: right;
    display: inline-block; 
    font-size: 14px; 
    text-align: right;
    padding-top: 4px;
    color:rgba(182,182,204,0.22);
}

 

.footer-menu-box ul li a:hover{
    width: 100%; 
    float: right;
    display: inline-block;  
    font-weight: 400;
    color: #B6B6CC;
    text-align: right;
}

 

.footer-menu-box ul li h6 a:hover{
    width: 100%; 
    float: right;
    display: inline-block;   
    font-size: 19px;
    font-weight: 600;
    color: #B6B6CC;
    text-align: right;
}

.footer-menu-box ul li a:hover span{ 
    color: #FF6B00; 
}







.contact_footer_box {
    width: 100%; 
    float: right;
    display: inline-block;  
    margin-top: 10px;
    padding:10px;
    
    background-color:  rgba(26,26,36,1);  
    border-radius: 10px; 
    box-shadow: rgba(26,26,36, 0.25) 0px 0.0625em 0.0625em, rgba(26,26,36, 0.25) 0px 0.125em 0.5em, rgba(26,26,36, 0.1) 0px 0px 0px 1px inset;
}


.contact_footer_row {
    width: 100%; 
    float: left;
    display: inline-block;
    font-weight: 400; 
    font-size: 14px;
    color:rgba(182,182,204,0.71);
    text-align: right;
    line-height: 1.6; 
    margin-bottom: 7px;
}

.contact_footer_row:last-child {
    margin-bottom:0;
}

.contact_footer_row span{
    width: auto; 
    height: auto;
    padding-top:0;
    padding-left: 10px;
    float: right;
    display: inline-block;
    font-weight: 400; 
    font-size: 20px;
    color:rgba(182,182,204,0.21);
    text-align: left; 
}




.copyright_box_center  {
    width: 100%;  
    display:  inline-block;
    padding: 10px 25px;  
}

.copyright_box  {
    width: 100%;  
    display:  inline-block;
    font-weight: 400; 
    font-size: 14px; 
    text-align: center; 
    margin: 0 auto; 
    padding:10px 25px; 
    position: relative;  
    border-top: 1px solid rgba(182,182,204,0.08);
}

.copyright_box  span{
    width: 100%;  
    display:  inline-block; 
    float: left;
    line-height: 1.6; 
    color: rgba(182,182,204,0.91);
}

.copyright_box  img.netherlands_flagline{
    width: 220px;  
    display:  inline-block; 
    text-align: center;  
    padding:0;
    margin: 10px auto;
    position: relative;
    border:1px solid #1A1A24;  
}


.copyright_box  .netherlands_flagline{
  width: 144px;
    height: 8px;
    margin: 0 auto;
  display: inline-block;
    margin-top: 7px;
    overflow: hidden;
    border: 1px solid #2E2E38;
}

.copyright_box  .netherlands_flagline .flag_color{
  width: 47px;
    height: 8px;
  float: left;
  display: inline-block;  
}

.copyright_box .netherlands_flagline .flag_color_a{ background-color: #C8102E; }
.copyright_box .netherlands_flagline .flag_color_b{ background-color: #FFFFFF; }
.copyright_box .netherlands_flagline .flag_color_c{ background-color: #003DA5; }






.subfloor {
    position: absolute;
    display: block;
    width: 300px;
    height: 450px;
    background-color: #fc0;
    left: 200px;
    top: 40px;
    z-index: 10999;
}

.subfloor-2 {
    position: absolute;
    display: block;
    width: 300px;
    height: 450px;
    background-color: #f00;
    left: 260px;
    top: 70px;
    z-index: 10999;
}

.subfloor-3 {
    position: absolute;
    display: block;
    width: 300px;
    height: 450px;
    background-color: #fc0;
    left: 320px;
    top: 90px;
    z-index: 10999;
}

img.cube_stonecarpet {
    width: 300px;
    height: 450px; 
    display: block;
    z-index: 10999;
    position: relative;
}












h1.page_title_normal {
    width: 100%;
    float: left;
    display: inline-block;
    font-size: 38px;
    font-weight: 400;
    letter-spacing: -0.5px;
    text-align: left;
    color: #FF6C00;
    color: #B6B6CC; 
    padding: 25px 25px;
    margin-top: 50px;
}













.progress_box {
    width: 85%; 
    display: block; 
    position: relative;
    margin: 15px auto 0 auto;
}

 .node_box {
    width: 100%;
    float: left;
    display: inline-block; 
    height: 50px;
     position: absolute;
     top: 5px;
}

 
.node_text {
    width: 180px;
    height: auto; 
    display: inline-block; 
     color: #B6B6CC;
     font-size: 16px; 
     text-align: center;
     font-weight: 500; 
     position: absolute;
     top: -36px;
    line-height: 1.3;
}

 .node_box .node_text_1{
     left: 0%;
     margin-left: -60px;
     top: -10px;
}

 .node_box .node_text_2{
     left: 31.333333%;
     margin-left: -85px; 
     padding-top:3px; 
     width: 218px;
     height: 60px;
     top:-35px;
}

 .node_box .node_text_3{
     left: 64.666666%;
     margin-left: -65px;
     top: -10px;
}

 .node_box .node_text_4{
     right: -4.4%;
     margin-left: -65px;
     top: -10px;
}


 .node_box .node{
    width: 50px;
    height: 50px;
    float: left;
    display: inline-block;
    background-color:#B6B6CC;
     color: #1A1A24;
     font-size: 35px;
     padding-top: 4px;
     text-align: center;
     font-weight: 900;
     border-radius: 100%;
     border: 2px solid #1A1A24;
     position: absolute;
     top: 17px;
    
}

 .node_box .node_dark{  
     color: #fff; 
     border: 2px solid #1A1A24; 
     background: rgb(55,55,71);
background: radial-gradient(circle, rgba(55,55,71,1) 0%, rgba(26,26,36,1) 57%);
}

 .node_box .node_1{
     left: 0%;
}

 .node_box .node_2{
     left: 31.333333%;
}

 .node_box .node_3{
     left: 64.666666%;
}

 .node_box .node_4{
     right: 0;
}

.progress {
    width: 99%;
    
    display: inline-block;
    overflow: hidden;
    height: auto;
    border: 2px solid #1A1A24;
    border-radius: 25px;
    margin-top: 36px;
    background-color: #E8E8F3;
 
}




.progress .bar {
    float: left;display: inline-block;
    width: 0px;
height: 18px;
background-color: rgba(255, 108, 0,0.91);
background-image: -webkit-linear-gradient(right, rgba(255, 108, 0,0.91), rgba(255, 62, 0,0.94));
  background-image: -moz-linear-gradient(right, rgba(255, 108, 0,0.91), rgba(255, 62, 0,0.94));
  background-image: -o-linear-gradient(right, rgba(255, 108, 0,0.91), rgba(255, 62, 0,0.94));
  background-image: linear-gradient(to right, rgba(255, 108, 0,0.91), rgba(255, 62, 0,0.94));
-webkit-transition: 1s linear;
  -moz-transition: 1s linear;
  -o-transition: 1s linear;
  transition: 1s linear;
  -webkit-transition-property: width, background-color;
  -moz-transition-property: width, background-color;
  -o-transition-property: width, background-color;
  transition-property: width, background-color;
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
}


.progress .bar-1 {
width: 0%; 
}

.progress .bar-2 {
width: 33.333333%; 
}


.progress .bar-3 {
width: 66.666666%; 
}

.progress .bar-4 {
    -webkit-transition: 4s linear;
  -moz-transition: 4s linear;
  -o-transition: 4s linear;
  transition: 4s linear;
width: 100%; 
}







 

.calculate_system {
    max-width:1440px;  
    display: block;
    
    padding:15px;
    position: relative;
    margin: auto;
    z-index: 10520; 
    background-color:#2E2E38; 
    overflow: hidden;
}

.calculate_system .calculate_system_overflow {
    width: 100%;
    height: 100%; 
    padding-top:15px;
    float: left;
    position: relative;   
    font-size: 20px;
    color: #000;
    padding-bottom: 20px;
}


.calculate_system .left_calculate_system {
    width: 55%;
    height: 100%;
    float: left;
    display: inline-block; 
    position: relative;
    
}



.calculate_system .calculate_system_left{
    width: 100%;
    min-height: 160px;
    float: left;
    display: inline-block; 
    margin-top: 35px;
    padding: 0 10px 60px 0; 
    position: relative; 
}

.calculate_system .calculate_system_left .form_bottom_buttons {
    position: absolute;
    display: block;
    width: 98%;
    height: auto; 
    left: 1%;
    right: 1%;
    bottom: 1%;
    padding: 5px 20px;
}

.consumption_submit {
    position: absolute;
    display: block;
    width: 158px;
    height: 54px; 
    cursor: pointer;
    outline: none;
    background-size: 39px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.2px;
    color: #B6B6CC;
    border: none;
    background-color: rgba(204,161,67,0.49);
    top: 0;
    right: 0;
    opacity: 0;
}

.calculate_system .calculate_system_left .form_bottom_buttons span.left_form_btn{
    width: 160px;
    display: none;
    position: absolute;
    left: 0;
    bottom: 1px;
    font-size: 17px;
    color: #B6B6CC; 
    text-align: left;
    background-color: #1A1A24;
    border-radius: 15px;
    padding: 6px 8px;
    cursor: pointer;
    outline: none;
}

.calculate_system .calculate_system_left .form_bottom_buttons span.right_form_btn{
    width: auto;
    display: none;
    position: absolute;
    right: 0; 
    bottom: 1px;
    font-size: 17px;
    color: #B6B6CC; 
    text-align: right;
    background-color: #1A1A24;
    border-radius: 15px;
    padding: 6px 8px;
    cursor: pointer;
    outline: none;
}

.calculate_system .calculate_system_left .form_bottom_buttons span.right_form_btn strong{ 
    display: inline-block;
    float: left;
}

.calculate_system .calculate_system_left .form_bottom_buttons span.right_form_btn span{ 
    display: inline-block;
    float: right;
}

 


.calculate_system .calculate_system_left .form_bottom_buttons span.left_form_active{  
    display: inline-block;
}

.calculate_system .calculate_system_left .form_bottom_buttons span.right_form,
.calculate_system .calculate_system_left .form_bottom_buttons span.right_form_1,
.calculate_system .calculate_system_left .form_bottom_buttons span.right_form_2,
.calculate_system .calculate_system_left .form_bottom_buttons span.right_form_3,
.calculate_system .calculate_system_left .form_bottom_buttons span.right_form_4{  
    right: 0;  
     color: #B6B6CC; 
    display: none;
    text-align: right;
}

.calculate_system .calculate_system_right .form_bottom_buttons span strong{  
    font-size: 15px;
    display: inline-block;
    float: right;
    
}

.calculate_system .calculate_system_left .form_bottom_buttons span strong{  
    font-size: 15px;
    display: inline-block;
    float: left;
}


.calculate_system .calculate_system_right .form_bottom_buttons span span.icon-chevron-thin-right{  
    font-size: 15px;
    display: inline-block;
    float: right;
}

.calculate_system .calculate_system_left .form_bottom_buttons span span.icon-chevron-thin-left{  
    font-size: 15px;
    display: inline-block;
    float: left;
}

.calculate_system .calculate_system_left .form_bottom_buttons span.right_form_4{ 
    width: 303px; 
}

.calculate_system .calculate_system_left .form_bottom_buttons span.right_form_active{  
    display: inline-block;
}

 


.calculate_system .calculate_system_right{
   width: 100%; 
    min-height:60px; 
    display:inline-block;
    position: relative; 
    margin:15px 0 0 0;
    padding: 10px 0 0 0;
    overflow: hidden; 
     
    border-top: 1px solid #B6B6CC;
    clear: right;
}

.calculate_system .calculate_system_right #consumption_preview{
   width: 100%; 
    float: left;
    display:inline-block;
    
}

.calculate_system .calculate_system_right  h3{
    width: 100%; 
    position: relative;
    float: left;
    display: inline-block;  
    margin: 0px 0 15px 0; 
    padding: 4px 0;
    
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    color: #FF6C00;
}

.calculate_system .calculate_system_right  h3 b{
    width: auto;  
    float: left;
    display: inline-block;  
    
    font-weight: 700;
    font-size: 17px;
    text-align: left;
    color: #FF6C00;
    margin-top: 7px;
}


.line_only {
    display: none;
    float: left;
    width: 100%;
    border-top: 1px solid #1A1A24;
    height: 2px;
}

.calculate_system .calculate_system_right .selection_a_class{
    width: auto; 
    height: 26px;
    float: right;
    display:none; 
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    color: #B6B6CC;
    margin:0 0 0 0; 
    padding:  0;
    transition:0.2s all ease-in;
    position: relative; 
}


.calculate_system .calculate_system_right .selection_a_class .write_1{
    width: auto;  
    display: inline-block; 
    font-weight: 600;
    font-size: 18px;
    letter-spacing: -0.3px;
    padding: 4px 7px;
    text-align: left;
    color: #fff;
    margin:0 0 15px 6px;
    background-color: #FF6C00;
    border-radius: 10px;
}


.calculate_system .calculate_system_right .selection_b_class,
.calculate_system .calculate_system_right .app_thick_write,
.calculate_system .calculate_system_right .selection_bb_class,
.calculate_system .calculate_system_right .app_thick_write_2{
    width: auto; 
    height: 49px;
    float: left;
    display:none; 
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    color: #B6B6CC;
    margin:0 20px 0 0; 
    padding:  10px;
    transition:0.2s all ease-in;
    position: relative; 
}

.calculate_system .calculate_system_right .selection_a_class strong b, 
.calculate_system .calculate_system_right .selection_b_class strong b,
.calculate_system .calculate_system_right .app_thick_write strong b,
.calculate_system .calculate_system_right .selection_bb_class strong b,
.calculate_system .calculate_system_right .app_thick_write_2 strong b{
    float: left;
    display: inline-block; 
    font-weight: 600;
    margin-right: 18px;
    margin-top: 0px;
    font-size: 16px;
    letter-spacing: -0.2px;
    border-radius: 7px;
    background-color: #1A1A24;
    text-align: center;
    padding: 7px 10px 0 10px;
    width: auto;
    height: 30px;
    color: #B6B6CC;
}



.calculate_system .calculate_system_right .selection_b_class .write_2{
    width: auto;  
    display: inline-block; 
    font-weight: 800;
    font-size: 20px;
    letter-spacing: -0.3px;
    padding: 5px 10px;
    text-align: left;
    color: #fff;
    margin-bottom: 15px;
    background-color: #FF6C00;
    border-radius: 10px;
}

.calculate_system .calculate_system_right .selection_bb_class .write_2_2{
    width: auto;  
    display: inline-block; 
    font-weight: 800;
    font-size: 20px;
    letter-spacing: -0.3px;
    padding: 5px 10px;
    text-align: left;
    color: #fff;
    margin-bottom: 15px;
    background-color: #FF6C00;
    border-radius: 10px;
}


.calculate_system .calculate_system_right .selection_b_class .write_cq{
    width: auto;  
    display: none; 
    font-weight: 800;
    font-size: 20px;
    letter-spacing: -0.3px;
    padding: 5px 10px;
    text-align: left;
    color: #fff;
    margin-bottom: 15px;
    background-color: #FF6C00;
    border-radius: 10px;
}


 

.app_thick_write_active, .app_thick_write_2_active {
    display: block; 
}


.app_thick_write .app_thick_mm, .app_thick_write_2 .app_thick_mm_2{
    width: auto;  
    display: inline-block; 
    font-weight: 800;
    font-size: 20px;
    letter-spacing: -0.3px;
    padding: 5px 10px;
    text-align: left;
    color: #fff;
    margin-bottom: 15px;
    background-color: #FF6C00;
    border-radius: 10px;
}

.app_thick_write b, .app_thick_write_2 b{ 
    display: inline-block;  
}


















.area_preview {
    position: relative;
    float: right;
    display: inline-block; 
    width: 44%; 
    min-height: 370px;
    
    
    overflow: hidden;
     
    margin:35px 0 0 0;
    padding:0 15px 15px 30px; 
     
    border-left: 1px solid #B6B6CC;
    
    
} 


.area_preview h5{
    width: 100%;
    float: left;
    display: inline-block; 
    margin:0 0 15px 0;
    padding: 4px 0;
    font-weight: 600;
    font-size: 17px;
    text-align: left;
    color: #FF6C00;
}


.area_picture_container {
    position: relative;
    float: left;
    display: none; 
    width: 100%;  
    height:326px;
    letter-spacing: -0.4px;
    padding: 10px 2px 2px 30px;    
}


.area_picture_container_wall {
    position: relative;
    float: left;
    display: inline-block; 
    width: 100%;  
    height:326px;
    letter-spacing: -0.4px;
    padding: 10px 2px 15px 30px; 
}
 

.area_picture_container .area_picture_box, .area_picture_container_wall .area_picture_box{
    position: absolute; 
    display: block; 
    border-radius: 8px; 
    width: 160px;
    height: 220px;
    left: 0;
    top: 0;
    z-index: 10001;
    -webkit-box-shadow: -10px 10px 14px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: -10px 10px 14px -10px rgba(0,0,0,0.75);
    box-shadow: -10px 10px 14px -10px rgba(0,0,0,0.75);
    /*border: 1px solid rgba(26,26,36,0.51);*/ 
    background-color:rgba(255,255,255,0.51);  
    overflow: hidden;   
}


.area_picture_container .concrete_c img, .area_picture_container_wall .concrete_c_2_2 img{ 
    width: 100%; 
} 

.area_picture_container .area_picture_box img, .area_picture_container_wall .area_picture_box img{
    float: left;
    display: inline-block;
    font-size: 0;
    width: 100%;
    overflow: hidden;
}

 

.area_picture_container .concrete_a{ 
    left: -15px;
    top: 0;
    z-index: 10002;
    display: none;
    overflow: hidden;
}



 





 







 











.area_picture_container  .g_yaz{ 
    display: block; 
    position: absolute;
    left: 460px;
    top: 140px;
    padding: 7px 2px;
    width:158px;
    font-size: 15px;
    font-weight: 600;
    height:auto;
    background-color: #f00;
    color: #B6B6CC;
    text-align: center;
    border-radius: 7px;
    z-index: 10103;
    opacity: 0;
}






/*----------------FLOOR CONCRETE----------------*/

.area_picture_container span.open_text_1{ 
    display: block; 
    position: absolute;
    left: 180px;
    top: 0;
    padding: 7px 2px;
    width:auto;
    font-size: 15px;
    font-weight: 600;
    height:auto; 
    color: #fff;
    text-align: center; 
    z-index: 10103;
    opacity: 0; 
    background-color: #2E2E38;
}

 
.swidth {
    display:none;
}

.swidth::before {
    content: "";
    position: absolute;
    left: 200px;
    top: 14px;
    width: 0;
    height: 1px;
    background: transparent;
    border: 1px solid transparent;
    z-index: 10102;
    background-color: #fff;
    animation: heighta 0.8s linear forwards;
    transform: rotate(-180deg);
}
 
 
 
@keyframes heighta {
    0% {
        width: 0;
        height: 0; 
        border-color: #fff; transform: rotate(-180deg);
    } 
 
    100% {
        width: 30px;
        height: 1px; 
        left: 150px;
        border-color: #fff; transform: rotate(-180deg);  
    }
}





 




/*----------------PRIMER----------------*/


.area_picture_container .concrete_b{ 
    left: 0;
    top: 40px;
    z-index: 10003;
    display: none;
    overflow: hidden; 
    -webkit-animation: primerx 0.1s linear forwards;
    animation: primerx 0.1s linear forwards;
    background-color:rgba(237, 200, 83,1.00);
}

@-webkit-keyframes primerx {
    100% { left: 26px;}
}

@keyframes wallconc {
    100% { left: 26px;}
}


.area_picture_container span.open_text_primer{ 
    display: block; 
    position: absolute;
    left: 220px;
    top: 40px;
    padding: 7px 2px;
    width:auto;
    font-size: 15px;
    font-weight: 600;
    height:auto; 
    color: #fff;
    text-align: center; 
    z-index: 10103;
    opacity: 0; 
    background-color: #2E2E38;
}




.swidth-primer {
    display:none;
}

.swidth-primer::before {
    content: "";
    position: absolute;
    left: 220px;
    top: 54px;
    width: 0;
    height: 1px;
    background: transparent;
    border: 1px solid transparent;
    z-index: 10102;
    background-color: #fff;
    animation: primerbn 0.8s linear forwards;
    transform: rotate(-180deg);
}
 
 
 
@keyframes primerbn {
    0% {
        width: 0;
        height: 0; 
        border-color: #fff; transform: rotate(-180deg);
    } 
 
    100% {
        width: 30px;
        height: 1px; 
        left: 190px;
        border-color: #fff; transform: rotate(-180deg);  
    }
}
 





/*----------------STONE GRANULE----------------*/


.area_picture_container .concrete_c{  
    left: 0;
    top: 80px;
    z-index: 10005;
    display: none;
    overflow: hidden; 
    -webkit-animation: stonegranule 0.1s linear forwards;
    animation: stonegranule 0.1s linear forwards;
    background-color: rgba(185, 151, 240, 0.71);
}

@-webkit-keyframes stonegranule {
    100% { left: 70px;}
}

@keyframes stonegranule {
    100% { left: 70px;}
}


.area_picture_container span.open_text_2{ 
    display: block; 
    position: absolute;
    left: 265px;
    top: 80px;
    padding: 7px 2px;
    width:auto;
    font-size: 15px;
    font-weight: 600;
    height:auto; 
    color: #fff;
    text-align: center; 
    z-index: 10103;
    opacity: 0; 
    background-color: #2E2E38;
}




.swidth-2 {
    display:none;
}

.swidth-2::before {
    content: "";
    position: absolute;
    left: 280px;
    top: 94px;
    width: 0;
    height: 1px;
    background: transparent;
    border: 1px solid transparent;
    z-index: 10102;
    background-color: #fff;
    animation: granulebn 0.8s linear forwards;
    transform: rotate(-180deg);
}
 
 
 
@keyframes granulebn {
    0% {
        width: 0;
        height: 0; 
        border-color: #fff; transform: rotate(-180deg);
    } 
 
    100% {
        width: 30px;
        height: 1px; 
        left: 235px;
        border-color: #fff; transform: rotate(-180deg);  
    }
}
 






/*----------------GARDENDEC----------------*/


.area_picture_container .concrete_c_2{  
    left: 0;
    top: 80px;
    z-index: 10004;
    display: none;
    overflow: hidden; 
    -webkit-animation: stonegranule 0.1s linear forwards;
    animation: stonegranule 0.1s linear forwards;
    background-color:rgba(57, 204, 234,1); 
}

@-webkit-keyframes stonegranule {
    100% { left: 70px;}
}

@keyframes stonegranule {
    100% { left: 70px;}
}


.area_picture_container span.open_text_gardendec{ 
    display: block; 
    position: absolute;
    left: 265px;
    top: 120px;
    padding: 7px 2px;
    width:auto;
    font-size: 15px;
    font-weight: 600;
    height:auto; 
    color: #fff;
    text-align: center; 
    z-index: 10103;
    opacity: 0; 
    background-color: #2E2E38;
}


.swidth-gardendec-2 {
    display:none;
} 

.swidth-gardendec-2::before {
    content: "";
    position: absolute;
    left: 280px;
    top: 134px;
    width: 0;
    height: 1px;
    background: transparent;
    border: 1px solid transparent;
    z-index: 10102;
    background-color: #fff;
    animation: gardendecbn 0.8s linear forwards;
    transform: rotate(-180deg);
}
 
 
 
@keyframes gardendecbn {
    0% {
        width: 0;
        height: 0; 
        border-color: #fff; transform: rotate(-180deg);
    } 
 
    100% {
        width: 30px;
        height: 1px; 
        left: 235px;
        border-color: #fff; transform: rotate(-180deg);  
    }
}


 


/*----------------PORE FILLER----------------*/


.area_picture_container .concrete_pore{  
    left: 0;
    top: 80px;
    z-index: 10006;
    display: none;
    overflow: hidden; 
    -webkit-animation: porefillerlk 0.1s linear forwards;
    animation: porefillerlk 0.1s linear forwards; 
    background-color: rgba(255,255,255,0.15);
}

@-webkit-keyframes porefillerlk {
    100% { left: 70px;}
}

@keyframes porefillerlk {
    100% { left: 70px;}
}


.area_picture_container span.open_text_porefiller{ 
    display: block; 
    position: absolute;
    left: 265px;
    top: 161px;
    padding: 7px 2px;
    width:auto;
    font-size: 15px;
    font-weight: 600;
    height:auto; 
    color: #fff;
    text-align: center; 
    z-index: 10103;
    opacity: 0; 
    background-color: #2E2E38;
}


.swidth-porefiller {
    display:none;
} 

.swidth-porefiller::before {
    content: "";
    position: absolute;
    left: 280px;
    top: 175px;
    width: 0;
    height: 1px;
    background: transparent;
    border: 1px solid transparent;
    z-index: 10102;
    background-color: #fff;
    animation: porefillerbn 0.8s linear forwards;
    transform: rotate(-180deg);
}
 
 
 
@keyframes porefillerbn {
    0% {
        width: 0;
        height: 0; 
        border-color: #fff; transform: rotate(-180deg);
    } 
 
    100% {
        width: 30px;
        height: 1px; 
        left: 235px;
        border-color: #fff; transform: rotate(-180deg);  
    }
}












 /*----------------WALL CONCRETE----------------*/



.area_picture_container_wall .concrete_aa{ 
    left: -15px;
    top: 0;
    z-index: 10002;
    display: none;
    overflow: hidden;
}



.open_text_1_w{ 
    display: block; 
    position: absolute;
    left: 180px;
    top: 0;
    padding: 7px 2px;
    width:auto;
    font-size: 15px;
    font-weight: 600;
    height:auto; 
    color: #fff;
    text-align: center; 
    z-index: 10103;
    opacity: 0; 
    background-color: #2E2E38;
}

 

.swidth_w {
    display:none;
}


.swidth_w::before {
    content: "";
    position: absolute;
    left: 200px;
    top: 14px;
    width: 0;
    height: 1px;
    background: transparent;
    border: 1px solid transparent;
    z-index: 10102;
    background-color: #fff;
    animation: waheighta 0.8s linear forwards;
    transform: rotate(-180deg);
}
 
 
 
@keyframes waheighta {
    0% {
        width: 0;
        height: 0; 
        border-color: #fff; transform: rotate(-180deg);
    } 
 
    100% {
        width: 30px;
        height: 1px; 
        left: 150px;
        border-color: #fff; transform: rotate(-180deg);  
    }
}



/*---------------------- XXXXXXXXXXXXXXXX ---------------------------*/






/*---------------- WALL SURFACE ----------------*/


.area_picture_container_wall .concrete_c_2_2{ 
    left: 0;
    top: 40px;
    z-index: 10003;
    display: none;
    overflow: hidden; 
    -webkit-animation: cwallsurf 0.1s linear forwards;
    animation: cwallsurf 0.1s linear forwards;
    background-color:rgba(237, 200, 83,1.00);
}

@-webkit-keyframes cwallsurf {
    100% { left: 26px;}
}

@keyframes cwallsurf {
    100% { left: 26px;}
}


 .open_text_wall_binder_1{ 
    display: block; 
    position: absolute;
    left: 220px;
    top: 40px;
    padding: 7px 2px;
    width:auto;
    font-size: 15px;
    font-weight: 600;
    height:auto; 
    color: #fff;
    text-align: center; 
    z-index: 10103;
    opacity: 0; 
    background-color: #2E2E38;
}




.swidth_wall_binder_1 {
    display:none;
}

.swidth_wall_binder_1::before {
    content: "";
    position: absolute;
    left: 220px;
    top: 54px;
    width: 0;
    height: 1px;
    background: transparent;
    border: 1px solid transparent;
    z-index: 10102;
    background-color: #fff;
    animation: wallsurfacebn 0.8s linear forwards;
    transform: rotate(-180deg);
}
 
 
 
@keyframes wallsurfacebn {
    0% {
        width: 0;
        height: 0; 
        border-color: #fff; transform: rotate(-180deg);
    } 
 
    100% {
        width: 30px;
        height: 1px; 
        left: 190px;
        border-color: #fff; transform: rotate(-180deg);  
    }
}




/*--------------------------- XXXXXXXXXXXXXXXXX -----------------------*/

 
 









/*--------------------------- WALL GRANULE -----------------------*/


.area_picture_container_wall .concrete_w_grnl{  
    left: 0;
    top: 80px;
    z-index: 10005;
    display: none;
    overflow: hidden; 
    -webkit-animation: wallstonegranule 0.1s linear forwards;
    animation: wallstonegranule 0.1s linear forwards;
    background-color: rgba(185, 151, 240, 0.71);
}

@-webkit-keyframes wallstonegranule {
    100% { left: 70px;}
}

@keyframes wallstonegranule {
    100% { left: 70px;}
}


.open_text_wall_granule{ 
    display: block; 
    position: absolute;
    left: 265px;
    top: 80px;
    padding: 7px 2px;
    width:auto;
    font-size: 15px;
    font-weight: 600;
    height:auto; 
    color: #fff;
    text-align: center; 
    z-index: 10103;
    opacity: 0; 
    background-color: #2E2E38;
}




.swidth_wall_granule {
    display:none;
}

.swidth_wall_granule::before {
    content: "";
    position: absolute;
    left: 280px;
    top: 94px;
    width: 0;
    height: 1px;
    background: transparent;
    border: 1px solid transparent;
    z-index: 10102;
    background-color: #fff;
    animation: wllgranulebn 0.8s linear forwards;
    transform: rotate(-180deg);
}
 
 
 
@keyframes wllgranulebn {
    0% {
        width: 0;
        height: 0; 
        border-color: #fff; transform: rotate(-180deg);
    } 
 
    100% {
        width: 30px;
        height: 1px; 
        left: 235px;
        border-color: #fff; transform: rotate(-180deg);  
    }
}
 


/*------------------ XXXXXXXXXXXXXXX -----------------------*/











/*--------------------------- WALL GRANULE + BINDER MIX -----------------------*/


/*----------------GARDENDEC----------------*/


.area_picture_container_wall .concrete_c_2_2_1{  
    left: 0;
    top: 80px;
    z-index: 10004;
    display: none;
    overflow: hidden; 
    -webkit-animation: walloutbndr 0.1s linear forwards;
    animation: walloutbndr 0.1s linear forwards;
    background-color:rgba(57, 204, 234,1); 
}

@-webkit-keyframes walloutbndr {
    100% { left: 70px;}
}

@keyframes walloutbndr {
    100% { left: 70px;}
}


.open_text_wall_binder_2{ 
    display: block; 
    position: absolute;
    left: 265px;
    top: 120px;
    padding: 7px 2px;
    width:auto;
    font-size: 15px;
    font-weight: 600;
    height:auto; 
    color: #fff;
    text-align: center; 
    z-index: 10103;
    opacity: 0; 
    background-color: #2E2E38;
}


.swidth_wall_binder_2 {
    display:none;
} 

.swidth_wall_binder_2::before {
    content: "";
    position: absolute;
    left: 280px;
    top: 134px;
    width: 0;
    height: 1px;
    background: transparent;
    border: 1px solid transparent;
    z-index: 10102;
    background-color: #fff;
    animation: wallbndrbm 0.8s linear forwards;
    transform: rotate(-180deg);
}
 
 
 
@keyframes wallbndrbm {
    0% {
        width: 0;
        height: 0; 
        border-color: #fff; transform: rotate(-180deg);
    } 
 
    100% {
        width: 30px;
        height: 1px; 
        left: 235px;
        border-color: #fff; transform: rotate(-180deg);  
    }
}



/*------------------ XXXXXXXXXXXXXXX -----------------------*/



 






 





 






 
 


 











 












 



 

.calculate_system .calculate_system_left .check_row{
    width: 100%; 
    float: left;
    height: auto;
    display: inline-block; 
    transition: height 0.15s ease-out;
}

.calculate_system .calculate_system_left .check_row_b{
    width: 100%; 
    float: left;
    display: none; 
}


.calculate_system .calculate_system_left .check_row h2{
    width: 100%; 
    float: left;
    display: inline-block; 
    font-weight: 600;
    font-size: 17px;
    text-align: left;
    color: #FF6C00;
    margin-bottom: 15px; 
    letter-spacing: -0.3px; 
    position: relative;
}







 











.calculate_system .calculate_system_left .check_row h2 .h_2_t_sp{
    width:auto; 
    float: left;
    display: inline-block; 
    margin-top: 4px;
    margin-right: 15px;
}

.calculate_system .calculate_system_left .check_row h2 strong{
    width:auto; 
    float: left;
    display: inline-block; 
    margin-top: 4px;
    margin-right: 15px;
    color: #B6B6CC;
    font-size: 16px;
}

 

.calculate_system .calculate_system_left .check_row .thick_explain{
    width:100%; 
    float: left;
    display: inline-block; 
    text-align: left;
    color: #787895;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.3px;
    margin-top: -7px;
    padding: 0 0 12px 0;
    line-height: 1.2;
}

.calculate_system .calculate_system_left .check_row .thick_explain b{ 
    display: inline-block;  
    color: #B6B6CC;
    font-weight: 800;
    font-size: 16px; 
}




.calculate_system label.checkbox_a_1{
  position: relative;
  width:auto;
  height: 30px; 
  display: inline-block;
    float: left;
    margin-right: 5px; 
    overflow: hidden; 
}

 

.calculate_system label.checkbox_a_1 input {
    display: none;
    position: relative;
    z-index: -9999;
}


.calculate_system label.checkbox_a_1 strong {
    width:auto;
    height: 30px;
	padding:7px 10px;  
    display: inline-block;
	float: left;
    background: #1A1A24; 
	cursor:pointer;
	outline:none;
    font-size: 18px;
    letter-spacing: -0.2px;
    font-weight: 600;
    border-radius: 25px;
    color: #B6B6CC; 
    
    
    
}

.calculate_system label.checkbox_a_1 strong span {
   font-size:0;
    float: left;
    display: inline-block;
    width: 0px; 
    padding: 0;
    transition:0.2s all ease-in;
    animation: animate-arrow-2 2s ease-in-out infinite 0.2s;
}

.calculate_system label.checkbox_a_1 strong b {
   font-size: 15px;
    float: left;
    display: inline-block;
    letter-spacing: -0.4px;
}

.calculate_system label.checkbox_a_1 input:checked + strong {
    background: #FF6C00;
	color: #fff;
	 cursor:pointer;
	outline:none;
	border: 1px solid #FF6C00;
    height: 30px;
    overflow: hidden;
    
}

.calculate_system label.checkbox_a_1 input:checked + strong span{
    font-size: 16px;
    font-weight: 300;
     width: 18px;
    height: 15px;
    display: inline-block;
    margin-top: -1px;
    margin-bottom: -3px;
}

.granule_code {
    font-size: 0px;
    text-align: right;
    display: inline-block;
    visibility: hidden;
    float: right;
    background-color: #1A1A24;
    color: #fff;
    padding: 0;
    border-radius: 12px;
    margin:0;
    width: 0px;
    height: 0px;
}

.granule_code_active {
    font-size: 15px;
    font-weight: 400;
    text-align: right;
    display: inline-block;
    visibility: visible;
    float: right;
    background-color: #1A1A24;
    color: #fff;
    padding: 4px 11px;
    border-radius: 15px;
    margin: -4px -8px 0 6px;
    width: auto;
    height: auto;
}










.calculate_system .floor_squaremeter{
  position: relative;
  width:48%;
  height:auto; 
  display: inline-block;
    float: left;
    padding-right: 1%;
    border-right: 1px dashed #B6B6CC;
}

.calculate_system .wall_squaremeter{
  position: relative;
  width:48%;
  height:auto; 
  display: inline-block;
    float: right; 
    padding-left: 1%;
}




.calculate_system label.squaremeter{
  position: relative;
  width:auto;
  height:auto; 
  display: inline-block;
    float: left; 
}
 


.calculate_system label.squaremeter .sm_input, .calculate_system label.squaremeter .sm_wall_input{
  position: relative;
  width:160px;
    padding: 6px 15px;
  height:auto; 
  display: inline-block;
    float: left;
    border: 2px solid #B6B6CC;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    color: #B6B6CC;
    background-color: #2E2E38;
    border-radius: 25px;
    margin-left: 7px;
}

 

.calculate_system label.squaremeter span{
  position: relative;
  width:auto;
    padding:10px 2px 5px 6px;
  height:auto; 
  display: inline-block;
    float: left;
    font-weight: 600;
    border:none;
    font-size: 19px;
    text-align: left;
    color: #B6B6CC; 
}

.calculate_system label.squaremeter span.squaremeter_title{ 
    font-weight: 700; 
    font-size: 20px; 
    color: #FF6C00;
}


 


#errmsg, #errmsg_2{
  margin-top:4px;
  color:#FFD320;
  padding:4px;
  display:none;
  width: 220px;
    position: absolute;
    top: 40px;
    left: 40px;
    font-size: 13px; 
    font-weight: 600;
    text-align: right;  
}

#errmsg_2{ 
    left: 41px; 
}


#errmsg_a, #errmsg_b{
  margin-top:4px;
  color:#FFD320;
  padding:4px;
  display:none;
  width: 180px;
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 12px; 
    font-weight: 500;
    text-align: right;  
}






















.calculate_system .calculate_system_left .check_row h2.h_2_2{ 
    margin-top: 25px;
}

.calculate_system label.checkbox_thickness_1, .calculate_system label.checkbox_thickness_2{
  position: relative;
  width:50px;
  height: 50px; 
  display: inline-block;
    float: left;
    margin-right: 5px;
    margin-bottom: 6px;
}

 

.calculate_system label.checkbox_thickness_1 input, .calculate_system label.checkbox_thickness_2 input {
    display: none;
    position: relative;
    z-index: -9999;
}


.calculate_system label.checkbox_thickness_1 strong.cheselect_thickness, .calculate_system label.checkbox_thickness_2 strong.cheselect_thickness_bw {
     
    width:49px;
  height: 49px;
    overflow: hidden;
    border-radius: 100%;
	padding-top: 5px;;  
    display: inline-block;
	float: left;
    text-align: center;
    border: 2px solid #B6B6CC;
	cursor:pointer;
	outline:none; 
    letter-spacing: -0.2px;
    font-weight: 600 ;
    color: #B6B6CC;
}

 

.calculate_system label.checkbox_thickness_1 strong.cheselect_thickness b, .calculate_system label.checkbox_thickness_2 strong.cheselect_thickness_bw b {
    width: 100%;
    text-align: center;
   font-size: 21px; 
    float: left;
    display: inline-block;
    font-weight: 400;
}

.calculate_system label.checkbox_thickness_1 strong.cheselect_thickness b div.mm_light, .calculate_system label.checkbox_thickness_2 strong.cheselect_thickness_bw b div.mm_light {
    width: 100%;
    text-align: center;
   font-size: 14px; 
    font-weight: 400;
    margin-top: -3px;
    float: left;
    display: inline-block;
}

.calculate_system label.checkbox_thickness_1 input:checked + strong.cheselect_thickness, .calculate_system label.checkbox_thickness_2 input:checked + strong.cheselect_thickness_bw {
    background: #1A1A24;
    border: 2px solid #1A1A24;
	color: #B6B6CC;
	 cursor:pointer;
	outline:none; 
}

.calculate_system label.checkbox_thickness_1 input:checked + strong.cheselect_thickness b, .calculate_system label.checkbox_thickness_2 input:checked + strong.cheselect_thickness_bw b{
    font-weight: 800;
}

.calculate_system label.checkbox_thickness_1 input:checked + strong.cheselect_thickness_none, .calculate_system label.checkbox_thickness_2 input:checked + strong.cheselect_thickness_bw_none {
    background: #f00;
    border: 2px solid #1A1A24;
	color: #fff;
	 cursor:pointer;
	outline:none; 
}

 














 








 
.product_row {
    width: 100%;
    float: left;
    display: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
    
}

.product_row_1 {
    width: 100%;
    float: left;
    display: inline-block; 
    border-top: 1px solid rgba(182,182,204,0.51);
    border-bottom: 1px solid rgba(182,182,204,0.51);
    padding: 5px 0 6px 0;
}


.product_row_1_bottom_none {
    border-bottom: none;
}













  








  



.loader_spin_box {
    width: 100%;
    height: 220px;  
    border-radius: 50%;
    display: none;
    float: left;
    position: relative; 
    padding: 15px 0;
    }





.loader_spin {
    width: 48px;
    height: 48px;
    border: 4px solid #FF6C00;
    border-bottom-color: #1A1A24;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 






.chemical_description {
    width: 100%;
    float: left;
    display: inline-block; 
    font-size: 15px;
    font-style: italic;
    font-weight: 600;
    text-align: left;
    color:rgba(182,182,204,0.61);
    margin: -1px 0 7px 0;
    letter-spacing: -0.2px;
}

.product_row_active { 
    display: inline-block; 
}


.product_row_che {
    width: 100%;
    height:auto;
    float: left;
    display: none;
    padding-bottom: 10px;
    margin-bottom: 10px; 
}

.product_row_che_active { 
    display: inline-block; 
}

.product_row_mate {
    width: 100%;
    height: auto;
    float: left;
    display: none;
    padding-bottom: 10px;
    margin-bottom: 10px; 
}

.product_row_mate_active { 
    display: inline-block; 
}

 

.granuleselect, .chemicalselect, .materialselect {
    width:auto;
    height: 30px;
	padding:6px 7px 6px 4px;  
    display: inline-block;
	float: left; 
	cursor:pointer;
	outline:none;
    font-size: 15px;
    letter-spacing: -0.4px;
    font-weight: 600;
    border-radius: 25px;
    color: #B6B6CC;
    margin-left: 4px;
    border: 2px solid #B6B6CC;
}

.granuleselect span, .chemicalselect span, .materialselect span{
    width:auto; 
    font-size: 15px;
    display: inline-block;
	float: left; 
    transition: transform .8s;
    transform: rotate(-90deg);
    margin-right: 4px;
}

.granuleselect:hover span, .chemicalselect:hover span, .materialselect:hover span {
    transform: rotate(0deg);
}

.granuleselect_active, .chemicalselect_active, .materialselect_active {
     border: 2px solid #1A1A24;
    background-color: #1A1A24;
    color: #B6B6CC;
}

.granuleselect_active span, .chemicalselect_active span, .materialselect_active span {
    transform: rotate(0deg);
}


.swipergranule {
    width: 100%; 
    float: left;
    display: none; 
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 6px;
    cursor: move; 
}

.mySwipercq_active {  
    display: block;  
}

.mySwipermarbg_active {  
    display: block;   
}

.mySwipermort_active {  
    display: block;   
}


.row_l {
    width: 100%; 
    float: left;
    display: inline-block;  
    position: relative;
    height: 35px;
}

.choose_colors {  
    position: absolute;
    text-align: left;
    left: 5px;
    top: 3px;
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
   color:rgba(182,182,204,0.61);
    padding: 2px 0 15px 0;
    height: 22px;
}



.cancel_cq {
    position: absolute;
    display: none;
    right: 5px;
    top: 1px;
    text-align: left;
    font-size: 15px;
    font-weight: 400; 
    color: #fff;
    background-color:#FF696C; 
    padding: 3px 9px;
    border-radius: 12px;
    font-style:normal;
    height: 22px;
    line-height: 1.1;
    cursor: pointer;
    outline: none;
}

.cancel_cq span{
    float: left;
    display: inline-block;
    margin: 2px 4px 0 1px;
    font-size: 14px;
}

.cancel_cq:hover { 
    background-color:#f00; 
}






.swipergranule .swiper-button-next, .swipergranule .swiper-button-prev { 
    bottom: 0;
}








.swipergranule .swiper-wrapper-cq .swiper-slide-cq { 
    position: relative; 
    overflow: hidden;
    width: 100%;
    padding-bottom: 35px; 
}



.swipergranule .swiper-wrapper-cq .swiper-slide-cq img{
    width: 100%;
    float: left;
    display: inline-block;
    z-index: 10100; 
}



.calculate_system .swipergranule .swiper-wrapper-cq .swiper-slide-cq label.checkbox_cq_select{
  position: absolute;
    z-index: 10999;
     border-radius: 100%;
  width:40px;
  height: 40px; 
  display: inline-block;
    float: left;
    padding: 0;
    left: 10px;
    top: 10px;
     
}
 

.calculate_system .swipergranule .swiper-wrapper-cq .swiper-slide-cq label.checkbox_cq_select input {
    display: none;
    position: relative;
    z-index: -9999;
}


.calculate_system .swipergranule .swiper-wrapper-cq .swiper-slide-cq label.checkbox_cq_select strong {
        width:40px;
  height: 40px; 
	padding:0; 
    padding-top: 6px;
    
    text-align: center;
    display: inline-block;
	float: left;
    background: #1A1A24; 
	cursor:pointer;
	outline:none;
    font-size: 26px;
    border-radius: 100%;
    color: rgba(182,182,204,0.41);
    border: 2px solid rgba(182,182,204,0.41);

}

.calculate_system .swipergranule .swiper-wrapper-cq .swiper-slide-cq label.checkbox_cq_select strong span{
 
    font-size: 26px; 

}

.calculate_system .swipergranule .swiper-wrapper-cq .swiper-slide-cq label.checkbox_cq_select strong.strong_check_active {
    background: #FF6C00;
	color: #1A1A24;
	 cursor:pointer;
	outline:none;
     width:40px;
    text-align: center;
	border: 2px solid #1A1A24;
    font-size: 26px;
    font-weight: 300;
}

.calculate_system .swipergranule .swiper-wrapper-cq .swiper-slide-cq label.checkbox_cq_select strong span.span_check_active {
    background: #FF6C00;
	color: #1A1A24;
	 cursor:pointer;
	outline:none;
     width:40px; 
    font-size: 26px;
    font-weight: 300;
}




.calculate_system .swipergranule .swiper-wrapper-cq .swiper-slide-cq .cq-text{
  position: absolute;
    z-index: 10101; 
  width:100%;
    margin: auto;
  display:  block; 
    padding: 3px;
    bottom:0;
    left: 0;
    right: 0;
    font-size: 14px;
    color: #B6B6CC; 
    text-align: center;
    background-color: #1A1A24;
    border-radius:0 0 5px 5px;
}

.calculate_system .swipergranule .swiper-wrapper-cq .swiper-slide-cq .cq-text h3{
    width:100%; 
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #B6B6CC;
    font-weight: 700;
    text-align: center;
}

.calculate_system .swipergranule .swiper-wrapper-cq .swiper-slide-cq .cq-text span{
    width:100%; 
    display: inline-block;
    float: left;
    font-size: 13px;
    color: #B6B6CC;
    font-weight: 400;
    text-align: center;
}



















.consumption_box_i {
    float: left;
    width: 100%;
    display: none;   
    
} 

.consumption_box_i #content_offer {
    float: left;
    width: 100%;
    display: inline-block;  
} 

.offer_rw {
    float: left;
    width: 100%;
    display: none;  
    border-bottom: 1px dashed rgba(182,182,204,0.41);
    padding-bottom: 10px;
}

.offer_no { 
    position: absolute;
    top: 6px;
    left: 134px;
    width:150px; 
    text-align: center;
    display: none; 
    padding: 5px 8px;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 600;
    color:#fff;
    margin-left: 20px;
    background-color: rgba(32,152,3,1.00);
}




 



.selection_row {
    float: left;
    display: none;
    width: 100%;
    padding:0 10px;
    letter-spacing: -0.1px;
}

.selection_row .stn_name{
    float: left;
    display: inline-block;
    font-size: 16px;
    letter-spacing: -0.2px;
    font-weight: 500;
    color: #B6B6CC;
    background-color: #1A1A24;
    padding: 6px 5px;
    border-radius: 7px;
    margin-right: 10px; 
    margin-bottom: 10px;
    margin-top: 10px;
}

.selection_row .stn_cod{
    float: left;
    display: inline-block;
    font-size: 16px;
    letter-spacing: -0.2px;
    padding: 6px 5px;
    font-weight: 500;
    color: #B6B6CC; 
    margin-right: 0; 
    margin-bottom: 10px;
    margin-top: 10px;
}

.selection_row .stn_size{
    float: left;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #B6B6CC; 
    margin-right: 20px; 
    margin-bottom: 10px;
    margin-top: 10px;
}

.selection_row .stn_consumption{
    float: left;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    color: #B6B6CC; 
    padding: 6px 10px; 
    margin-bottom: 10px;
    margin-top: 10px;
    letter-spacing: 0.2px;
    
}


.offer_request {
    background-color: #0D7C5C;
    color: #fff;
    text-align: center;
    width: 100%;
    float: left;
    display: none;
    padding:12px 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
    outline: none;
    margin-top: 15px;
}














.wr_container_top {
    width: 100%;
    height: 46px;
    float: left;
    display: inline-block; 
    background-color: rgba(26,26,36,0.81);
    border-radius: 25px;
    padding: 5px 9px 6px 9px;
    margin-top: 32px;
    
     background: rgba(26,26,36,0.81); background: -moz-linear-gradient(to left,  rgba(26,26,36,0.81) 0%, rgba(46,46,56,0.92) 100%); background: -webkit-linear-gradient(to left,  rgba(26,26,36,0.81) 0%, rgba(46,46,56,0.92) 100%); background: linear-gradient(to left,  rgba(26,26,36,0.81) 0%, rgba(46,46,56,0.92) 100%);
    position: relative; 
    z-index: 10005;
    
}






ul.breadcrumb { 
    float: right;
    display: inline-block; 
    padding: 3px 0; 
}
ul.breadcrumb li { 
  font-size: 14px;
    color: rgba(182,182,204,0.81);
    margin-right: 4px;
    font-weight: 700;
    display: none;
}

ul.breadcrumb li.active { 
    display: inline-block;
}


ul.breadcrumb li span {
  display: inline-block; 
    font-weight: 500;
    font-size: 11px;
    margin-top: 2px;
    transform: rotate(180deg);
}
 
 
ul.breadcrumb li a {
  color: rgba(182,182,204,0.41);
  text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
 
ul.breadcrumb li a span {
  display: inline-block; 
    font-weight: 500;
    font-size: 17px;
    margin-top: 4px; 
    transform: rotate(0);
}
 

ul.breadcrumb li a:hover {
  color: #FF6C00;
  text-decoration: underline;
   
}




 


 












a.binders_link { 
    font-size: 15px;
    font-weight: 600;
    width: auto;
    display: inline-block;
    float: left; 
    margin:-5px 0 0 -5px; 
    border-radius: 25px;
    padding: 5px 20px 6px 33px;
    line-height: 2.3; 
    height: 46px; 
    position: relative;
    
    opacity: 0.6;
    color: #B6B6CC;
    border: 2px solid #B6B6CC; 
    direction: ltr;
    
}

a.binders_link span{
    position: absolute;
    font-size: 17px;
    font-weight: 600;
    width:20px;  
    left: 7px;
    top: 14px;
    transition: transform .4s;
    transform: rotate(180deg);
}

a.binders_link:hover { 
    opacity: 1;
    color: #B6B6CC;
    border: 2px solid #B6B6CC;  
    transform: rotate(0);
}

a.binders_link:hover span{  
    transform: rotate(360deg);
}










a.banner_link_p { 
    font-size: 15px;
    font-weight: 600;
    width: auto;
    display: inline-block;
    float: right; 
    margin:-5px 0 0 0; 
    border-radius: 25px;
    padding: 2px 33px 6px 20px;
    line-height: 2.3; 
    height: 46px; 
    position: relative; 
    opacity: 0.6;
    color: #B6B6CC;
    border: 2px solid #B6B6CC; 
    margin-top: 25px;
    
}

a.banner_link_p span{
    display: inline-block;
    font-size: 23px;
    position: relative;
    bottom: -3px;
    font-weight: 300; 
    padding: 2px 20px;
    transition: transform .4s;
    transform: rotate(0);
}

a.banner_link_p:hover { 
    opacity: 1;
    color: #B6B6CC;
    border: 2px solid #B6B6CC;  
}

a.banner_link_p:hover span{  
    transform: rotate(360deg);
}








.page_title_box {
    width: 100%;
    float: left;
    display: inline-block; 
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 1px; 
}

.page_title_box_center {
    width: 100%;
    float: left;
    display: inline-block; 
    overflow: hidden; 
    text-align: center;
    margin:20px 0 15px 0; 
    position: relative;
}




.page_ttl_small {
    width: 100%;
    float: left;
    display: inline-block;
    font-size: 29px;
    letter-spacing: 0.5px;
    font-weight: 400;
    line-height: 1.15;
    color: rgba(182,182,204,0.25); 
    text-align: center;
    margin-top: 10px; 
    min-height: 36px; 
    padding-bottom: 40px;
    background: url("../images/title_bottom_4.png") no-repeat bottom center;
    background-size: 180px;
}

 


.page_title_box h1.page_ttl {
    width: auto;
    float: right;
    display: inline-block;  
    text-align: right;  
    margin:5px 0 12px 0;  
    border-radius: 32px;
    padding: 10px 0; 
     
    font-size: 50px;
    letter-spacing: 0.6px;
    font-weight: 900;
    color: rgba(182,182,204,0.15);
     
}


.page_title_box_center h1.page_ttl{
    width:auto;  
    margin: 0 auto; 
    text-align: center;  
    float: none;
    background: none;
    font-size: 70px;
    letter-spacing: 1px;
    font-weight: 900;
    color: rgba(182,182,204,0.15);
    display: inline-block;
    position: relative;
    z-index: 10002;
     
}


.page_title_box_center h2.s_none{
    width:0px;
    height:0px;
    text-indent: -99999px;   
    font-size: 70px;
    letter-spacing: 1px;
    font-weight: 900;
    color: #f00;
    display: inline-block; 
    z-index: 1;
     
}


.page_title_box strong{
    width:auto;
    float: left;
    display: inline-block;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -0.1px;
    text-align: left;
    color:rgba(182,182,204,0.61);   
    margin: 32px 0 8px 0; 
}

h2.page_ttl_2 {
    width: auto;
    width: 100%;
    float: right;
    text-align: right;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.1px; 
    color:rgba(182,182,204,0.91);
    margin: 5px 0 25px 0;
    background: linear-gradient(to left, rgba(26,26,36,0.81) 0%, rgba(46,46,56,0.92) 100%);
    padding: 10px 25px 10px 5px;
    border-radius: 25px;
    z-index: 10102;
}



.page_ttl_small { 
    margin-top: 5px;
    min-height: 11px;
    padding-bottom: 15px;
    background:none; 
    display: inline-block;
    position: relative;
    z-index: 10002;
}


.page_title_img {
    margin-top: -150px;
    width: 100%;
    float: left;
    display: inline-block;
    position: relative;
    z-index: 10001;
    
    
}


.important_features { 
    float: right;
    display: inline-block; 
    width: auto;
    margin-top: 20px;
}

.important_features li{
    width: 100%; 
    float: right;
    display: inline-block;
    font-size: 18px;
    text-align: right;
    color: #B6B6CC;
    margin-bottom: 7px;
    letter-spacing: 0.2px;
}

.important_features li div{
    width: auto; 
    float: right;
    display: inline-block; 
    text-align: right;  
    margin-bottom: 11px; 
    border-radius: 15px; 
    padding: 0 0;
    
    
    font-size: 22px;
    letter-spacing: 0.6px;
    font-weight: 900;
    color: rgba(182,182,204,0.15);  
    
}

.important_features li span{  
    float: right;
    display: inline-block;
    font-size: 14px; 
    text-align: right;
    color: #B6B6CC;
    margin:0;
    opacity: 0.5;
    height:18px;
    padding: 5px 0 5px 5px; 
}

.important_features li strong{  
    float: right;
    display: inline-block;
    font-size: 16px; 
    text-align: right;
    color: #B6B6CC; 
    line-height: 1.4;
}

.important_features li b.orange{   
    display: inline-block; 
    color: #FF6C00; 
    color: #fff;
}






 













.wr_top_bar .wr_top_bar_left .pdf_download { 
    width: auto;
    height: 34px; 
    display: inline-block; 
    position: relative;
    float: left; 
    border-radius: 25px; 
    padding: 4px 13px;
    background-color: rgba(26,26,36,0.51); 
    margin-top: 15px;
}

.wr_top_bar .wr_top_bar_left .pdf_download_2 { 
    width: auto;
    height: 34px; 
    display: none; 
    position: relative;
    float: left;   
    padding: 4px 0; 
    margin-top: 15px;
    margin-left: 10px; 
    background: none;
}

.wr_top_bar .wr_top_bar_left .pdf_download span, .wr_top_bar .wr_top_bar_left .pdf_download strong{  
    display: inline-block;
    float: left;
    color:rgba(182,182,204,1);
    font-size: 15px;
    font-weight: 500;
    margin-top: 4px;
    margin-left: 3px;
    width: auto;
}

.wr_top_bar .wr_top_bar_left .pdf_download strong{   
    margin-top: 6px;
    margin-right: -5px;
}

.wr_top_bar .wr_top_bar_left .pdf_download span.icon-chevron-thin-right{ 
    margin-top: 6px;
    margin-right: -9px; 
    float: left;
    display: inline-block;
}

.wr_top_bar .wr_top_bar_left .pdf_download img, .wr_top_bar .wr_top_bar_left .pdf_download span.icon-chevron-thin-right{ 
    width: 19px;
    height: 19px; 
    display: inline-block;
    float: right;
    margin-top: 4px;
    margin-left: 7px;
    transition: transform .4s;
    transform: rotate(0);
}

 

.wr_top_bar .wr_top_bar_left .pdf_download:hover { 
    background-color: rgba(26,26,36,1);
}

.wr_top_bar .wr_top_bar_left .pdf_download_2:hover { 
    background:none
}


.wr_top_bar .wr_top_bar_left .pdf_download:hover img, .wr_top_bar .wr_top_bar_left .pdf_download:hover span.icon-chevron-thin-right{ 
    transform: rotate(360deg);
}




.list-group { 
    width: auto;
    height: auto;
    float: left;
    display: inline-block;
    padding: 0;
    position: relative;  
    margin:2px 0 14px 0;
    
}

 

.list-group h3{ 
    width: auto; 
    float: left;
    display: inline-block;
    font-size: 17px;
    color: #B6B6CC;
    font-weight: 400;
    text-align: left;
    margin: 13px 8px 0 0;
}

 
 



.list-group-item {
    float: right;
    display: inline-block;
}

label.checkbox_colorfilter{
  position: relative;
  width:auto;
  height: auto; 
  display: inline-block;
    float: left;
    margin-left: 5px; 
    overflow: hidden; 
    text-align: center;
    margin-top: 6px;
}

 

label.checkbox_colorfilter input {
    display: none;
    position: relative;
    z-index: -9999;
}


label.checkbox_colorfilter strong {
    width:30px;
    height: 30px;
	padding:2px;  
    display: inline-block; 
    border: 2px solid #2E2E38; 
	cursor:pointer;
	outline:none;
    font-size: 18px;
    letter-spacing: -0.2px;
    font-weight: 600;
    border-radius:100%; 
    position: relative; 
}

 

label#allcheck  strong.allcolors { 
    width:auto;
    height: 30px;
	padding:6px 5px 2px 5px;  
    display: inline-block; 
    border: 1px solid rgba(182,182,204,0.21); 
	cursor:pointer;
	outline:none;
    font-size: 14px;
    letter-spacing: -0.2px;
    font-weight: 600;
    border-radius:6px; 
    position: relative; 
    color: rgba(182,182,204,0.21);
}

label#allcheck  strong.allcolors:hover {  
    border: 1px solid rgba(182,182,204,0.87); 
    color: rgba(182,182,204,0.87)
}

label.checkbox_colorfilter strong.red_checkbox { 
    background: #CC0605;  
    border: 2px solid #2E2E38;   
}

label.checkbox_colorfilter strong.yellow_checkbox { 
    background: #EDFF21;  
    border: 2px solid #2E2E38;   
}

label.checkbox_colorfilter strong.green_checkbox { 
    background: #1E5945;  
    border: 2px solid #2E2E38;   
}

label.checkbox_colorfilter strong.blue_checkbox { 
    background: #063971;  
    border: 2px solid #2E2E38;   
}



label.checkbox_colorfilter strong.brown_checkbox_1 { 
    background: #A65E2E;  
    border: 2px solid #2E2E38;   
}

label.checkbox_colorfilter strong.brown_checkbox_2 { 
    background: #633A34;  
    border: 2px solid #2E2E38;   
}

label.checkbox_colorfilter strong.brown_checkbox_3 { 
    background: #6F4F28;  
    border: 2px solid #2E2E38;   
}

label.checkbox_colorfilter strong.white_checkbox { 
    background: #FFFFFF;  
    border: 2px solid #2E2E38;   
}



label.checkbox_colorfilter strong.black_checkbox { 
    background: #0A0A0A;  
    border: 2px solid #2E2E38;   
}

label.checkbox_colorfilter strong.grey_checkbox_1 { 
    background: #9C9C9C;  
    border: 2px solid #2E2E38;   
}

label.checkbox_colorfilter strong.grey_checkbox_2 { 
    background: #5F686B;  
    border: 2px solid #2E2E38;   
}

 





label.checkbox_colorfilter strong span {
   font-size: 0;
    font-weight: 300;
     width: 21px;
    height: 15px;
    display: inline-block;
    float: left;  
    padding: 0;
    position: absolute;
    left: -50px;
    top: 4px;
    transition:0.3s all ease-in;
    animation: animate-arrow-2 2s ease-in-out infinite 0.3s;
}
 

label.checkbox_colorfilter input:checked + strong { 
	color: #fff; 
	 cursor:pointer;
	outline:none; 
    width:30px;
    height: 30px;
	padding:2px ; 
    overflow: hidden;
    text-align: center;
    border: 2px solid #fff;
    box-shadow: rgba(26,26,36, 1) 0px 0 5px 3px inset;
    
}

label.checkbox_colorfilter input:checked + strong span{
    font-size: 0;
    font-weight: 200;
     width: 21px;
    height: 15px;
    display: inline-block;
    position: absolute;
    left: 3px;
}




































.wr_top_bar {
    width: 100%;
    float: left; 
    height:auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px; 
}

.wr_top_bar_left {
    width:auto;
    float: left;
    display: inline-block; 
    margin-top: 20px; 
    position: relative;  
}  

.wr_top_bar .wr_top_bar_left h2{
    width:100%;
    float: left;
    display:  block; 
    height:auto;
    position: relative;
    font-size: 16px;
    color:rgba(182,182,204,0.91);
    font-weight: 500;
    text-align: right;
    line-height: 1.6; 
    margin-top: 15px;
}

.wr_top_bar .wr_top_bar_left span{
    width:100%;
    float: left;
    display:inline-block; 
    font-size: 32px;
    letter-spacing: -0.3px;
    color:rgba(182,182,204,0.51);
    font-weight: 700;
    text-align: left;
    line-height: 1.2; 
    border-radius: 15px;
    padding:0;
    margin:25px 0 10px 0;
}

.wr_top_bar .wr_top_bar_left h2 b{ 
    display:inline-block;  
    color:#FF6C00;
    font-weight: 700; 
} 

.wr_top_bar img{
    width:220px; 
    float: right;
    display:  block; 
    height:auto;
    position: relative;
}


.granule_color_bag{
    width:auto;
	height: auto;
	float: left;
	display: inline-block; 
    position: relative;
    margin:0 0 0 10px;
    border-radius: 12px;
    border: 1px solid rgba(182,182,204,0.14);
    background-color: rgba(26,26,36,0.15);
    padding: 8px;
} 


.granule_color_bag:hover{ 
    border: 1px solid rgba(182,182,204,0.44);
    background-color: rgba(26,26,36,0.35); 
} 


.granule_color_bag img{
    width:250px; 
	float: left;
	display: inline-block; 
} 
 
.granule_color_bag span{
    width:266px; 
	float: right;
	display: inline-block;
    color: #B6B6CC;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    margin: 90px 0 0 15px; 
} 

.granule_color_bag span b{
    width:100%;
	height: auto;
	float: left;
	display: inline-block;
    color: #B6B6CC;
    font-size: 17px;
    font-weight: 400; 
    line-height: 1.4;
} 

.granule_color_bag span b.b_bold_i{ 
    font-weight: 700; 
} 





@media all and (max-width: 1100px) { 
    
.wr_top_bar .wr_top_bar_left .pdf_download_2 {  
    display: inline-block;
}
    
.granule_color_bag{ 
	display: none;
} 

}



@media all and (max-width: 650px) { 
    
.wr_top_bar_left {
    width: 100%; 
}
    
 

}

 
















.video_v_1 {
    width: 100%;
	height: 100%;
	float: left;
	display: none;
    border-radius: 100%;
    overflow: hidden;
}


.player-overlay-large {
    width:100%;
	height: auto;
	float: left;
	display: inline-block;   
    margin:0; 
} 

.video_v_large {
    width: 100%;
	height: 100%;
	float: left; 
    display: inline-block;
    overflow: hidden;
}





















.wr_right_bar {
    width: 100%;
    float: right;
    display: inline-block; 
    position: relative;
    min-height: 300px;
}


.wr_right_bar .granule_size_box{
    width: 100%;
    float: left;
    display: inline-block; 
    position: relative; 
    color:rgba(182,182,204,0.41);
    font-size: 19px;
    font-weight: 500;
    line-height: 2.2;
    margin-bottom: 15px;
    letter-spacing: 0.4px;
}
 

.wr_right_bar .granule_size_box strong{
    width: auto;
    float: left;
    display: inline-block; 
    position: relative; 
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    padding: 5px 12px;
    margin:3px 10px 0 0;
    background-color: #FF6C00;
    border-radius: 25px;
}

.wr_right_bar .granule_size_box b{
    width: auto; 
    display: inline-block; 
    position: relative; 
    color: #B6B6CC;
    font-size: 16px;
    font-weight: 500;
    margin: 0 7px;
}






 





#loaderball_box {
    width: 100%; 
    float: left;
    display: block;
    position: absolute;
    height: 300px;
    top: 0;
    left: 0;
    text-align: center;  
  }


#loaderball  { 
  width: 60px;
  height: 60px;
    margin: 0 auto; 
  position: absolute;
    display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#loaderball:before , #loaderball:after{
  content: '';
  border-radius: 50%;
  position: absolute;
  inset: 0;
  box-shadow: 0 0 10px 2px rgba(26,26,36, 0.3) inset;
}
#loaderball:after {
  box-shadow: 0 2px 0 #FF6C00 inset;
  animation: rotate 2s linear infinite;
}

@keyframes rotate {
  0% {  transform: rotate(0)}
  100% { transform: rotate(360deg)}
}
   


 


.flex-container { 
    display: grid;
    grid-gap:20px;
    grid-template-columns: repeat(7, 13%);
    justify-content:space-between;
    width: 100%;
    margin: 0 auto;  
}



.flex-new { 
    display:grid;
    grid-template-columns: repeat(2, 49%);
    align-items: center; 
    justify-content:space-between;
    width: 100%;
    padding: 0 30px;
}
 
 

.flex-new-100 {  
    grid-template-columns: repeat(1, 100%); 
}

.flex-new-banner img{ 
    width: 100%; 
    font-size: 0;
}

.banner-radius-img {
    border-radius: 20px;
    overflow: hidden; 
}

.banner-radius-img-bg {
    background-color: rgba(182,182,204,0.99);
    background: none;
}

.flex-new-banner-text {
    width: 100%;
    position: relative; 
}

.flex_i {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}


.flex-new-banner-text p{
    width: 100%;
    font-size: 19px;
    font-weight: 400;
    color: rgba(182,182,204,0.81); 
    letter-spacing: 0.1px; 
    line-height: 1.22;
    margin: 5px 0;
    float: left;
    display: inline-block;
}

.flex-new-banner-text p span.ico_tick{
    width: 21px;
    font-size: 14px;
    font-weight: 300;
    float: right;
    text-align: left;
    margin-top: 5px;
    margin-left: 7px;
    display: inline-block;
}

.flex-new-banner-text h3{
    width: 100%;
    font-size: 32px;
    font-weight: 700;
    color: rgba(182,182,204,0.51);
    letter-spacing: -0.5px;
    margin: 7px 0;
    float: left;
    display: inline-block;
}

.flex-new-banner-text h4{
    width: 100%;
    font-size: 28px;
    font-weight: 700;
    color: rgba(182,182,204,0.71);
    letter-spacing: -0.5px;
    margin: 6px 0;
    float: left;
    display: inline-block;
}


.flex-new-banner-text ul {
    width: 100%;
    float: left;
    display: inline-block;
}

.flex-new-banner-text ul li{
    width: 100%; 
    float: left;
    display: inline-block;
    font-size: 19px;
    font-weight: 400;
    color: rgba(182,182,204,0.91);
    line-height: 1.2;
    margin: 4px 0;
    text-align: right;
}

.flex-new-banner-text ul li span{ 
    float: right;
    display: inline-block;
    font-size: 12px;
    opacity: 0.5;
    padding: 4px 0 2px 10px; 
}







@media all and (max-width: 1100px) {
    
.flex-new-banner-text p{ 
    font-size: 16px; 
    margin-bottom: 12px; 
}

.flex-new-banner-text h3{ 
    font-size: 37px; 
}
    
}



@media all and (max-width: 769px) {
    
    
.flex-new {  
    grid-template-columns: repeat(1, 100%); 
}

    
.flex-new-banner-text p{ 
    font-size: 15px; 
    margin-bottom: 10px; 
    margin-top: 10px;
}

.flex-new-banner-text h3{ 
    font-size: 22px; 
}
    
.wr_top_bar {
    margin-bottom: 10px;
    margin-top: -20px;
    }
    
.wr_right_bar .granule_size_box{ 
    margin: 0;
}

    
.wr_right_bar .granule_size_box strong{ 
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    padding: 5px 12px;
    margin:3px 0 0 0;  
}

.wr_right_bar .granule_size_box b{ 
    font-size: 14px;
    letter-spacing: -0.4px;
    font-weight: 500;
    margin: 0 5px;
}
    

.wr_top_bar .wr_top_bar_left span { 
    font-size: 19px;
    margin:11px 0 -3px 0;
    text-align: right;
    }
    

    
.list-group h3 { font-size: 15px; margin-right: 5px;}
    
    label#allcheck strong.allcolors { 
        height: 29px;
    }
    
label.checkbox_colorfilter { 
    margin-left: 0px;
    margin-right: 2px;
    overflow: hidden;
    text-align: center;
    margin-top: 6px;
}
    
label.checkbox_colorfilter strong {
    width:24px;
    height: 24px;  
}
    
    
}



.color_box_i {
    margin-bottom: 15px;
}





@media all and (max-width: 1455px) {
    
.flex-container { 
    display: grid;
    grid-gap:0;
    grid-template-columns: repeat(6, 15.1%);
    justify-content:space-between;
    width: 100%;
    margin: 0 auto;  
}
    
}

.wrap_line_granule_10 {
    width: 100%;
    float: left;
    display: none;
    height: 2px; 
}


@media all and (max-width: 1200px) {
    
.flex-container {  
    grid-template-columns: repeat(5, 18.7%); 
}
    
    .player-overlay {
        display: none;
    }
    
}




@media all and (max-width: 982px) {
    
.flex-container {  
    grid-template-columns: repeat(4, 23.6%); 
}
    
    .wr_right_bar .granule_size_box { margin-bottom: 0;}
    
.wrap_line_granule_10 { 
    display: inline-block; 
}
    
}




@media all and (max-width: 769px) {
    
.flex-container {  
    grid-template-columns: repeat(3, 31%); 
}
    

    
}


@media all and (max-width: 601px) {
    
.flex-container {  
    grid-template-columns: repeat(2, 48%); 
}
  
    
    
.wr_right_bar .granule_size_box {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.5px;
    padding: 0;
    text-align: left;
}
    
    .wrap_line_sizes {
        float: left;
        display: inline-block;
        width: 100%;
        padding-top: 3px;
    }
    
.wr_right_bar .granule_size_box b{ 
    font-size: 12px;
    letter-spacing: -0.5px;
    font-weight: 500;
    margin: 0 1px;
}
    
}















.flex-container-video{ 
    display: flex; 
}




 

.color_box_i { 
        
    border-radius: 15px; 
    transition: transform 0.5s; /* Animation */
    z-index: 10045;
   
}


.color_box_i:hover {  
    z-index: 10046;
   /*box-shadow:  rgb(26,26,36) 0px 0px 0px 2px, rgb(255, 108, 0) 0px 0px 0px 4px, rgb(26,26,36) 0px 0px 13px 6px;*/
    transform: rotateZ(3deg)  scale(1.06);
    
    box-shadow: #1A1A24 0px 0px 10px 4px;
}


.color_i {
    width: 100%;;
    display: inline-block;
    float: left;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
}

.color_box_i .color_i img.loadimg{
	width: 100%;
	float: left;
	display: inline-block;
}

.color_box_i .color_i img.colorgranuleimg{
    width: 100%;
    height: auto;
    display: inline-block;
    float: left;   
}



.color_box_i:hover .color_i img{
    transform: scale(1);
     
}


.code_size {
    background-color:rgba(26,26,36,0.9);
    color: #B6B6CC;
    width: 75px; 
    position: absolute;
    bottom: 10px;
    right: 110px;
    z-index: 10046;
    border-radius: 10px;
    padding: 7px 2px;
    text-align: center;
    -webkit-animation: sizeright 0.1s linear forwards;
    animation: sizeright 0.1s linear forwards; 
    opacity: 0;
}

@-webkit-keyframes sizeright {
    100% { right: 10px;
    opacity: 1;}
}
 

.code_size_sp_1 {
    width: 100%;
    float: left;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
}

.code_size_sp_2 {
    width: 100%;
    float: left;
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
    margin-top: 5px;
}








.mySwipergranulepage {
    width: 100%;
    float: left;
    display: inline-block;
    position: relative;
    margin: 40px 0 30px 0;
}

h2.slide_title_granule {
    width: 100%;
    float: left;
    display: inline-block;
    position: relative;
    color: rgba(182,182,204,0.71);
    font-size: 42px;
    font-weight: 400;
    text-align: center;
    padding: 40px 0 50px 0;
}

h2.slide_title_granule b{ 
    display: inline-block; 
    color: #FF6C00; 
    font-weight: 400; 
}

.swiper-wrapper-page-granule .swiper-slide{
    position: relative;
}

.swiper-wrapper-page-granule .swiper-slide-none{
    display: none;
}

.swiper-wrapper-page-granule img{
    width: 100%;
    float: left;
    display: inline-block; 
}

.swiper-wrapper-page-granule h3{
    width: 250px;
    text-align: right;
    position: absolute;
    top: 85px;
    left:62px; 
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    color: rgba(182,182,204,0.71);
    padding: 5px 15px 6px 15px;
    border-radius: 25px; 
    transform: rotate(-58deg);
}

.swiper-wrapper-page-granule a.sli_more{
    position: absolute;
    bottom:35px;
    right: 30px;
	width: 120px;
	display: inline-block;
	font-weight: 500;
	color: #fff;
	text-align: center; 
	padding: 7px 14px;
	border-radius: 25px;
	background-color: #1A1A24;
	font-size: 18px; 
	-webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    transform: rotate(-20deg);
}

.swiper-wrapper-page-granule a.sli_more:hover{
	color: #fff; 
	background-color: #FF6C00;
}




.tabs_contentche_class {
    width: 70%;
    float: left;
    display: inline-block;  
}


.left_bar {
    width: 28%;
    float: right;
    display: inline-block; 
}


.left_bar .download_bx {
    width: 100%;
    float: left;
    display: inline-block;  
}

.left_bar .download_bx span.ean_code {
    width: auto; 
    display: inline-block;
    font-size: 15px;
    text-align: left;
    float: left;
    color: rgba(182,182,204,0.91);
    border-radius: 10px;
    padding: 6px 12px;
    line-height: 1.5;
    margin-top: 10px;
    margin-left: 10px;
    background-color: rgba(26,26,36,0.51);
}


.left_bar .download_bx a {
    width: auto; 
    display: inline-block;
    font-size: 15px;
    text-align: left;
    float: right;
    color: rgba(182,182,204,0.91);
    border-radius: 10px;
    padding: 6px 12px;
    line-height: 1.5;
    margin-top: 10px;
    margin-left: 10px;
    background-color: rgba(26,26,36,0.51);
}

.left_bar .download_bx a img{
    width:22px; 
    display: inline-block; 
    float: left;
    margin-right: 7px;
    opacity: 0.8;
}

.left_bar .download_bx a:hover { 
    
    background-color: #1A1A24;
    color: #B6B6CC; 
}




.product_image {
    width: 100%;
    float: left;
    display: inline-block;
    text-align: center;
    border-radius: 25px;
    
    /*background: #B6B6CC; background: -moz-linear-gradient(to left,  #B6B6CC 0%, #E8E8F5 100%); background: -webkit-linear-gradient(to left,  #B6B6CC 0%, #E8E8F5 100%); background: linear-gradient(to left,  #B6B6CC 0%, #E8E8F5  100%);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;*/
    padding: 20px;
    margin-bottom: 10px;
    background-color: #FF6C00;
    background-color: rgba(26,26,36,0.91); 
    
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.product_image img{
    width: 100%; 
    display: inline-block;
    text-align: center; 
}


.mySwiper_che_picture {
    width: 100%;
    float: left;
    display: inline-block;
    position: relative;
}

.mySwiper_che_picture .swiper-slide{
    width: 100%;
    float: left;
    display: inline-block; 
    position: relative;
}

.kg_sp {
    position: absolute;
    display: inline-block;
    bottom:0;
    right: 0;
    z-index: 10200;
    width:auto;
    height:auto;
    color:#1A1A24;
    font-size: 16px;
    font-weight: 600;  
    background-color:#E8E8F5;
    border-radius: 7px;
    padding: 4px 8px; 
}





.product_info {
    width: 100%;
    float: right;
    display: inline-block;  
}

 

.tabsnavche_class {
    width: 900px;
    float: left;
    display: inline-block;
    margin-bottom: 25px;
}

.tabsnavche_class li{
     
    float: left;
    display: inline-block; 
    text-align: center;
    color: #B6B6CC;
    margin-right: 1px; 
      
}



.tabsnavche_class li a{
    width:100%;
    float: left;
    display: inline-block;
    font-size: 14px;
    letter-spacing:-0.1px; 
    color: #B6B6CC; 
    padding: 8px 1px 0 1px;
    border-radius: 11px;
    border: 1px solid #2E2E38;
    font-weight: 500;
    
}








.tabsnavche_class li.active a{
    width: auto;
    float: left;
    display: inline-block; 
    text-align: center;
    background-color: rgba(26,26,36,0.91);
    color: rgba(182,182,204,0.90); 
}

.tabsnavche_class li a b{
    width:100%;
    float: left;
    display: inline-block; 
}

.tabsnavche_class li a span{
    width:100%;
    float: left;
    display: inline-block;
    font-size: 14px; 
    color: #B6B6CC;
    padding: 6px 0;
    opacity: 0.6;
    
}

.tabsnavche_class li.active a span{
    width:100%;
    float: left;
    display: inline-block;
    font-size: 15px; 
    color: #fff;
    opacity: 1;
}


#tabs_contentche_id .tabche_class {
    width:100%;
    float: right;
    display: none; 
    height: auto;
    padding: 0;
    font-size: 35px;
    color: #000; 
    margin-top: 1px;  
}

#tabs_contentche_id .active { 
    display: inline-block; 
}

 

/* DivTable.com */

.divTable{
	display: inline-block;
	width: 48%;
    float: right; 
} 

.divTable_b{ 
    float: right;
}



.divTableRow {
	display: inline-block;
	width: 100%;
    float: left;
}
 
.divTableCell{
	border: 1px solid rgba(182,182,204,0.20);
	display: inline-block;
	width: 50%;
    float: right;
	padding: 10px 7px; 
    margin: 0 -1px -1px 0; 
} 

.divTable_c{ 
    width: 100%;
    float: left;
    margin-top: 16px;
}

 .divTableCell_a_bg{  
    background-color: rgba(120, 120, 149,0.12);
} 

.divTable_c .divTableCell_a{ 
	width: 32%;  
} 

.divTable_c .divTableCell_b{ 
	width: 68%; 
} 


.divTableCell b {
    font-size: 15px;
    letter-spacing: -0.2px;
    color: #B6B6CC;
    float: left;
    display: inline-block;
    width: 100%;
}

.tabche_class p {
    font-size: 18px;
    font-size: 16px;
    font-weight: 400;
    text-align: right;
    color: #B6B6CC;
    line-height: 1.5;
    margin-top: 10px;
    width: 100%;
    float: right;
    display: inline-block;
}



.tabche_class p b {
    font-weight: 900;
    color: #FFFFFF;
}

.tabche_class p b.orange{ 
    color: #FF6C00; 
}

.tabche_class p b.orange{ 
    color: #fff; 
    font-weight: 500;
}

.tabche_class p span {
    font-size: 14px; 
    margin: 6px 0 0 4px;
    opacity: 0.3;
    float: right; 
}


.tabche_class p strong.i-number {
    display: inline-block;
    float: right;
    text-align: center;
    font-size: 19px; 
    margin: -2px 0 0 7px;
    opacity: 0.5;
    font-weight: 600;
    padding-top: 2px;
    padding-right: 1px;
    width: 31px;
    height: 31px;
    background-color: rgba(182,182,204,0.91);
    border-radius: 100%;
    color: #1A1A24;
    font-family: 'Red Hat Display', sans-serif, Arial,Helvetica; 
}

.tabc_row {
    float: left;
    display: inline-block;
    width: 100%; 
}

.tabc_row_a {
    float: right;
    display: inline-block;
    width: 100%;
    margin: 20px 0;
}

.tabc_row_1 {
    font-size: 16px;
    color: #B6B6CC;
    float: right;
    display: inline-block;
    width: auto;
    font-weight: 800;
}

.tabc_row_b .tabc_row_1 {
    margin-bottom: 12px;
    font-weight: 800;
}

.tabc_row_2 {
    font-size: 18px;
    color: #B6B6CC;
    float: right;
    display: inline-block;
    width: auto;
    margin-right: 5px;
}

.tabc_row_2 b {
    font-size: 17px;
    color: #B6B6CC;
    float: right;
    display: inline-block;
    width: auto;
    border: 1px solid #B6B6CC;
    padding: 5px 11px;
    border-radius: 5px;
    margin-left: 10px;
    margin-top: -7px; 
}


.tabc_row_b .tabc_row_2 {
    font-size: 18px;
    color: #B6B6CC;
    float: left;
    display: inline-block;
    width:100%;
    margin-bottom: 8px;
}

.tabc_row_b .tabc_row_2 span{
    font-size: 13px;
    color: #B6B6CC; 
    display: inline-block; 
}

ul.list_text { 
    width: 100%;
    float: left;
    display: inline-block;
}

ul.list_text li{
    font-size: 16px;
    color: #B6B6CC;
    float: right;
    display: inline-block;
    width:100%;
    margin:7px 0 8px 0;
    text-align: right;
}

ul.list_text li span{
    font-size: 12px;
    color: #B6B6CC;
    float: right;
    display: inline-block; 
    margin:3px 0 0 10px;
    opacity: 0.3;
    text-align: right;
}

.tabche_class p a {
    width: auto;
    border: 1px solid rgba(182,182,204,0.51);
    display: inline-block;
    font-size: 17px;
    text-align: left;
    float: left;
    color: rgba(182,182,204,0.91);
    border-radius: 15px;
    padding: 6px 15px;
}

.tabche_class p a img{
    width:25px; 
    display: inline-block; 
    float: left;
    margin-right: 11px;
    opacity: 0.8;
}

.tabche_class p a:hover { 
    border: 1px solid #FF6C00; 
    background-color: #FF6C00;
    color: #FFF; 
}

.tabche_class p a:hover { 
    border: 1px solid #FF6C00; 
    background-color: #FF6C00;
    color: #FFF; 
}

.tabche_class p a b {
    font-weight: 800;
    margin-left: 8px;
    display: inline-block;
}







/* DivTable.com */

.divTablec{
	display: inline-block;
	width: auto;
    float: right; 
} 


.divTablec .divTableRow {
	display: inline-block;
	width: 100%;
    float: left;
}
 
.divTablec .divTableCell{
	border: 1px solid rgba(182,182,204,0.20);
	display: inline-block;
	width: 50%;
    float: right;
	padding: 10px 7px; 
    margin: 0 -1px -1px 0; 
} 

.divTablec .divTableCellb{ width: 90px; text-align: center; direction: ltr; float: right;} 
.divTablec .divTableCellc{ width: 188px; text-align: center; direction: ltr;  float: right;} 
.divTablec .divTableCelld{ width: 174px; text-align: center; direction: ltr;  float: right;} 


.divTablec .divTableCellb_pore{ width: 126px; text-align: center; float: right;} 
.divTablec .divTableCellc_pore{ width: 92px; text-align: center; float: right;} 

.divTable_a_1 {
    width: 227px;
}
 



.fixed_area {
    position: fixed;
    left:-20px;
    bottom: 60px; 
    transform: rotate(-90deg);
    width: 130px;
    height: 50px;
    z-index: 10202;
}


.text_area { 
    position: absolute;
    left: 0;
    top:0; 
     background: #FF6C00; background: -moz-linear-gradient(to left,  #FF6C00 0%, #FF3E00 100%); background: -webkit-linear-gradient(to left,  #FF6C00 0%, #FF3E00 100%); background: linear-gradient(to left,  #FF6C00 0%, #FF3E00  100%);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px;
    color: #1A1A24; 
    font-weight: 600;
    letter-spacing: 0.1px;
    font-size: 22px;
    padding: 6px 12px;
    border-radius: 25px;
    display: none;
}

.stage { 
    display: inline-block;
    float: right;
    font-weight: 800; 
    padding-left: 6px;
    color: #FF6C00;
} 

.tabche_class p span.icon-chevron-thin-right { 
    opacity: 1;
    padding-left: 2px;
    font-weight: 500; 
    transform: rotate(180deg);
    display: inline-block;
    
}


 





.wr_r_b_100 {
    width:100%;
    float: left; 
    display: inline-block;
    margin: 0;
    position: relative;  
}

.wr_r_b_100_50 {
    width:47%;
    float: left; 
    display: inline-block; 
}

.wr_r_b_100_50_2 {
    float: right;
}

.wr_r_b_100 h2{ 
    width:100%;
    height: auto;
    float: left;
    text-align: center;
    display: inline-block; 
    margin-bottom: -5px;
    
}

.wr_r_b_100 h2 b{ 
    width: auto;
    float: right;
    text-align: center;
    display: inline-block;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: -0.1px; 
    color: rgba(182,182,204,0.41); 
}

.wr_r_b_100_50 h2 b{ 
    width: 100%;
    float: left;
    text-align: left;
    display: inline-block; 
}


.wr_r_b_100 h2 b.b_wr_2{ 
    width: auto;
    float: right;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.1px; 
    color: rgba(26,26,36,0.8);  
    border-radius: 15px;
    padding: 6px 12px;
    margin: 0 15px 0 0 ;
    background-color: rgba(182,182,204,0.91);
}


.wr_r_b_100_50 h2 b.b_wr_2{ 
    width: 100%;
    float: left;
    text-align: left;
    display: inline-block; 
    margin:10px 0 0 0; 
}


 



.wr_r_b_100 h3 {
    width: 25%;
    float: right;
    display: inline-block;
    text-align: center; 
    padding: 10px 3px;
    margin:0; 
    /*border-radius: 25px;
    background-color: rgba(26,26,36,0.91);
    box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset;*/ 
}


.wr_r_b_100_50 h3 {
    width: 54%; 
    float: left;
    display: inline-block;
    text-align: center; 
    padding: 10px 3px;
    margin:0; 
    /*border-radius: 25px;
    background-color: rgba(26,26,36,0.91);
    box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset;*/ 
}

.wr_r_b_100 h3 span{
    width: 100%;
    float: left;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.1;
    color: rgba(182,182,204,0.91);
    transition: transform .5s;
    transform: scale(0.82);
    border-radius: 15px;
    border: 2px solid rgba(182,182,204,0.21);
    padding: 10px 5px;
}

.wr_r_b_100 h3.acc_h_3 span{ 
    line-height: 1.5;
}


.wr_r_b_100 h3.acc_h_3 span b{
    width: 100%;
    float: left;
    display: inline-block;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.1; 
    color: rgba(182,182,204,0.91);
    padding-top: 3px; 
}

.wr_r_b_100 h3:hover span{ 
    background-color: rgba(182,182,204,0.81);
    color: rgba(26,26,36,1);
    transform: scale(1.02);
    font-weight: 700;
}

.wr_r_b_100 h3.acc_h_3:hover span b{  
    color: rgba(26,26,36,1);
    transform: scale(1.02);
    font-weight: 600;
}


.wr_r_b_100 h3 img {
    width: 100%;
    float: left;
    display: inline-block;
    text-align: center;
    border-radius: 25px;
    padding: 20px;
    margin-bottom: 10px;  
}

 


 
.accessories_img {
    width: 40%;
    float: right;
    display: inline-block;
    text-align: center;
    border-radius: 25px;
    padding: 20px;
    margin-bottom: 10px;
    background-color: #FF6C00;
    background-color: rgba(26,26,36,0.91);
    box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset;
}



.accessories_img img{
    width: 100%;
    float: left;
    display: inline-block; 
}

.accessories_info {
    width: 57%;
    float: right;
    display: inline-block; 
    padding-right: 10px;
}

.accessories_info h2, .accessories_info span{
    width: 100%;
    float: left;
    display: inline-block;
    text-align: left;  
}

h2.acc_h_title { 
    width: 100%;
    float: left;
    display: inline-block;
    text-align: right; 
    font-size: 35px;
    font-weight: 500;
    color: rgba(182,182,204,0.91);
    margin-top: -15px;
    margin-bottom: 25px;
    position: relative; 
}

h2.acc_h_title strong{  
    display: inline-block;
    width: auto;
    padding: 5px 6px;
    margin-left: 6px;
    font-weight: 400;
    background-color: rgba(182,182,204,0.21);
    color:rgba(182,182,204,0.98);
    border-radius: 10px;
}

.accessories_info span{ 
    font-size: 23px;
    letter-spacing: -0.1px;
    font-weight: 400;
    color: rgba(182,182,204,0.91); 
    float: right;
    text-align: right; 
}

.accessories_info span b{  
    font-weight: 700;
    color: rgba(182,182,204,0.91); 
}

.acc_explore {
    float: right;
    display: inline-block;
    border-radius: 25px;
    color: rgba(182,182,204,0.91);
    background-color: #1A1A24;
    font-size: 16px;
    text-align: center;
    padding: 10px 16px; 
}

.acc_pdf {
    float: right;
    display: inline-block;
    border-radius: 25px;
    color: rgba(182,182,204,0.91);
    background-color: #1A1A24;
    font-size: 16px;
    text-align: center;
    padding: 10px 16px; 
}


.acc_pdf img{
    float: left;
    display: inline-block;
    font-size: 0;
    width: 20px; 
}

.acc_pdf b{
    float: right;
    display: inline-block; 
    margin: 3px 0 0 9px;
}


.accessories_info .divTablec .divTableCellc {
    width: 130px;
    padding-left: 3px;
    padding-right: 3px;
}


.accessories_info .divTablec .divTableCellc_a {
    width: 115px; 
}

.accessories_info .divTablec .divTableCellc_b {
    width: 88px; 
}

.accessories_info .divTablec .divTableCellc_r  {
    width: 119px; 
}



.accessories_info ul {
    width: 100%;
    float: right;
    display: inline-block;
}

.accessories_info ul li{
    width: 100%;
    float: right;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: rgba(182,182,204,0.91);
    text-align: right;
    margin: 5px 0;
}

.accessories_info ul li b{ 
    display: inline-block; 
    font-weight: 700; 
}

.accessories_info ul li span{ 
    float: right;
    display: inline-block;
    width: auto;
    font-size: 11px;
    font-weight: 400; 
    color: rgba(182,182,204,0.51);
    margin:3px 0 2px 6px;
}




.colors_seo_img {
    width: 370px;
    padding: 5px;
    overflow: hidden;
    border-radius: 25px;
} 

.colors_seo_img img{
    border-radius: 21px;
    font-size: 0;
    overflow: hidden;
}

.colors_seo_info {
    width: auto;
    float: left;
    padding-left: 30px;
}
 





a.back_page {
    width: auto;
    height: 30px;
    float: left;
    display: inline-block;
    color: rgba(182,182,204,0.31); 
    font-weight: 500;
    padding:8px 6px 3px 6px;
    text-align: center;
    border: 1px solid rgba(182,182,204,0.31);
    border-radius: 8px;
    margin:8px 9px 0 0; 
}

a.back_page span{ 
    font-size:15px;
    font-weight: 500; 
    float: left;
    width: auto;
    margin-top: -1px;
}

a.back_page div{ 
    font-size:15px;
    font-weight: 500; 
    float: right;
    width: auto;
    margin-left: 3px;
}

a.back_page:hover { 
    border: 1px solid #1A1A24;
    background-color: #1A1A24; 
    color: rgba(182,182,204,0.91); 
}








@media all and (max-width: 1170px) {  
}

.colors_seo_h_3 {
    margin-top: 15px;
}




@media all and (max-width: 1000px) {      
    .accessories_img{ width: 50%; }
    .accessories_info { width: 48%;  }  
    
    h2.acc_h_title { font-size: 29px; }
    .accessories_info span{ font-size: 18px; }
    
    
    .accessories_info .wrap_line_25 {
        height: 13px;
    }
    
    .accessories_info .divTablec .divTableCellc_a {
        width: 90px; 
    }
    
    
    .accessories_info .divTablec .divTableCellc_b {
        width: 61px; 
    }
    
    .accessories_info .divTablec .divTableCellc_r  {
        width: 100px; 
    }
    
 
    
}


@media all and (max-width: 769px) {      
    .accessories_img{ width: 100%; }
    .accessories_info { width: 100%;  }  
    
    h2.acc_h_title { font-size: 24px; margin-bottom: 14px; }
    .accessories_info span{ font-size: 17px; }
    
    
    .accessories_info .wrap_line_25 {
        height: 13px;
    }
    
    
    .colors_seo_info { 
        padding-left: 0;
    }    
    
    .colors_seo_h_3 {
        padding-left: 0;
        margin-top: 20px;
    }

    
    
    
    
    
.tabche_class p {
    font-size: 15px;
    line-height: 1.3;
    margin-top: 5px;
}
    
.tabche_class p span {
    font-size: 12px;
    margin: -2px 4px 0 0;
    opacity: 0.3;
}
    
.important_features li {
    font-size: 16px;
    margin-bottom: 5px;
    letter-spacing: 0.2px;
}
    
.important_features li strong {
    font-size: 15px;
    text-align: left;
    color: #B6B6CC;
    line-height: 1.3;
}
    
.important_features li span {
    font-size: 12px;
    text-align: left;
    color: #B6B6CC;
    margin: 0;
    opacity: 0.5;
    height: 15px;
    padding: 2px 5px 5px 0;
}
    
    
a.back_page { 
    margin:2px 9px 0 0; 
}
    
    
    
    
}









 












.tabsnavche_class_download{
    margin: 15px 0 15px 0;
    width: 100%;
    float: right;
    display: inline-block;
}

.tabsnavche_class_download li{
    margin-right: 8px;
    float: right;
    display: inline-block; 
    padding: 0;
    border-radius: 28px;
    border: 1px solid #2E2E38;
    background-color: rgba(182,182,204,0.08);
}



.tabsnavche_class_download li.active{     
    border-radius: 28px;
    border: 1px solid #2E2E38;  
    background-color: rgba(26,26,36,1);
    opacity: 1;
}

.tabsnavche_class_download li a{
    width:100%;
    float: left;
    display: inline-block;
    font-size: 16px;
    letter-spacing:-0.1px; 
    color: #B6B6CC;  
    border-radius: 28px; 
    font-weight: 400;  
    margin: 0; 
    padding: 10px 19px 10px 19px;
    opacity: 1;
}










.swiper-wrapper .swiper-slide {
    position: relative; 
}

.swiper-wrapper .swiper-slide img{
    z-index: 10003;
    position: relative;
    display: block;
    
}

.swiper-wrapper .swiper-slide h2.slwp_slide_t {   
    position: absolute;
    display: inline-block;
    z-index: 10005;
    text-align: center;
     width:auto;
    margin:auto; 
    top: 5%; 
    left:5%; 
    writing-mode: tb-rl; 
    transform: rotate(-180deg); 
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg); 
    padding: 2px; 
}



.swiper-wrapper .swiper-slide h2.slwp_slide_t strong{ 
    font-size: 55px;
    font-weight: 300;  
    position: relative;
    display: inline-block;
    z-index: 10005;
    text-align: center;
    width: auto;
    margin:auto; 
      
    /*background-color: rgba(26,26,36,0.51);
    border: 2px solid rgba(182,182,204,0.51);
    color: rgba(182,182,204,0.91);
    padding: 30px 10px 30px 14px;
    border-radius: 50px;*/
    color:rgba(182,182,204,0.51);
    font-weight: 400;
    letter-spacing: -0.5px; 
    background-color:#1A1A24;
    padding: 32px 11px 32px 16px;
    border-radius: 5px; 
    box-shadow: rgba(26,26,36, 0.25) 0px 0.0625em 0.0625em, rgba(26,26,36, 0.25) 0px 0.125em 0.5em, rgba(26,26,36, 0.1) 0px 0px 0px 1px inset;
}


.swiper-wrapper .swiper-slide h2.slwp_slide_t strong b{  
    font-weight: 800;   
}

 

















.clear_i_100 {
    float: left;
    display: inline-block;
    width: 100%;
    height: 15px;
} 

.clear_i_100_2 {
    float: left;
    display:none;
    width: 100%;
    height: 5px;
} 

.tabs_contentche_class_download {
    float: right;
    display: inline-block; 
    width: 100%;
    margin: 20px 0 20px 0; 
}
 

.tb_down_title {
    float: right;
    display: inline-block;
    color: #B6B6CC;
    font-size: 18px; 
    letter-spacing: -0.3px;
    font-weight: 500;
    margin:13px 5px 15px 0;
    width: 186px;
    text-align: right;
    opacity:1;
}

.tb_down_title span{ 
    float: right;
    display: inline-block; 
    font-size:10px;
    text-align: right;
    font-weight: 400;
    margin:5px 5px 0 7px;
    height: 100%; 
    opacity: 0.4;
}

.divTablec .divTableCellc_down {
    float: right;
    display: inline-block;
    width: 74px;
    padding:7px 5px; 
}



.divTablec .divTableCellc_down a{
    float: left;
    display: inline-block;
    width: 100%;
}

.divTablec .divTableCellc_down a b{
    float: left;
    display: inline-block; 
    font-size: 16px;
    font-weight: 500;
    color: #B6B6CC;
    margin: 5px 0 0 3px; 
    width: auto;
}

.divTablec .divTableCellc_down a img{
    float: right;
    display: inline-block;
    width: 21px;
    font-size: 0;
    margin: 2px 3px 0 2px; 
}


.divTablec .divTableCellc_down:hover{   
    background-color:#1A1A24;
}
 









.flex_cont_top{ 
    margin: 40px 0 0 0;
} 

.flex_cont_top_2{ 
    margin:  0;
} 


.flex_cont_top_bottom{ 
    margin: 40px 0 40px 0;
} 

.flex_cont_bottom{ 
    margin: 0 0 40px 0;
} 


.flex-container-50-img { 
    width: 100%;
    float: left;
    position: relative;
    display: flex; 
    justify-content: space-between;
    align-items: center;
    padding:0 45px;
} 



.flex-container-50-img .banner_flex_bx {
    width: 48%; 
    border-radius: 20px; 
}

.flex-container-50-img .banner_flex_bx_100 {
    width: 100%; 
    border-radius: 20px; 
}

.banner_flex_bx_100 img{
    width:100%;  
    border-radius: 20px;
    overflow: hidden;
}




.banner_flex_bx_shdw {
    box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
}

.banner_flex_bx img{
    width:100%;  
    border-radius: 20px;
    overflow: hidden;
}

.banner_flex_bx .banner_flex_text {
    width: 100%;
    float: left;
    display: inline-block;   
}

.banner_flex_bx .banner_flex_text p{
    width: 100%;
    float: left;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    color: rgba(182,182,204,1);
    padding: 9px 0;
    line-height: 1.4;
}

.banner_flex_bx .banner_flex_text p b{  
    display: inline-block; 
    color: rgba(255,255,255,1);
}


.banner_flex_bx .banner_flex_text ul{
    width: 100%;
    float: left;
    display: inline-block; 
}

.banner_flex_bx .banner_flex_text ul li{
    width: 100%;
    float: left;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    color: rgba(182,182,204,1);
    padding: 2px 0;
    line-height: 1.4;
}

.banner_flex_bx .banner_flex_text ul li span{ 
    float: left;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: rgba(182,182,204,1); 
    line-height: 1.4;
    opacity: 0.4;
    position: relative;
    margin:5px 8px 0 0;
}









.banner_flex_bx_100 .banner_flex_text_100 {
    width: 100%;
    float: left;
    display: inline-block;   
}

.banner_flex_bx_100 .banner_flex_text_100 p{
    width: 100%;
    float: left;
    display: inline-block;
    font-size: 28px;
    font-weight: 400;
    color: rgba(182,182,204,1);
    padding: 9px 0;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 0.5px;
}

.banner_flex_bx_100 .banner_flex_text_100 p b{  
    display: inline-block; 
    color: rgba(255,255,255,1);
}



 



 




























ul.tabsnav-2 li.change_li_a_2 { display:none; }

 
.page_title_box_center h1.page_ttl_yacht { font-size: 40px; }

@media all and (max-width: 1340px) {
    .header_menu_a ul.dropdown li.change_li_a_1 { display:none; }
    ul.tabsnav-2 li.change_li_a_2 { display:block; } 
    
    .page_title_box_center h1.page_ttl { font-size: 55px; }
    .page_ttl_small { font-size: 23px; } 
    
    .page_title_box_center h1.page_ttl_yacht { font-size: 39px; }
}

@media all and (max-width: 1200px) { 
    .language_button span.lang_text_1 { display:none; }
    .page_ttl_small { font-size: 21px; } 
    
    .page_title_box_center h1.page_ttl { font-size: 48px; }
    
    .page_title_box_center h1.page_ttl_yacht { font-size: 37px; }
}

@media all and (max-width: 1000px) {      
    .page_title_box_center h1.page_ttl { font-size: 40px; }
    
    .page_title_box_center h1.page_ttl_yacht { font-size: 34px; }
    
    .page_ttl_small { font-size: 20px; } 
    .page_title_box_center { margin: 30px 0; }
}


@media all and (max-width: 800px) {      
    .page_title_box_center h1.page_ttl { font-size: 36px; }
    
    .page_title_box_center h1.page_ttl_yacht { font-size: 31px; }
    
    .page_ttl_small { font-size: 17px; padding-bottom: 15px;
    background:none; } 
    .page_title_box_center { margin: 20px 0; }
}




@media all and (max-width: 800px) {    
    
    .wrap_2 { 
        padding: 0 15px;  
    }
    
    .flex-new {
        padding: 0 15px;
    }

}

 


 
 





.mySwiperhome_mobil { display: none;   visibility: hidden; }

.swiper-wrapper .swiper-slide h3.slwp_slide_t_2 {  
 
    bottom: 2.5%;
    left:0;
    right: 0;
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;  
    z-index: 10401;
}
    
    .swiper-wrapper .swiper-slide h3.slwp_slide_t_2 strong {
        
color: rgba(182,182,204,0.31);
        padding: 0;
        font-size: 35px; 
        font-weight: 900; 
    }
 





 

@media all and (max-width: 981px) {
    
    .mbl_none {
        visibility: hidden;
        display: none;
    } 
}




@media all and (max-width: 1441px) { 
    .swiper-wrapper .swiper-slide h2.slwp_slide_t strong{ 
        font-size: 50px;
    }
}

@media all and (max-width: 1201px) { 
    .swiper-wrapper .swiper-slide h2.slwp_slide_t strong{ 
        font-size: 40px;
    }
}



@media all and (max-width: 981px) { 
.swiper-wrapper .swiper-slide h2.slwp_slide_t {  
    position: absolute;
    display: inline-block;
    z-index: 10005;
    text-align: center;
     width:auto;
    margin:auto; 
    top: 5%; 
    left:5%;  
}
    
    .swiper-wrapper .swiper-slide h2.slwp_slide_t strong {
        padding: 15px 8px 15px 8px;
        font-size:32px; 
    }
    
    
    
    .blockquote h3 { font-size: 28px; }
    .blockquote h4 { font-size: 18px; }
    
    .blockquote-2 h1 { font-size: 28px; }
    
    
    
    
#send_message_box .centered_message {
    width: 90%; 
}
    
    
    
    
    
    
}


@media all and (max-width: 751px) { 
    
 
    
    .swiper-wrapper .swiper-slide h2.slwp_slide_t strong { 
        font-size: 29px; 
    }
    
    .mySwiperhome { display: none;   visibility: hidden; }
    .mySwiperhome_mobil { display: block;   visibility: visible; }
    
    
.sli_h_2_i {  
    font-size: 29px;
    font-weight: 900; 
    margin-bottom: 15px;  
    padding: 8px 25px; 
}

.sli_h_2_i_sp{ 
    font-size: 21px; 
    line-height: 1.2;
    padding: 0 10px;
}  
    
    
}


@media all and (max-width: 651px) {  
    
    .swiper-wrapper .swiper-slide h2.slwp_slide_t { 
        background-color: #2E2E38;
        border-radius: 5px;
        overflow: hidden;
        top: 10%;
        left: 10%;
        padding: 40px 1px 10px 2px;
        box-shadow: none; 
    }
 
    .swiper-wrapper .swiper-slide h2.slwp_slide_t strong { 
        font-size: 28px; 
        background-color: #2E2E38;
        box-shadow: none;
        letter-spacing: 0.6px;
    }
    
    
    .blockquote h3 { font-size: 25px; }
    .blockquote h4 { font-size: 16px; }
    
    
}







.bg_behind_box {
    float: left;
    display: inline-block;
    position: relative;
}

.bg_behind_box img{
    float: left;
    display: inline-block;
    width: 100%;
}


h2.p_100 {
    float: left;
    display: inline-block;
    position: relative;
    width: 100%;  
    padding: 0 30px; 
    z-index: 10001;
}

h2.p_100 b{
    float: left;
    display: inline-block;
    position: relative;
    width: auto;
    font-size: 30px;
    font-weight: 300;
    color:rgba(182,182,204,0.51);
    padding:8px 30px;
    line-height: 1.5;
    border-radius:50px;  
    text-align: center;
    z-index: 10201;
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(26,26,36,0.51) 0%, rgba(46,46,56,0.92) 80%, rgba(46,46,56,1) 100%);
}

 

h2.p_100 strong{
    float: right;
    display: inline-block;
    position: relative;
    width: auto;
    font-size:40px;
    font-weight: 900;
    color:rgba(182,182,204,0.31);
    padding:3px 5px 0 15px;
    line-height: 1.3;
    border-radius:50px; 
    text-align: right; 
    background-color:#2E2E38;
    z-index: 10201;
}

.wr_right_bar_p {
    width: 100%;
    float: left;
    display: inline-block; 
    position: relative;
}

.wr_right_bar_p_tab {
    min-width: 50%;
    float: left;
    display: inline-block; 
    position: relative; 
}


.wr_right_bar_p h2 {
    position: absolute;
    display: inline-block;
    width: 53%;
    right: 0;
    top: 45%;
    line-height: 1.12;
    font-size: 42px;
    font-weight: 600;
    color:rgba(182,182,204,0.31);
    text-align: center;
}
 










 



.ins_class_download {
    float: left;
    display: inline-block;
    width: 100%; 
    padding: 0;
}


 

#app_box_wrap_primer, #app_box_wrap_floor, #app_box_wrap_wall, #app_box_wrap_porefiller {
    display: none;
}


.flex-new-2 {  
    padding: 0 0 10px 0;
    align-items:stretch;  
    display:grid;
    grid-template-columns: repeat(2, 49%); 
    justify-content:space-between;
}

.flex-new-2 .flex-new-banner img{ 
    border-radius: 20px;
    overflow: hidden;
}

.flex-new-2 .flex-new-banner{ 
    margin-bottom: 20px;
}

.flex-new-banner-text {
    position: relative;
}

.flex-new-banner-text .nrm {
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 100%;
    background-color:#FF6C00;
    color:#fff; 
    font-weight: 500;
    font-size: 27px;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    text-align: center;
}


.tabche_class .flex-new-2 p {
    font-size: 18px;
}


.flex-new-2 img{ 
    margin: 0;
    padding: 0;
}


.flex-new-100-box {
    width: 100%;
    float: left;
    display: inline-block;
}

.flex-new-100-box h2{
    width: 100%;
    float: left;
    display: inline-block;
    color: rgba(182,182,204,0.91);
    font-weight: 700;
    font-size: 23px;
    text-align: right;
    margin-bottom: 10px;
}

.flex-new-100-box h3{
    width: 100%;
    float: left;
    display: inline-block;
    color: rgba(182,182,204,0.91);
    font-weight: 700;
    font-size: 20px;
    text-align: right;
    margin-bottom: 10px;
}

 .flex-new-banner-text h4{
    width: 100%;
    float: left;
    display: inline-block;
    color: rgba(182,182,204,0.91);
    font-weight: 700;
    font-size: 20px;
    text-align: right;
    margin-bottom: 2px;
}

.tabche_class .flex-new-100-box p{
    width: 100%;
    float: left;
    display: inline-block;
    font-size: 18px;
    margin: 5px 0;
}







.wrap_2_bxi {
    width: 100%;
    float: left;
    display: inline-block;
    padding: 0 30px;
}

.contact_left_box{
    width: 58%;
    float: left;
    display: inline-block; 
} 

.contact_left_box h3{ 
  width: 100%;
	float: left;
	display: inline-block;
	text-align: right;
	font-weight: 600;
	font-size: 39px;
    padding:0 0 20px 10px;
    color: rgba(182,182,204,0.5);
} 

.contact_left_box .message_form_contactpage  {
  width:100%;
  float: left;
  display: inline-block;
  text-align: right;
  margin-top: 5px;
	padding: 10px;
}
 
.contact_left_box .message_form_contactpage  label{
  width:auto;
  float: right;
  display: inline-block;
  font-size: 18px;
  text-align: right;
  font-weight: 400; 
	color: rgba(182,182,204,0.50);
	margin-bottom: 7px; 
    letter-spacing: 0;
}
 
.contact_left_box .message_form_contactpage  input, 
.contact_left_box .message_form_contactpage  select, 
.contact_left_box .message_form_contactpage  textarea { 
  width: 100%;
  padding:16px 16px; 
	background: none;
    background-color: #1A1A24;
  border:#1A1A24 1px solid;  
  box-sizing: border-box;
  margin-top: 3px;
  margin-bottom: 5px;
  resize: vertical;
  text-align: right;
  font-size: 18px;
	color: #B6B6CC;
    font-weight: 500; 
    border-radius: 10px;
}

.contact_left_box .message_form_contactpage input[type=submit] {
  background-color:rgba(182,182,204,0.91);
    border:none;
  color:#1A1A24;
  padding: 16px 23px; 
  cursor: pointer;
  width: auto;
  text-align: center;
  font-size: 18px; 
    font-weight: 500;
    border-radius: 10px;
    margin-top: 10px; 
}

.contact_left_box .message_form_contactpage input[type=submit]:hover {
  background-color:#FF6C00;
  color: #fff;
} 


.contact_left_box .sending_box_2 { 
    display: none;
    width: 100%;
    text-align: center;
    height: 81px;
    font-size: 22px;
    font-weight: 400;
    color: #FF6B00; 
    border-radius: 10px;
    overflow: hidden;  
    position: absolute;
    top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */ 
    transform: translate(-50%, -50%); 
}

.contact_left_box .sending_box_2 .send_text_1, .contact_left_box .sending_box_2 .send_text_2 {
    width: 100%;
    text-align: center;
    display: none;
    font-size: 18px;
    color: #B6B6CC;
    font-weight: 500; 
    padding: 8px 0 0 0; 
}



/* lineup class and keyframes */
.contact_left_box .lineUp {
  animation: 2s animx-lineUp ease-out;
}
@keyframes animx-lineUp {
  0% {
    opacity: 0;
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
    transform: translateY(50%);
  }
  50% {
    opacity: 0.7;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

 
.contact_left_box .sending_box_2 .checkmark__circlec {
    
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke: #FF6B00;
  fill: none;
  animation: stroke 5.2s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.contact_left_box .sending_box_2 .checkmarkc {
      margin: 3px auto;
    position: relative;
    z-index: 1011; 
  width: 36px;
  height: 36px;
    overflow: hidden;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #FF6B00; 
  stroke-miterlimit: 10; 
  
  animation: fill 5s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.contact_left_box .sending_box_2 .checkmark__checkc {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.8s cubic-bezier(0.65, 0, 0.45, 1) 5s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes fill {
  100% {
    
  }
}











 












.contact_right_box{
    width: 41%;
    float: right;
    display: inline-block; 
    margin-top: 87px;
}

.contact-right-bar-row{
    width: 100%;
    float: right;
    display: inline-block;  
    margin:5px 0; 
    font-size: 19px;
    color: #B6B6CC;
    line-height: 1.4;
}


.contact-right-bar-row strong {
    width: 100%;
    float: right;
    display: inline-block; 
    font-size: 18px;
    font-weight: 800;
    color: #B6B6CC; 
    margin-top: 5px;
}


.contact-right-bar-row b { 
    font-size: 20px;
    font-weight: 800;
    color: #B6B6CC; 
}


.map_box {
    float: left;
    display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 15px;
}


.map_box iframe{
    float: left;
    display: inline-block;
    width: 100%;
}











 .mySwipertabchemical  {
     width: 100%;
     padding: 0 80px;
      }


 .mySwipertabchemical .swiper-wrapper {
     width: 100%; 
     margin: 0 auto;
     float: none;
     position: relative;  
      }

 
.mySwipertabchemical .swiper-slide {
        text-align: center;
        font-size: 18px; 
    float: left;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }


.mySwipertabchemical .swiper-slide:nth-child(1n) { width: auto; padding: 0; margin:0 50px 0 0;}
.mySwipertabchemical .swiper-slide:nth-child(2n) { width: auto; padding: 0; margin: 0 ;}
.mySwipertabchemical .swiper-slide:nth-child(3n) { width: auto; padding: 0; margin: 0 ;}
.mySwipertabchemical .swiper-slide:nth-child(4n) { width: auto; padding: 0; margin: 0 ;}
.mySwipertabchemical .swiper-slide:nth-child(5n) { width: auto; padding: 0; margin: 0 ;}
.mySwipertabchemical .swiper-slide:nth-child(6n) { width: auto; padding: 0; margin: 0 ;}
.mySwipertabchemical .swiper-slide:nth-child(7n) { width: auto; padding: 0; margin:0 0 0 50px;}



.swiper-button-prev, .swiper-button-next {
    z-index: 10102;
}

.left_tp_bg {
    position: absolute;
    display: block;
    left: -15px;
    height: 80px;
    width: 70px;
    z-index: 10101;
    background:url("../pictures/slide/left_tr_bg.png") no-repeat left center;
    background-size:100px;
}

.right_tp_bg {
    position: absolute;
    display: block;
    right: -15px;
    height: 80px;
    width: 70px;
    z-index: 10101;
    background:url("../pictures/slide/right_tr_bg.png") no-repeat right center;
    background-size:100px;
}







 

.mySwipertabinstallation .swiper-slide:nth-child(1n) { width: 260px; padding: 4px 15px; margin: 0 ; background-color: #fc0; }
.mySwipertabinstallation .swiper-slide:nth-child(2n) { width: 260px; padding: 0; margin: 0 ; background-color: #f00; }
.mySwipertabinstallation .swiper-slide:nth-child(3n) { width: 260px; padding: 0; margin: 0 ; background-color: #148A67; }
.mySwipertabinstallation .swiper-slide:nth-child(4n) { width: 260px; padding: 0; margin: 0 ; background-color: #D01DCA; } 


 








@media all and (max-width: 980px) {
    
.flex-new-2 {  
    padding: 0 0 10px 0;
    align-items:stretch;  
    display:grid;
    grid-template-columns: repeat(1, 100%); 
    justify-content:space-between;
}

    
     


}






@media all and (max-width: 1350px) {
    
.left_bar { width: 35%; } 
    
.tabs_contentche_class { width: 64%; } 
    
    .divTablechmeical { width: 100%; }  
    .divTablechmeical .divTableCell_a { width: 100%; } 
    .divTablechmeical .divTableCell_b { width: 100%; }
 
    
}
  

@media all and (max-width: 1150px) {
    
    .left_bar { width: 40%; }
    .tabs_contentche_class { width: 59%; }  
    
    .tabs_contentche_class_download { width: 100%;}
    
    .wr_right_bar_p h2 {
    display: none;
}
    
    .divTableCell b {
        font-size: 14px; 
    }
    
     .subscribe-box-container .subscribe-box, .subscribe-box-container .subscribe-box-order {
        display:block;
         position: relative;
         text-align: center;
    }
    
    .subscribe-box-container .subscribe-box h3 { 
        width: 100%;
        font-size: 16px; 
        font-weight: 600;
        text-align: center;
        margin-bottom: 10px;
    }
    
    .subscribe-box-container .subscribe-box-order .now-order {
        display:inline-block;
        float: none;
        width:auto;
        margin: 0 auto;
        font-size: 17px;
        padding: 13px 22px;
        border-radius: 25px;
        background-color: #1A1A24;
        color: #fff;
        transition: all 0.5s ease;
    }
    
    
    .subscribe-box-container .subscribe-box .subscribe-form {
        float: none;
        display: inline-block;
        margin: 0 auto;
        width: 100%;
        height: 47px;
        font-size: 18px; 
    }
     
    
}










.other_binders_box {
    position: relative;
    float: right;
    display: none;
    margin: 11px 0 0 2px;
    z-index: 10221;
}

.other_binders_box .other_binders {
  color: rgba(182,182,204,0.41);
  text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    cursor: pointer;
    outline: none;
}

.other_binders_box .other_binders span{
    margin-top:0;
    display: inline-block;
    float: right;
    margin-left: 3px;
    transform: rotate(180deg);
}

.other_binders_box .other_binders:hover {
  color: rgba(182,182,204,0.91);
}

#other_binders_menu {
    position: absolute; 
    display: none;
    z-index: 10201;
    right: 0;
    top: 35px;
    width: 210px;
    height: auto;
    padding:15px 11px ;
    background-color: #1A1A24;
    border-radius: 10px;
    box-shadow: 0px 0px 12px rgba(0,0,0,0.42); 
    
}


#other_binders_menu a{
    float: left;
    display: inline-block;
    width: 100%;
    color: rgba(182,182,204,0.48);
    font-size: 16px;
    letter-spacing: -0.4px;
    text-align: right;
    padding: 5px 1px; 
    line-height: 1.5;
}

#other_binders_menu a.o_b_m_none{ 
    display: none; 
}

#other_binders_menu a:last-child { 
    border-bottom: none;
}

#other_binders_menu a span{
    float: right;
    display: inline-block;
    width: 20px; 
    font-size: 15px; 
    line-height: 1.8;
    transform: rotate(180deg); 
    padding-right: 5px;
}


#other_binders_menu a:hover{ 
    color: rgba(182,182,204,0.94); 
}







@media all and (max-width: 1050px) {
    
    
    

    
    
    
    
ul.breadcrumb {  
    display: none;  
}
    
ul.breadcrumb_acc {  
    display: inline-block;  
}
    
.other_binders_box { 
    display: block;
}
    
    
    
.wr_r_b_100 h3 {
    width: 50%; 
}
    
    
.wr_r_b_100 h3 span{ 
    font-size: 15px; 
    letter-spacing: -0.1px;
    padding: 10px 2px;
}

.wr_r_b_100 h3:hover span{  
    transform: scale(1); 
}
    
.wr_r_b_100 h2 b{ 
    width: 100%;
    font-size: 24px; 
    text-align: right;
}

.wr_r_b_100 h2 b.b_wr_2{ 
    width: auto;
    float: right; 
    display: inline-block;
    font-size: 17px;
    font-weight: 600; 
    padding: 6px 13px;
    margin: 8px 0 0 0; 
    text-align: right;
}
    
    
.wr_r_b_100 h3 img { 
    padding: 8px;
    margin: 10px 0 15px 0;  
}

 
    
    
    
.contact-right-bar-row {
    font-size: 16px;
    }
    
.contact-right-bar-row strong {
    font-size: 19px;
    }

    

    

    
}









@media all and (max-width: 940px) {
    
    
.flex-new-100-box h3 {
    font-size: 16px; 
    margin-bottom: 5px;
}
    
.tabche_class .flex-new-2 p {
    font-size: 16px;
}
    
    
.blockquote-2 h1 {
    font-size: 21px;
    line-height: 1.6;
    padding: 10px 6px;
}
    
    
.blockquote-2 h4 {
    font-size: 15px;
    line-height: 1.6;
    padding: 2px 3px;
    margin-top: 7px;
    float: right;
}
    
    
    

    
    
.contact_left_box{
    width: 53%;
    float: left;
    display: inline-block; 
} 
    
.contact_right_box {
    width: 46%;
    float: right;
    display: inline-block; 
} 
    
.contact-right-bar-row {
    font-size: 15px;
    margin-bottom: 4px;
    }
    
.contact-right-bar-row strong {
    font-size: 17px;
    }
    
.contact_left_box h3 { 
    font-weight: 600;
    font-size: 30px;
    padding: 0 0 10px 10px; 
}


    
    .page_title_box_center {
        padding-bottom: 19px;
    }
    
.page_title_box { 
    margin-top: 2px;
    margin-bottom: 1px;
}
    
    
.wr_container_top { 
    padding: 5px 9px 6px 9px;
    margin-top: 10px;   
}

    
.footer-box {
    width: 100%;
    display: block; 
}

.footer-menu-box {
    width: 100%; 
}
    

 
.page_title_box h1.page_ttl { 
    padding: 10px 0 0 0;
    font-size: 25px; 
    margin-bottom: 7px;
}
    
.page_title_box strong {
    width: 100%;
    float: left; 
    text-align: left; 
    margin: 0;
    font-size: 16px;
}
    
h2.page_ttl_2 {
    font-size: 16px;
    margin-top: 15px;
    padding-left: 14px;
    font-weight: 600;
    line-height: 1.1; 
    }
    
a.binders_link { 
    padding: 5px 10px 6px 28px; 
    }
    
a.binders_link span{ 
    right: 4px; 
    }
    
 
       
    
}










@media all and (max-width: 771px) {
    
.tabsnavche_class_download li {
    margin-right: 2px;
}
        
    
.tabsnavche_class_download li a { 
    font-size: 15px;
    letter-spacing: -0.3px;   
    padding: 7px 10px 7px 10px; 
}
    
    
      
    
    
    

    
    
    
.contact_left_box{
    width: 100%;
    float: left;
    display: inline-block; 
    
} 
    
.contact_right_box {
    width: 100%;
    float: right;
    display: inline-block; 
    padding:0 15px;
    margin: 0;
} 
    
.contact-right-bar-row {
    margin: 5px 0 0 0; 
    }
    
.contact_left_box h3 {  
    font-size: 20px;
    padding: 0 0 5px 10px; 
}
    
.contact_left_box .message_form_contactpage label {
    margin-top: 2px;
    margin-bottom: 3px; 
}
    
    
    
    
.left_bar { width: 100%; }
.left_bar .download_bx {
    margin-bottom: 15px;
}
.tabs_contentche_class { width: 100%; float: left;}    
    
.footer-menu-box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}
    
    
.footer-menu-box h5 {  
    display: none;
}



    .contact_footer_box {
        margin: 15px 0;
    }
 
    
.footer-menu-box ul, .footer-menu-box ul.f_ul_2 {
    width: 100%;
    float: left;
    display: inline-block;
    position: relative;
    margin:0; 
    }
    
    

    
  
    
.header_w {
        height: 85px;
    }   
    

    
    
    
header {
    height: 85px;
}
    
    
header #logo {
  margin:23px 0 0 0;  
	float: right;
  display: inline-block; 
	width: 120px;  
}  

header #logo h1 a  .netherlands_flagline{
  width: 114px;
    height: 8px;
  float: right;
  display: inline-block;
    margin-top: 7px;
    overflow: hidden; 
}

header #logo h1 a  .netherlands_flagline .flag_color{
  width: 37px;
    height: 8px;
  float: left;
  display: inline-block;  
}
 



header #logo h1 a span{
	font-size: 43px;
	font-weight: 500; 
	color: #fff;   
	float: right;
	-webkit-transition: font-size 0.3s ease-out;  
     transition: font-size 0.3s ease-out;
}

header #logo h1 a:hover span{ 
	color: #000;
	color: #ff6c00;
}



header #logo h1 a strong{ 
  font-size: 11px;  
	margin:16px 0 0 5px; 
}
    
    

    
    
    
}











  a.binders_link_i {
        display: none;
    }  









@media all and (max-width: 771px) {

#tabs-content .tab-content img{
    width: auto;
    height:20%; 
    float: left;
    display: block;
    overflow: hidden; 
    font-size: 0;
}
    
    
  a.binders_link {
        display: none;
    }

  a.binders_link_i {
        display: block;
    }   
    
}



 
    
@media all and (max-width: 981px) {
    
    
.mbl_none {
    visibility: hidden;
    display: none;
}  
    
.dropdown-content {
       display: none; 
    }

} 


















/*MOBIL HAMBURGER ACCORDION MENU*/


.mobil_cont_open {
    display: none;
    position: absolute;
    width: 28px;
    height: 28px; 
    color: rgba(182,182,204,0.91); 
    font-weight: 300;
    left: 30px;
    top: 51px;
    cursor: pointer;
    outline: none; 
}


#mobil_wrap {
    height: 100%;
	width: 100%; 
	position: fixed;
	z-index: 14999;
	top:0;
	left: 0;
	color:#fff; 
	overflow-y: auto;
    background-color: #1A1A24;
	display: none;
	padding: 15px; 
}  


#logo_mobil {
  margin:22px 0 0 0;  
	float: right;
  display: inline-block; 
	width: 110px; 
} 

#logo_mobil a .netherlands_flagline{
    width: 105px;
    height: 5px;
    float: left;
    display: inline-block;
    margin-top: 7px;
    overflow: hidden;
}

#logo_mobil a .netherlands_flagline .flag_color{
    width: 35px;
    height: 12px;
    float: left;
    display: inline-block;
    margin-top: -4px;
}

#logo_mobil a .netherlands_flagline .flag_color_a{ background-color: #C8102E; }
#logo_mobil a .netherlands_flagline .flag_color_b{ background-color: #FFFFFF; }
#logo_mobil a .netherlands_flagline .flag_color_c{ background-color: #003DA5; }


#logo_mobil a span{
	font-size: 39px;
	font-weight: 500;
	color: #ff6c00;
	color: #000; 
	color: #fff;   
	float: left;
	-webkit-transition: font-size 0.3s ease-out;  
     transition: font-size 0.3s ease-out;
}

#logo_mobil a:hover span{ 
	color: #000;
	color: #ff6c00;
}



header #logo_mobil h1 a strong{ 
  font-size: 12px;
	color: #FF6B00;
	color: #979797; color: #fff;  
	font-weight: 400; 
	margin:24px 0 0 5px;
	display: inline-block;
	position: relative;
	float: left;
}

header #logo_mobil h1 a strong.header_strg_s{ 
  font-size: 0;
}






#mobil_wrap .icon-close {
	font-size: 24px;
	color:rgba(182,182,204,0.91);
	font-weight: 300;
	position: absolute;
	width: 28px; 
	left: 25px;
    top: 53px;
	cursor: pointer;
	outline: none;
}


.language_mobil_wrap {
    float: left;
    display: inline-block; 
    width: 100%; 
    margin: 12px 0 2px 0;
    border-radius:0;
    padding: 3px 0;
}

.language_mobil_wrap a{
    float: right;
    display: inline-block; 
    width: 9.090909090909091%;
    font-size: 16px;
    font-weight: 300; 
    color:rgba(182,182,204,0.70);
    padding: 11px 1px;
    text-align: center;
    border: 1px solid #2B2B3E;
    margin: 0 -1px 0 0;
}

.language_mobil_wrap a.active{ 
    font-size: 16px;
    font-weight: 800; 
    color:#2B2B3E;
    background-color: #FF6600;
}

 




.accordion {
  width: 100%;
  margin:12px 0 0 0;
    padding: 0 15px;
    float: left;
    display: inline-block;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 14px 10px 14px 2px;
  color:rgba(182,182,204,0.7);
  font-size: 18px; 
  letter-spacing: -0.1px; 
  text-align: right;
  border-bottom: 1px solid rgba(182,182,204,0.21);
  position: relative;
  font-weight: 400;
}

.accordion .link:hover {
  color:rgba(182,182,204,0.99);
}


.accordion .link a {
  cursor: pointer;
  display: block; 
  color:rgba(182,182,204,0.7);
  font-size: 18px; 
  letter-spacing: -0.1px; 
  text-align: right; 
  position: relative;
  font-weight: 400;
}

.accordion .link a:hover {
  color:rgba(182,182,204,0.99);
}
 
.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #B9C9E3;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}




.accordion li span.icon-chevron-thin-down {
  left: 18px;
  right: auto;
  top: 9px;
  position: absolute;
  display: block;
  width: 19px;
  height: 19px;  
}

.accordion li.open .link { 
    color:rgba(182,182,204,1); 
    font-weight: 900;
}

.accordion li.open span.icon-chevron-thin-down {  }

.accordion li.open span.icon-chevron-thin-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}




.link a span.icon-chevron-thin-right { 
    transform: rotate(180deg);
    display: inline-block;
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none; 
  font-size: 16px;
  text-align: right;
}

.submenu li { border-bottom: 1px solid rgba(182,182,204,0.08); }

.submenu a {
  display: block;
  text-decoration: none;
  color:rgba(182,182,204,0.7);
  padding: 11px 8px 11px 10px;  
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
	font-weight: 400;
}

.submenu li a .glb_spn {
    float: right;
    display: inline-block;
}

.submenu li a div { 
    border: 1px solid rgba(182,182,204,0.38); 
    padding: 3px 5px;
    display: inline-block;
    margin-left: 11px;
    border-radius: 5px;
    float: right;
}

.submenu a .icon-circle {
	display: inline-block;
	font-size: 9px;
	margin-left: 4px;
	margin-top: -2px;
	position: relative;
	opacity: 0.3;
}

.submenu a:hover { 
  color: rgba(182,182,204,0.99);
}

.submenu li a span.icon-chevron-thin-right { 
    transform: rotate(180deg);
    display: inline-block;
    float: right;
    padding-right: 5px;
}


/*MOBIL ACCORDION MENU*/


.mobil_container .copyright_box_center .copyright_box {
    border: none;
    font-size: 13px;
    letter-spacing: -0.3px; 
    margin-top: -20px;
}

.copyright_box span {
    color: rgba(182,182,204,0.56);
}



.flex-new-banner-web {
    display: block;
    visibility: visible;
}

.flex-new-banner-mobil {
    display: none;
    visibility: hidden;
}

 




@media all and (max-width: 981px) {
    
    
    
.flex-new-2 .flex-new-banner {
    margin-bottom: 6px;
}
    
.flex-new-banner-text ul li { 
    font-size: 16px;
    font-weight: 400;
    color: rgba(182,182,204,0.91);
    line-height: 1.2;
    margin: 3px 0; 
}
    
    
    
    .searchbox_open {
        margin-left: 45px;
        margin-top: -10px;
    }
    
 
    .mobil_cont_open {
        visibility: visible;
        display: block;
    } 
    

    

    
    
  

}




@media all and (max-width: 769px) {  
    
    .page_title_box_center {
        padding-bottom: 1px;
    }
    
    .page_title_box h1.page_ttl { 
        font-size: 23px;
        margin-bottom: 6px;
        letter-spacing: -0.3px;
    }
    
    h2.page_ttl_2 {
        font-size: 14px;
        margin-top: 14px; 
        font-weight: 600;
        line-height: 1.18;
        padding:6px 13px 6px 0;
    }
    
    .page_title_box strong {
        width: 100%;
        float: left;
        text-align: left;
        margin: 0;
        font-size: 15px;
    }
    
    
.flex-new-banner-web {
    display: none;
    visibility: hidden;
}

.flex-new-banner-mobil {
    display: block;
    visibility: visible;
}
    
    
}









.flex-new-banner-text p.banner_p{
    width: 100%;
    font-size: 27px;
    font-weight: 400;
    color: rgba(182,182,204,0.81); 
    letter-spacing: 0.1px; 
    line-height: 1.22;
    margin: 5px 0;
    float: left;
    display: inline-block;
}

.flex-new-banner-text p.banner_p b{ 
    font-weight: 800;
    color: rgba(182,182,204,0.81); 
    display: inline-block;
}



@media all and (max-width: 769px) {  
    
.flex-new-banner-text p.banner_p{ 
    font-size: 22px; 
    line-height: 1.22;
    margin: 5px 0; 
}  
    
.flex-new-banner-text h3.h_3_a { 
    margin:9px 0 0 0; 
}
    
.flex-new-banner-text .wrap_line_10_mbl { 
    height: 2px;
}  
    
    
.flex-new-banner-text p.p_3_a {
    margin:4px 0; 
    }
    
    
a.banner_link_p { 
    font-size: 15px; 
    margin:5px 0 0 0; 
    padding:0px 12px 3px 15px;
    line-height: 1.2; 
    height: 35px;   
    
}

a.banner_link_p span{ 
    font-size: 19px; 
    bottom: -3px; 
    padding: 2px 10px; 
}
    
    
}




.mySwiperx {
    display: none;
    min-height: 350px;
}

.mySwiperhome_bags { 
    display: none;
    min-height: 350px;
}
 



@media all and (max-width: 1270px) {  
    
    .calculate_system .left_calculate_system  {
        width: 100%;
    }
    
    .area_preview {
        width: 100%;
        border: none;
        padding: 10px 0 0 15px; 
        border-top: 1px solid #B6B6CC;
    }
    
}


@media all and (max-width: 890px) {  
    
    .calculate_system .calculate_system_overflow {
        margin-top: -55px;
    }
    
    .node_box .node_2 { left: 29.5%; }
    .node_box .node_3 { left: 59.4%; }
    
    .selection_row .stn_name {
        width: auto;
    }
    
    .node_text {
        display: none;
    }
    
}



.swipergranule .swiper-wrapper-cq .swiper-slide-cq {
    height: auto;
}


@media all and (max-width: 680px) {  
    
    .calculate_system .calculate_system_overflow {
        padding-top: 5px;
    }
    
    .progress .bar {
        height: 5px; 
    }
    
    .node_box .node { 
        width: 27px;
    height: 27px; 
    }
    
    .node_box {
        margin-top: 5px;
    }
    
    .calculate_system .floor_squaremeter {
        width: 100%;
        padding-right: 0;
        border: none;
    } 
    
    .calculate_system .wall_squaremeter {
        width: 100%;
        padding-left: 0;
        float: left;
        margin-top: 15px;
    } 
    
    .calculate_system .calculate_system_right .selection_a_class {
        font-size: 15px;
    }
    
    .calculate_system .calculate_system_right .selection_a_class {
        font-size: 16px;
    }
    
    .calculate_system .calculate_system_left .check_row h2 strong {
        margin-top: 8px;
    }
    
    
    
    .calculate_system .calculate_system_left .check_row h2 strong {
        margin-right: 5px; 
        margin-left: 0;
    }
    
 .calculate_system label.checkbox_a_1 strong {
    width: auto;
    height: 30px;
     padding: 7px 8px; 
    }

  .calculate_system label.checkbox_a_1 {
    position: relative;
    width: auto;
    height: 30px;
    display: inline-block;
    float: left;
    margin-right: 3px; 
}  

    
    
    .calculate_system .calculate_system_left .check_row h2 .h_2_t_sp {
    width: 100%;
    float: left;
    display: inline-block;
    margin-top: 2px;
        margin-bottom: 5px;
    margin-right: 1px;
        font-size: 14px;
}
    
    
    .calculate_system .calculate_system_left .check_row h2 {
    width: 100%;
    float: left;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    color: #FF6C00;
    margin-bottom: 10px;
    letter-spacing: -0.3px;
    position: relative;
}
    
    
.wr_container_calc {
    max-width: 97%;
    margin: 0 auto;
    display: block;
    padding: 0;
    position: relative;
}
    
    .page_title_box_calc {
        padding-left: 15px;
    }
    
    
#send_offer_box .centered_message h6 span {
    width: auto;
    float: left;
    display: inline-block;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    padding-left: 1px;
    padding-top: 6px;
    color: rgba(182,182,204,1);
}
    
    
#send_offer_box .centered_message h6 b.offer_nox { 
    margin-left: 0;
    margin-top: 6px;
    }
    
.calculate_system .calculate_system_right .selection_a_class {
    width: 100%;
    float: left;
    margin-top: 17px;
    }  
    
.calculate_system .calculate_system_right h3 { 
    margin: 0px 0 5px 0;
    }
    
.selection_row {
    padding-left: 0;
    padding-right: 0;
    }
    
    
.area_picture_container{
    left: 6px; 
}
    
    
#send_offer_box .centered_message h6 span {
    width: 80%; 
}
    
#send_offer_box .centered_message h6 b.offer_nox {
    margin-left: 0;
    }
    
    
    
    
    
}







.drain_text {
    float: right;
    display: inline-block;
    width: 100%; 
    padding: 0 25px;
    line-height: 1.5;
}

.drain_text h3{
    float: right;
    display: inline-block;
    width: 100%;  
    color: #B6B6CC;
    font-size: 21px;
    font-weight: 700;
    text-align: right;
    margin-bottom: 12px;
}

.drain_text p{
    float: right;
    display: inline-block;
    width: 100%;  
    color: #B6B6CC;
    font-size: 19px;
    text-align: right;
    font-weight: 400;
    margin-bottom: 12px;
}

.drain_text div{
    float: right;
    display: inline-block;
    width: 100%;   
    text-align: right;
    padding:10px 0 2px 0;
    line-height: 1.4;
    font-size: 18px;
    color: #B6B6CC;
}


.drain_text div span.icon-circle{
    float: right;
    display: inline-block;
    width: 18px;
    font-size: 11px;
    color: rgba(182,182,204,0.51); 
    position: relative;
    padding-top: 5px;
}





 


@media (max-width: 981px) {
    
 
    
.drain_text h3{ 
    font-size: 18px; 
    margin-bottom: 7px;
}
    
    
.drain_text p{ 
    font-size: 16px; 
    margin-bottom: 8px;
}
    
}

@media (max-width: 769px) {
  
    .flex-new-banner-text ul li {
        font-size: 15px; 
    }

 .drain_text h3{ 
    font-size: 17px; 
    margin-bottom: 7px;
}
    
    
.drain_text p{ 
    font-size: 15px; 
    margin-bottom: 8px;
} 
    
.drain_text div{ 
    font-size: 15px;  
}
   
}




.page_title_box_center_2 img.page_title_img {
  margin-top: -130px;
}

.page_title_box_center_2 h1.page_ttl {
    float: right;
    text-align: right;
    margin-top: 45px;
}


 

.page_title_box_center_3 h1.page_ttl {
    float: left;
    text-align: center;
    margin-top: 15px;
    width: 100%;
}


.page_title_box_center_2 .page_ttl_small { 
    margin:0;
    padding-bottom: 22px; 
}


.page_title_box_center_3 img.page_title_img {
    margin-top: -25px;
}



@media (max-width: 955px) {

.page_title_box_center_2 img.page_title_img {
    margin-top: -80px;
}
    
.page_title_box_center_3 img.page_title_img {
    margin-top: -20px;
}
    
.page_title_box_center_2 h1.page_ttl { 
    font-size: 28px;
}
    
}



@media (max-width: 650px) {
    
.page_title_box_center_2 img.page_title_img {
    margin-top: -60px;
}

.page_title_box_center_2 h1.page_ttl {
    width: auto;
    float: right;
    text-align: right;
    margin-top: 25px;  
    font-size: 22px;
}
    
.page_title_box_center_3 img.page_title_img {
    margin-top: -10px;
}
    
.page_title_box_center_3 h1.page_ttl {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 8px;  
}
    
}


@media (max-width: 420px) {
    
.page_title_box_center_2 img.page_title_img {
    margin-top: -52px;
}

.page_title_box_center_2 h1.page_ttl {
    width: auto;
    float: right;
    text-align: right;
    color: rgba(46,46,56,0.92);
    background-color: #B6B6CC;
    margin-top: 25px; 
    border-radius: 25px;
    padding: 6px 10px;
    font-size: 20px;
}
    
.page_title_box_center_3 img.page_title_img {
    margin-top: -15px;
}
    
.page_title_box_center_3 h1.page_ttl {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 8px; 
    background: none;
    color: rgba(182,182,204,0.15);
    
}
    
}




@media (max-width:1230px) {

.tabs-binder ul.tabsnav-2 { 
    width: 47%;
}
    
.tabs-binder .tabscontent-2 {
    width: 63%;
}
    
    }


@media (max-width:981px) {
    
    
    .dropdown-content {
        display: none;
        visibility: hidden; 
    }

    .banner-imgmargintop-10 {
        margin-top: 20px;
    }
    
    
    footer { 
        height: auto;
        padding-bottom: 15px;
    }
    
    
    .footer-box {
        display: none;
    }
    
    
 .wrap_line_i { 
    height: 0px; 
}
    
    
h2.p_100 b{ 
    font-size: 16px; 
    padding:5px 10px;
    line-height: 1.4;
    border-radius:25px;  
    text-align: left; 
}

 

h2.p_100 strong{ 
    width:100%;
    font-size:22px;
    font-weight: 900; 
    line-height: 1.3;
    border-radius:0; 
    text-align: left; 
    padding: 4px 0 4px 8px;
}
    
    
    
.blockquote-2 h1:after {
    content: "";
    position: absolute;
    border: 2px solid rgba(182,182,204,0.21);
    border-radius: 0 50px 0 0;
    width: 22px;
    height: 22px;
    bottom: -22px;
    left:50px;
    border-bottom: none;
    border-left: none;
    z-index: 3;
}
    
    
.copyright_box { 
    font-size: 13.5px;
    text-align: center; 
    padding: 10px 4px; 
}
    
    
.blockquote-2 h5 { 
    font-size: 17px; 
    margin-bottom: -10px;
}
    
    
    
}







.seo_list_box { 
    width: 100%;
    float: left;
    display: inline-block; 
    height: 0;
    overflow: hidden;
}

.seo_list_box a{
    font-size: 18px;
    font-weight: 400;
    width: 33.33333333%;
    height: 40px;
    float: left;
    display: inline-block; 
    color: #B6B6CC;
}



a.banner_link_p_sl {
    position: absolute;
    left: 12%;
    bottom:8%;
    z-index: 10201;
    opacity: 1;
    font-weight: 300;
    font-size: 17px;
    background-color: rgba(26,26,36,0.88); 
    padding: 2px 14px 2px 17px;
    line-height: 1.9;
    height: 41px;
}




a.banner_link_p_sl span{
    margin: 5px 0 0 10px;
    float: right;
    position: relative;
    display: inline-block;
    width: 20px;
    padding: 0; 
    font-size: 18px;
}




.left_bar .download_bx a.tds_i {
    display: none;
}


.tabsnavche_class_download li.li_tab_none {
    display: none;
}


.global_box a.partner_none {
    display: none;
}



 

.page_title_box_center h1.page_ttl_upload {
    font-size: 26px;
    font-weight: 500;
    margin-top: 40px;
}



@media all and (max-width: 769px) { 
    
    
.page_title_box_center h1.page_ttl_upload {
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
}
    
.divTablec .divTableCellc {
    width: 127px;
    padding-left: 2px;
    padding-right: 2px;
}
    
.divTablec .divTableCelld {
    width: 150px; 
    padding-left: 2px;
    padding-right: 2px;
}
    
    
.divTablec .divTableCellc_down {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
}
    
.divTablec .divTableCellc_down a img {
    float: right;
    display: inline-block;
    width: 21px;
    font-size: 0;
    margin: 2px 2px 0 5px;
}
    

.mySwiperhome_mobil a.banner_link_p_sl {
   left: 17.5%;
    bottom: 20.3%;
    font-size: 14px;
    height: 35px;
    padding: 2px 4px 2px 14px;
}
    
    
.mySwiperhome_mobil a.banner_link_p_sl_2 { 
    bottom: 29.3%; 
}
    
    
.mySwiperhome_mobil a.banner_link_p_sl span{ 
    font-size: 14px;
    margin-top:3px;
}

}



@media all and (max-width: 880px) {
    
.tb_down_title {
    text-align: right;
    width: 100%;
    }
.tb_down_title span{
    float: right;
    }
    
}




.swiper-slide-bags {
    border-radius: 20px;
    overflow: hidden;
}

.swiper-wrapper-c .swiper-slide {
    border-radius: 20px;
    overflow: hidden;
}


a.stoneworldcom {
    position: absolute;
    display: inline-block;
    width: auto;
    left: 28px;
    top: 14px;
    font-size: 16px;
    font-weight: 600;
    color:#B6B6CC;
    background-color:#1A1A24; 
    border: 1px solid #1A1A24; 
    z-index: 10102;
    padding: 5px 10px 5px 5px;
    border-radius: 15px;
}

a.stoneworldcom span{ 
    display: inline-block;
    float: left;
    margin: 1px 2px 0 0;
}


a.stoneworldcom:hover { 
    z-index: 10102;
    color:#1A1A24;
    background-color:#FF6C00;
    border: 1px solid #1A1A24;
}


@media all and (max-width: 880px) {
    
a.stoneworldcom { 
    left: 28px;
    top: 16px;
    font-size: 14px;
    letter-spacing: -0.3px;
    font-weight: 600;
    color:#B6B6CC;
    background-color:#1A1A24; 
    border: 1px solid #1A1A24; 
    z-index: 10102;
    padding: 4px 8px 4px 4px;
    border-radius: 15px; 
}
    
    
.wrap_2_bxi_2 {
    width: 100%;
    float: left;
    display: inline-block;
    padding: 0;
}
    
}




.page_ttl_p {
    float: left;
    width: 100%;
    display: inline-block;
    font-size: 20px;
    text-align: left;
    letter-spacing: 0.6px;
    font-weight: 600;
    color: rgba(182,182,204,0.15);
    margin-top: -20px;
}

@media all and (max-width: 955px) {
    .page_ttl_p { 
        font-size: 18px; 
        margin-top: -2px;
         font-weight: 600;
    }
}


.page_title_box span.invest {
clear:both; display: block; width:250px; 
height:44px;    margin:0 auto; background:rgba(182,182,204,1); 
font-size: 27px; text-align:center; letter-spacing: 0px; font-weight: 500;
color: #2E2E38; padding:7px 12px 4px 12px; line-height:27px; border-radius:7px;   
position: relative; z-index: 10002;    
}

.contact-right-bar-row .invest-a {
    color:rgba(182,182,204,1);
    font-weight:900;
}

.contact-right-bar-row .invest-a span{
    font-size:12px;
    transform: rotate(180deg);
    display: inline-block;
}

.contact-right-bar-row .invest-a:hover {
    color:#FF6600; 
}


@media all and (max-width: 955px) {
    .page-img-invest {
        margin-top:5px;
    }
.page_title_box span.invest {
clear:both; display: block; width:150px; 
height:26px;    margin:-50px auto 0 auto; background:rgba(182,182,204,1); 
font-size: 15px; text-align:center; letter-spacing: 0px; font-weight: 500;
color: #2E2E38; padding:5px 3px 3px 3px; line-height:15px; border-radius:4px;   
position: relative; z-index: 10002;    
}
}





.s_link_i_box {
    width: 100%;
    float: left;
    display: none; 
    padding:10px 0 25px 0;
}


.s_link_i {
    width: 19%;
    float: left;
    display: inline-block;  
    text-align: center;  
    position: relative;
} 

.s_link_i_empty {
    width: 1%;
    height: 1px;
    float: left;
    display: inline-block;   
} 

.s_link_i a{
    width: 100%;
    float: left;
    display: inline-block;  
    text-align: center; 
    border-radius: 10px;
    color: rgba(255,255,255,0.35);
    box-shadow: rgba(27,27,36,0.99) 0px 13px 22px -5px, rgba(27,27,36,0.99) 0px 8px 12px -8px;
    overflow: hidden;
}

.s_link_i a b{
    width: 100%;
    position: absolute;
    left: 0;
    top: 11px;
    text-align: center;
    font-size: 25px;
    letter-spacing: -0.3px;
    font-weight: 500; 
    transition: transform 1s; /* Animation */
    z-index: 102;
}

.s_link_i a img{
    width: 100%;
    float: left;
    display: inline-block; 
    transition: transform 1s; /* Animation */
}

.s_link_i a:hover{   
    color: rgba(255,255,255,0.99); 
    box-shadow: rgba(27,27,36,0.99) 0px 4px 7px 4px;
}

.s_link_i a:hover b{ 
    font-weight: 700;
    transform: scale(1.08);  
}

.s_link_i a:hover img{ 
    transform: scale(1.08); 
}

.prdct_50 {
    width: 48%;
    float: left;
    display: inline-block;
}

.prdct_50_r {
    width: 48%;
    float: right;
    display: inline-block;
}

.prdct_50 h2, .prdct_50 h2 a, .prdct_50 h2 a b, .prdct_50 h2 a img{
    width: 100%;
    float: left;
    display: inline-block;
}

.prdct_50 h2 a {
    border-radius: 10px;
    overflow: hidden;  
    background-color: rgba(34,34,44,0.31);
}

.prdct_50 h2 a:hover { 
    background-color: rgba(34,34,44,0.81);
}

.prdct_50 h2 a b {
    text-align: center;
    font-size: 34px;
    color: #FF6C00;
    font-weight: 700; 
    padding: 11px 5px 6px 5px;
}

.prdct_50 h2 a:hover b { 
    color: rgba(255,255,255,0.4); 
}

.prdct_50 h2 a span{ 
	display: inline-block; 
	font-size: 21px; 
	margin:3px 5px 0 0; 
	width: 16px;
	height: 16px;
	transition: transform .4s;
	transform: rotate(0deg);
}

.prdct_50 h2 a:hover span{   
   transform: rotate(360deg);
			 
}
 


.world_map_export {
    width: 100%;
    float: left;
    display: inline-block;
    padding: 0 25px;
    position: relative;
    text-align: center
}

.world_map_export img{
    width: 82%; 
    display: inline-block;
}

.world_map_export h3{
    width: 100%;
    float: left;
    display: none; 
    font-size: 40px;
    font-weight: 900;
    text-align: center;  
    color: #747483;
    margin:3px 6px;
}

.world_map_export .country_names{
    width:82%;
    float: left;
    display:  block;
    padding-top: 5px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 101
}



.world_map_export .country_names span{
    width: 12.5%;
    float: left;
    display: inline-block;  
    border-radius:0;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding: 5px 2px 6px 2px;
    line-height: 0.96;
    background-color: rgba(29,29,39,0.2);
    color: #747483;
    border: 1px solid rgba(255,255,255,0.02);
}


@media all and (max-width: 1250px) {

.world_map_export h3{ 
    font-size: 30px; 
}
    
.world_map_export img{
    width: 79%;  
} 
 
.world_map_export span{ 
    font-size: 14px;
    padding: 4px 1px 5px 1px;
}

}

@media all and (max-width: 980px) {

.world_map_export h3{ 
    font-size: 26px; 
}
    
.world_map_export img{
    width: 94%;  
} 

.world_map_export .country_names{
    display: none;
} 

}



@media all and (max-width: 768px) {

.partner_logo{ 
    width: 180px;
    margin-bottom: 7px;
} 
    
}


.flex-bp { 
    color: #B6B6CC;
    display: inline-block;
    font-size: 30px;
    font-weight: 900;
    text-align: right;
    width: 100%;
    float: right; 
    margin-bottom: 10px;
    line-height: 1.4;
}

.flex-bp h3{  
    color: #B6B6CC;
    display: inline-block;
    font-size: 25px;
    font-weight: 800;
    text-align: right;
    width: 100%;
    float: right;
    margin-bottom: 5px;
}

.flex-bp p{  
    color: #B6B6CC;
    display: inline-block;
    font-size: 21px;
    font-weight: 500;
    text-align: right;
    width:100%;
    float: right;  
}

.flex-bp p a{  
    color: #B6B6CC;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-align: right;
    width: auto;
    float: right;
    margin-right: 8px;
    margin-bottom: 6px;
    border: 1px solid #B6B6CC;
    padding: 5px 10px;
    border-radius: 6px;
}

.flex-bp p a:hover{ 
    background-color:#B6B6CC ; 
    color: #1E1E28;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-align: right;
    width: auto;
    float: right;
    margin-right: 8px;
    margin-bottom: 6px;
    border: 1px solid #B6B6CC;
    padding: 5px 10px;
    border-radius: 6px;
}

.banner-po-relative {
    position: relative;
}

.span_ba {
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: #ff6600;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    padding: 6px 10px;
    border-radius: 12px;
}

.span_ba_green {
    background-color: rgba(60,168,9,1.00);
}