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

/****
 create by : 
 create date : 
 modified by :*****************/
 
 

@import url('../fonts/Google-Sans-css.css');
/* font-family: 'Product Sans'; 300,400,500,700,900*/
/* font-family: 'Geomanist'; 100, 200, 300, 500, 900, bold,normal,*/ 
 


body{ background:#fff; font-family: 'Geomanist';font-size:14px;color:#333;font-weight:normal;}

.container{ max-width:1280px;} 
@media only screen and (max-width : 1024px) {
.container{ width:100%!important;}	
	
}


.header-top-row{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;
	flex-direction: row;-webkit-box-orient: horizontal;  -webkit-box-direction: normal;   -webkit-flex-direction: row;   -ms-flex-direction: row; 
	flex-wrap: wrap;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;
	justify-content: flex-end;	-webkit-box-align: flex-end; -webkit-flex-align: flex-end;
	-ms-flex-align: flex-end;-webkit-align-items: flex-end;
	
	align-items: center; margin: 0px 0 0 0; font-family: 'Geomanist';} 
.header-top-row a{ padding: 0 10px; font-size: 14px; color: #444; font-weight:normal; text-decoration: none; letter-spacing: 0.25px;} 
.header-top-row a:hover{color: #c8c8c8;} 
.header-top-row .top-col-1, .top-col-2{ padding: 2px 10px;} 

@media only screen and (max-width : 768px){ 		
.header-top-row{ display: none;}  	
}
 

.header-middle-row{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;
	flex-direction: row;-webkit-box-orient: horizontal;  -webkit-box-direction: normal;   -webkit-flex-direction: row;   -ms-flex-direction: row; 
	flex-wrap: nowrap;  -webkit-flex-wrap: nowrap;  -ms-flex-wrap: nowrap;
	justify-content: space-between;	-webkit-box-align: space-between; -webkit-flex-align: space-between;
	-ms-flex-align: space-between;-webkit-align-items: space-between;
	
	align-items: center; margin: 0px 0 0 0; padding:  0 0px; font-family: 'Product Sans'; } 
.header-middle-row .m-col-1{ background: #fff; padding:2px 0 10px 50px; width: 50%;clip-path: polygon(0 0, 100% 0, 94.3% 100%, 0 100%);}  
.header-middle-row .m-col-2{width:61%;  padding-right: 50px;}
 

.header-nav{ background:transparent; padding: 0px 0;}  
.header-nav .border-line{ border-top: 0px dashed #dbdbdb; border-bottom: 0px solid#e3ba1c;} 

.logo{ text-align:left; position: relative; top:1px; z-index: 2; transition: top .25s ease-out;-webkit-transition: top .25s ease-out;}
.logo img{ width:auto; transition: top .25s ease-out; -webkit-transition: top .25s ease-out;}
 
@media only screen and (max-width : 1280px){ 	
 .logo img{ width:90%; transition: top .25s ease-out; -webkit-transition: top .25s ease-out;}
}

@media only screen and (max-width : 900px){ 
  
}


@media only screen and (max-width : 768px){
 
 
/*.m-col-2:nth-of-type(2) { order: -1; }*/
.header-middle-row{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	
	flex-direction: row;-webkit-box-orient: horizontal;  -webkit-box-direction: normal;   -webkit-flex-direction: row;   -ms-flex-direction: row; 
	flex-wrap: nowrap;  -webkit-flex-wrap: nowrap;  -ms-flex-wrap: nowrap;
	justify-content: space-between;	-webkit-box-align: space-between; -webkit-flex-align: space-between;
	-ms-flex-align: space-between;-webkit-align-items: space-between;
	 align-items: center; margin: 0px 0 0 0; } 
.header-middle-row .m-col-1{width:50%; padding: 2px 0 10px 20px; clip-path:none;}
.header-middle-row .m-col-2{width:50%; padding-right: 20px;}
 .logo img{ width:100%; transition: top .25s ease-out; -webkit-transition: top .25s ease-out;}	
}



@media only screen and (max-width : 575px) {
/* .m-col-2:nth-of-type(2) { order: -1; }	
 .m-col-1:nth-of-type(1) { order: 2; }*/
  .header-middle-row .m-col-1{width:70%; padding: 2px 0 10px 10px;}
.header-middle-row .m-col-2{width:30%; padding-right: 0px;}
}

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

}

@media only screen and (max-width : 360px) { 

	 
}


/*--------------------------------------------------*/

.header-fixed { width: 100%; min-height:80px;  z-index: 999;  transition: top .25s ease-out; border-bottom: 0px solid #ddd; border-top:0px solid #9b1b6a; position: absolute; }

.header-fixed.header-mini {position: fixed; top: 0; /*background: #fff;*/ -webkit-box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2); min-height: auto; transition: top .25s ease-out; -webkit-transition: top .25s ease-out;}

.header-mini .header-top-row{ display: none;} 
.header-mini .header-nav{ background: #fff; padding: 0px 0;} 
.header-mini .header-nav .border-line{ border-top: none; border-bottom: none;}

.header-mini .logo{ position: relative; top:1px;}
.header-mini .logo img{ width: 70%!important; transition: top .25s ease-out;}
.header-mini .navbar-custom{ margin-top: 0px; border-bottom: 0px solid #ddd; }
.header-mini .nav-link { font-size: 15px;}
.header-mini .nav-link span{ font-size: 13px; } 

@media only screen and (max-width : 1140px){
 
.header-mini .nav-link { font-size: 15px; padding: 5px 6px!important;}	
.header-mini .logo img{ width: 60%!important; transition: top .25s ease-out;}		
}

@media only screen and (max-width : 1080px){ 
.header-mini .nav-link {font-size: 14px; padding: 5px 4px!important;}	
/*.header-fixed { position: relative; min-height:100%;}*/	
}

@media only screen and (max-width : 768px){	
.header-fixed { position: relative; min-height:100%;}
.header-mini .logo img{ width: 60%!important; transition: top .25s ease-out;}	
	
}

@media only screen and (max-width :575px){
/*.header-fixed { width: 100vw; min-height: 85px;}*/
/*.header-fixed.header-mini { min-height: 50px!important;}*/
/*.header-mini .logo img{ width: 15%!important;}*/
	
}

/*---------------------------------------------------*/


/*-----------top navbar-----------------------------------------*/

.navbar-custom{padding:0px 0; margin:0px 0 0 0px; background:transparent!important; border-bottom: 0px solid #c8c8c8; position: relative;}
.navbar{padding: 0rem 0rem;;} 
.navbar-nav {margin: 0; padding:0px 0;}
.navbar-nav li{ position: relative; border-right:1px solid #e3ba1c;}
.navbar-nav li:last-child{border-right:0px;} 
.nav-link {display: block;padding: 40px 25px!important; font-family: 'Geomanist Book'; font-weight:normal; font-size: 19px; color:#000; letter-spacing: -0.25px;text-transform: inherit; text-align: center;}
.nav-link:hover {color: #fff; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;background: #531473;} 
.nav-link span{ display: block; font-family: 'Geomanist'; font-weight:300; font-size: 14px; letter-spacing: -0.25px;margin-top: -5px;} 

.nav-link::after {background: transparent none repeat scroll 0 0; content: ""; display: block;
   height: 3px; width: 0; left: 0; position: absolute; top: 0px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: scaleX(0); transform: scaleX(0); }
.nav-link:hover::after{background: #fff none repeat scroll 0 0; width: 100%;  transform: scaleX(1);}

.navbar-collapse {flex-direction:row-reverse!important; background: #ffd018; width: 25vw; height: 99vh;  position: absolute; /*left: -30px;*/ right:0px; top: -20px;z-index: 2;} 

 
 			 
.dropdown-menu { background: rgba(255, 255, 255, 0.9); min-width:250px !important; padding: 0px 0; margin-top:15px !important; border: 0px; border-top:4px solid #7b6037; border-radius: 0px;  }
.dropdown-item {display: block;width: 100%;padding: 10px 10px;background-color: transparent;border-bottom: 1px dashed #c8c8c8; font-family: 'Geomanist'; font-weight:500; font-size: 13px; color:#545965; text-transform:uppercase; letter-spacing: 0.25px; }
.dropdown-item:hover{background-color: #ab8c5d;color:#fff;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; border-radius: 0px;} 
.dropdown.open>a:focus, .dropdown.open>a:hover { color: #afafaf; background-color:transparent !important;background-image:none;}


.dropdown .dropdown-menu {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;
 -o-transition: all 0.5s; transition: all 0.5s;  max-height: 0; display: block;  overflow: hidden;opacity: 0; }
.dropdown:hover .dropdown-menu { max-height: 400px; opacity: 1;}
.dropdown-toggle::after{ display: none;} 
 
/*mouse hover toggle*/
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown>.dropdown-toggle:active {pointer-events: none;}


/*------large screen toggle nav bar-------*/	
.navbar-toggler-right {position: relative;right: 1rem; z-index: 9999; bottom:0px;}
.navbar-toggler { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;
    padding: .15rem .55rem;font-size: 1.25rem; line-height: 1;   background: #ffd018; border: 1px solid transparent; border-radius: 0;}	
		
.navbar-toggler:focus,
.navbar-toggler:active {outline: 0; background: #ffd018;}
.navbar-toggler span { display: block; background-color: #7b6037;height: 3px;width: 25px; margin-top: 4px; margin-bottom: 4px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg); position: relative; left: 0;  opacity: 1;}	
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) {-webkit-transition: transform .35s ease-in-out;-moz-transition: transform .35s ease-in-out;-o-transition: transform .35s ease-in-out;transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) {position: absolute;left: 12px;top: 10px; -webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);    opacity: 0.9; background-color: #7b6037;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px;visibility: hidden;background-color: transparent; }
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);
opacity: 0.9;  background-color: #7b6037;}

 
@media only screen and (max-width : 1180px) {

}

@media only screen and (max-width : 1024px) {
.nav-link {padding: 40px 16px!important; }	
}

@media only screen and (max-width : 800px) {
.nav-link {padding: 40px 10px!important; }	
}
 

@media only screen and (max-width : 768px){	
.navbar-custom{position: relative; left: 15px!important; border-bottom: 0px;}
.navbar{padding: 0rem!important;  width: auto;} 
.navbar-nav {margin: 0; padding:50px 0 0 0;}
.navbar-nav li{border-right:0px solid #ddd; border-bottom:0px solid #ddd;}
.nav-link { padding: 7px 15px!important; font-size: 23px;}
.nav-link:hover {color: #c8c8c8;}		
/*.nav-link::after{ display: none;} */
.nav-link span{  font-weight:normal; font-size: 14px; } 
	
.navbar-collapse { background: #ffd018; width: 99.99vw; height: 99vh;  position: absolute; /*left: -30px;*/ right:0px; top: -22px;z-index: 2; } 
	
.dropdown-menu { margin-top:1px !important; border: 0px; border-top:0px solid #fff; border-radius: 0px;  }	
.dropdown-item {padding: 7px 10px; text-align: center;}


/*------toggle nav bar-------*/	
.navbar-toggler-right {position: relative;right: 1rem; z-index: 9999; bottom:0px;}
.navbar-toggler { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;
    padding: .15rem .55rem;font-size: 1.25rem; line-height: 1;   background: #ffd018; border: 1px solid transparent; border-radius: 0;}	
		
.navbar-toggler:focus,
.navbar-toggler:active {outline: 0; background: #ffd018;}
.navbar-toggler span { display: block; background-color: #7b6037;height: 3px;width: 25px; margin-top: 4px; margin-bottom: 4px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg); position: relative; left: 0;  opacity: 1;}	
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) {-webkit-transition: transform .35s ease-in-out;-moz-transition: transform .35s ease-in-out;-o-transition: transform .35s ease-in-out;transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) {position: absolute;left: 12px;top: 10px; -webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);    opacity: 0.9; background-color: #7b6037;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px;visibility: hidden;background-color: transparent; }
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);
opacity: 0.9;  background-color: #7b6037;}

	
.no-gutters-padding{ padding-right: 0px!important;  padding-left: 0px!important;}	
	
}

@media only screen and (max-width : 575px){	

}

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

@media only screen and (max-width : 425px){	
   
}

@media only screen and (max-width : 375px){	
   
}

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

/*--------------navbar end-------------------------------------------------*/


.img-clip-path {clip-path: polygon(45% 0, 100% 0, 100% 100%, 31% 100%); }

.img-clip-path-1 {clip-path: polygon(45% 0, 100% 0, 100% 100%, 38% 100%); }

/*.img-clip-path {width: 40%;  margin: 70px 100px 20px 70px;}*/
/*.img-clip-path::after {content: ''; position: absolute; width: 1000%; height:1000%; top: 20px; right: -500%; background: rgba(224, 30, 28, 0.8);  transform-origin: 44% 0; transform: rotate(65deg);  border:4px solid #fff;  z-index: -1;}*/

/*-------------carousel-----------------------------------------------------*/

.slider{margin:0px 0 0px 0px;  border:0px solid #ddd;background: #fff;}
.carousel-indicators li {background-color: #fff;width: 35px;height: 6px;}
.carousel-indicators .active {background-color: #fff;}
.carousel-control-prev-icon { background-image: url(../images/left-arrow-bk.png);}
.carousel-control-next-icon { background-image: url(../images/right-arrow-bk.png);}
.carousel-control-next-icon, .carousel-control-prev-icon {display: inline-block; width: 23px;  height: 42px; }

.carousel-caption {background: #fff; position: absolute;right: 0%;bottom: 25%;left:5%; z-index: 10;padding: 20px 10px; text-align: left;  width: 38%; }

.carousel-caption h5{ margin:0px; color: #000; font-size:50px; letter-spacing:-2px;  font-family: "ITC Eras Demi"; font-weight:normal; text-transform:inherit; line-height: normal;}
.carousel-caption h5 span{display: block; font-family: "ITC Eras Medium"; font-weight: 500; font-size: 40px;}

  .carousel-caption h6{ margin:0px; color: #000; font-size:40px; letter-spacing:-2px;  font-family: "ITC Eras Demi"; font-weight:normal; text-transform:inherit; line-height: normal;}
.carousel-caption h6 span{display: block; font-family: "ITC Eras Medium"; font-weight: 500; font-size: 35px;}


.carousel-caption a{ margin:15px 0; color: #000; font-size:24px; letter-spacing: -1px; font-family: 'Sarabun', sans-serif; font-weight: 700; display: inline-block;background: #97c610; border-radius: 30px; padding: 2px 20px; text-decoration: none; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.carousel-caption a:hover{ color: #97c610; background: #000;   -webkit-transform: translateY(-6px);    -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px);}
 
.carousel-caption h3, h4, h5, h6, p{-webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;  animation-fill-mode: both;}

 

@media only screen and (max-width : 1200px) {
.carousel-caption {background: #fff; position: absolute;right: 0%;bottom: 25%;left:5%; z-index: 10;padding: 20px 10px; text-align: left;  width: 40%; }		
 
}

@media only screen and (max-width : 1140px) {
.carousel-caption {background: #fff; position: absolute;right: 0%;bottom: 25%;left:5%; z-index: 10;padding: 20px 10px; text-align: left;  width: 45%; }
  
}

@media only screen and (max-width : 1024px) {
.carousel-caption {background: #fff; position: absolute;right: 0%;bottom: 25%;left:5%; z-index: 10;padding: 20px 10px; text-align: left;  width: 50%; }
	
}

@media only screen and (max-width : 960px) {
 
.carousel-caption {background: #fff; position: absolute;right: 0%;bottom: 25%;left:5%; z-index: 10;padding: 20px 10px; text-align: left;  width: 55%; } 
	
}

@media only screen and (max-width : 840px) {
 .carousel-caption {background: #fff; position: absolute;right: 0%;bottom: 25%;left:5%; z-index: 10;padding: 20px 10px; text-align: left;  width:60%; } 
}
 

@media only screen and (max-width : 768px) {
 .carousel-caption {background: #fff; position: absolute;right: 0%;bottom: 0%;left:0%; z-index: 10;padding: 10px; text-align: center;  width:100%; } 
.carousel-caption h5{ font-size:30px!important;}
.carousel-caption h5 span{display: inline-block; font-size: 30px!important;}
.carousel-caption h6{ font-size:30px!important;}
.carousel-caption h6 span{display: inline-block; font-size: 30px!important;} 
	 
	
}
 
 
@media only screen and (max-width : 575px) {
.carousel-control-prev-icon { display: none;}
.carousel-control-next-icon { display: none;}
.carousel-indicators li { display: none;} 
/*.carousel-caption {bottom: 0%;}	*/
 .carousel-caption h5{ font-size:22px!important; letter-spacing: -1px;}
.carousel-caption h5 span{display: inline-block; font-size: 22px!important;}	
.carousel-caption h6{ font-size:20px!important; letter-spacing: -1px;}
.carousel-caption h6 span{display: inline-block; font-size: 20px!important;} 
	
.carousel-caption {background: #fff; position: relative;right: 0%;bottom: 0%;left:0%; z-index: 10;padding: 10px; text-align: center;  width:100%; } 	
}


@media only screen and (max-width : 480px) {
.slider{/*padding-top: 80px;*/ margin:0px 0 0px 0px;  border:0px solid #ddd;}
  
}

@media only screen and (max-width :375px) { 
/*.carousel-caption { display: none;}  */
 	
}


/*------------inner page banner----------------*/ 
 
 .carousel-caption-1 {/*background: #fdd215;*/ position: absolute;right: 0%;bottom: 2%;left:5%; z-index: 10;padding: 10px; text-align: left;  width:100%; }
  

@media only screen and (max-width : 768px) {
  .carousel-caption-1 {/*background: #fdd215;*/ position: absolute;right: 0%;bottom: 2%;left:5%; z-index: 10;padding: 10px; text-align: left;  width: 100%; } 
}

@media only screen and (max-width : 575px) {
  .carousel-caption-1 {/*background: #fdd215;*/ position: relative;right: 0%;bottom: 0%;left:3%; z-index: 10;padding: 1px 10px; text-align: left;  width: 100%; } 
}
 
 
/*------------------------------------------------------*/

.page-title h3{font-family: "ITC Eras Demi"; color: #000; font-size: 45px; font-weight:normal; font-style: italic;letter-spacing:-2px;  margin:-10px 0 10px 0;position: relative;} 
.page-title span{ display:flex; color: #000; font-size:25px; font-weight:normal; text-transform: inherit; font-style: italic;letter-spacing: -0.50px;position: relative; z-index: 1;} 
.page-title span:before { content: ' '; width:3rem;border-top:2px solid #000; margin-right: 7px; margin-top: 20px; margin-bottom: 0;  display: block; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0;} 
  
@media only screen and (max-width : 1024px) {	
.page-title h3{font-family: "ITC Eras Demi"; color: #000; font-size: 30px; font-weight:normal; font-style: italic;letter-spacing:-2px;  margin:-10px 0 10px 0;position: relative;} 
.page-title span{ display:flex; color: #000; font-size:18px; font-weight:normal; text-transform: inherit; font-style: italic;letter-spacing: -0.50px;position: relative; z-index: 1;} 
.page-title span:before { content: ' '; width:3rem;border-top:2px solid #000; margin-right: 7px; margin-top: 15px; margin-bottom: 0;  display: block; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0;} 
	
}

@media only screen and (max-width :575px) {	
.page-title h3{font-family: "ITC Eras Demi"; color: #000; font-size: 25px; font-weight:normal; font-style: italic;letter-spacing:-2px;  margin:-10px 0 0px 0;position: relative;} 
.page-title span{ display:flex; color: #000; font-size:18px; font-weight:normal; text-transform: inherit; font-style: italic;letter-spacing: -0.50px;position: relative; z-index: 1;} 
.page-title span:before { content: none ;} 
	
}

/*-------------------end carousel--------------------------------------------------*/
 
.section-1{ background:url(../images/wel-bg.jpg); background-repeat: no-repeat; background-position: center center; margin:20px 0 0 0; padding: 40px 0px;}

.wel-section{display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	flex-direction: row;-webkit-box-orient: horizontal;  -webkit-box-direction: normal;   -webkit-flex-direction: row;   -ms-flex-direction: row; 
	flex-wrap: nowrap;  -webkit-flex-wrap: nowrap;  -ms-flex-wrap: nowrap;
   margin:0px 0; padding: 0 0px;} 
.wel-section .wel-col-1{ width: 40%; position: relative; padding: 0 40px;} 
.wel-section .wel-col-2{ width: 60%; position: relative; padding: 0 0px;} 

.wel-section .wel-col-1 img {height: auto;  max-width: 100%;}
.wel-outer-max{ max-height: 500px!important; overflow: hidden; }
.wel-img-max{ position: relative; width: 100%; height: 100%; overflow: hidden; transition: all 2s ease;} 
.wel-img-max:hover{transform: scale(1.2);}
 
.wel-text{padding:0px; text-align: left;} 
.wel-text h2{font-family: 'Sarabun', sans-serif; color: #2b2b33; font-size: 50px; font-weight:800; letter-spacing:-2px;  margin:10px 0;position: relative; display: inline-block;}
.wel-text h2 span{ display: block; font-size: 16px; font-weight:700; text-transform: uppercase; letter-spacing: -0.50px;position: relative;padding: 0 100px;z-index: 1;} 
.wel-text h2 span:before { content: ""; position: absolute; bottom:8px; right:0;  width:100%;  height:3px; background:#97c610; } 
.wel-text h2 span ol{position: relative; background:#dedede; z-index:1; margin: 0px; padding: 0 10px;}
 
.wel-text p{ font-family: 'Product Sans'; color: #606060; font-size: 17px; font-weight:normal; letter-spacing:0.50px; line-height: 26px;  margin:5px 0; }
.wel-text p strong {font-weight: 500;font-size: 18px;}
.wel-text .read-more-btn{ background: #531473; padding: 7px 25px; font-family: 'Avenir';  color: #ffd018; font-size: 20px; font-weight:normal; letter-spacing:-0.50px; text-transform: inherit; border-radius: 20px; margin: 30px 0 0 0; display: inline-block; text-decoration: none;  transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
.wel-text .read-more-btn:hover{ background: #32024a; color: #fff;  -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px); box-shadow: 0 -5px 0 0 rgba(24,24,24,.15) inset, 0 5px 10px rgba(0,0,0,0.5);}


@media only screen and (max-width :1024px) {
.wel-text img{ max-width: 90%;} 
}

@media only screen and (max-width :900px) { 
.section-1{ background:#fff;  margin:0px 0 0 0; padding: 20px 0px;}	
.wel-section{  display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	flex-direction: column-reverse;-webkit-box-orient: vertical;  -webkit-box-direction: normal;   -webkit-flex-direction: column-reverse;   -ms-flex-direction: column-reverse; 
	flex-wrap: nowrap;  -webkit-flex-wrap: nowrap;  -ms-flex-wrap: nowrap;
	margin:0px 0 0 0; padding: 0px;} 
.wel-section .wel-col-1{ width: 100%; padding: 10px 0;text-align: center;} 
.wel-section .wel-col-2{ width: 100%; padding: 3px 0; } 
 	
}

@media only screen and (max-width :460px) {
 .wel-text h2{ font-size: 40px; }
.wel-text h2 span{  font-size: 16px; padding: 0 0px; } 
.wel-text h2 span:before { content:none; } 
.wel-text h2 span ol{  margin: 0px; padding: 0 1px;}
	
.wel-text p{  font-size: 16px;}
.wel-text p strong {font-size: 17px;}
.wel-text img{ max-width: 100%;} 	
 
}


/*----------------------------------------------*/


.section-2{ background: #fff; margin: 0px 0 0 0; padding: 10px 0 10px 0; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	flex-direction: row;-webkit-box-orient: horizontal;  -webkit-box-direction: normal;   -webkit-flex-direction: row;   -ms-flex-direction: row; 
	flex-wrap: nowrap;  -webkit-flex-wrap: nowrap;  -ms-flex-wrap: nowrap;
	
 
} 
.section-2 .article-1{ width: 100%;} 
.section-2 .article-2{ width: 100%;} 

/*-------------------------------------------------------*/

/*.owl-carousel .owl-item{min-height: 335px;}*/
.item-list{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; margin: 30px 0 0 0; font-family: 'Product Sans';  } 
.item-list .item{ margin: 8px 15px;} 
.item-list .item-box{border: 3px solid #ddd!important; /*background: #fff;*/ padding: 0px; min-height: 450px; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;} 
.item-list .item-box a{ text-decoration: none; font-family: 'Product Sans';} 
.item-list .item-box h3{ color: #061538; font-size: 28px; font-weight:500; letter-spacing:0.50px; text-transform: inherit; margin: 15px 0 0 0;}
.item-list .item-box p{ color: #606060; font-size: 15px; font-weight: normal; line-height: 18px; letter-spacing: 0.50px; text-transform: inherit; margin: 6px 0;} 
.item-list .item-box h6{ color: #000; font-size: 20px; font-weight:500; letter-spacing:0.50px; text-transform: inherit; margin: 8px 0 0 0;}
.item-list .item-box aside{ padding: 15px 15px; text-align: center;} 

.item-list .item-box:hover{background: #ddd;color: #fff!important; -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px);} 



.item-box aside span{ text-align: center; display: block;} 
.item-box aside span a{ text-align: center;display: inline-block; margin: 10px 0; padding: 10px 20px;   font-family: "LibelSuit-Regular";  color: #000;font-size: 20px;font-weight: normal; border-radius: 50px; letter-spacing: 1px!important; text-decoration: none;  transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;} 
.item-box aside span a:hover{background: #c1080f;color: #fff; -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px);} 
 
 

.pro-box-img{/*max-height:300px;*/ color: #fff; position: relative; overflow:hidden; border:0px solid #ddd; } 
/*.pro-box-img img {position:absolute;text-align: center;padding: 0px; width: 100%; height: 100%;}*/
.pro-box-img figure {padding: 0px;margin: 0px;} 
.pro-box-img figure img{width: 100%; height: 100%;position:relative; transition:all 2s ease;
-webkit-transition: all 2s ease;-moz-transition: all 2s ease;  -o-transition: all 2s ease; }
.pro-box-img:hover figure img{transform: scale(1.5);-webkit-transform: scale(1.5);  -moz-transform: scale(1.5); -o-transform: scale(1.5); opacity: 1; }

 

@media only screen and (max-width :1160px) {
 .item-list .item-box aside{ padding: 10px 10px;} 	
 
}

@media only screen and (max-width :800px) {
.item-list { margin: 0 0px;} 	
 
}

@media only screen and (max-width :575px) {
.item-list .item-box{ min-height:auto; } 
.item-list .item{ margin: 2px;} 	
	
}

@media only screen and (max-width :480px) {
.item-list div{ margin: 0 0px;} 	
/*.pro-box-img{ height: 400px;}*/
	
}

@media only screen and (max-width :375px) {
/*.pro-box-img{ height: 300px;}*/
	
}




.pro-heading{ text-align: center; background: #fff; padding:10px 0;} 
.pro-heading h5{font-family: 'Product Sans';  text-align: center;color: #000; font-size: 24px; font-weight: normal; line-height: 18px; letter-spacing: 0.25px; text-transform: inherit; margin: 6px 0;} 

.ap-heading{ text-align: center; background: #fff; padding:10px 0; margin: 40px 0 0 0;} 

/**-------------------------------------------------------**/  

.heading-title-2 h2{font-family: "ITC Eras Medium";  font-style: italic; color: #000; font-size: 35px; font-weight:500; letter-spacing:-2px; margin:0px 0;position: relative; display: inline-block; text-align: center;}
.heading-title-2 h2 span{font-family: "ITC Eras Bold"; font-style: italic; display: block; font-size: 40px; font-weight:bold; text-transform: uppercase; letter-spacing: -2px;position: relative;padding: 0 200px;z-index: 1;} 
.heading-title-2 h2 span:before { content: ""; position: absolute; bottom:20px; right:0;  width:100%;  height:2px!important; background:#000; } 
.heading-title-2 h2 span ol{position: relative; background:#fff; z-index:1; margin: 0px; padding: 0 10px;}

.heading-title-5 h2{font-family: "ITC Eras Medium";  font-style: italic; color: #000; font-size: 35px; font-weight:500; letter-spacing:-2px; margin:0px 0;position: relative; display: inline-block; text-align: center;}
.heading-title-5 h2 span{font-family: "ITC Eras Bold"; font-style: italic; display: block; font-size: 40px; font-weight:bold; text-transform: uppercase; letter-spacing: -2px;position: relative;padding: 0 200px;z-index: 1;} 
.heading-title-5 h2 span:before { content: ""; position: absolute; bottom:20px; right:0;  width:100%;  height:2px!important; background:#000; } 
.heading-title-5 h2 span ol{position: relative; background:#fff; z-index:1; margin: 0px; padding: 0 10px;}


.heading-title h3{ font-family: "ITC Eras Demi"; color: #151515; font-size: 36px; font-style: italic; font-weight:normal; letter-spacing:-2px;  margin:0px 0 20px 0;position: relative;display:flex;}
.heading-title h3:before { content: ' '; width:2rem;border-top:4px solid #000;  margin-right:7px; margin-top: 18px; display: block; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0;}
/*.heading-title h3:after { content: ' '; width:5rem;border-bottom: 2px solid #ff1102;margin-right: 10px; margin-bottom: 18px;  display:block; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0;}*/ 

.heading-title-1 h4{font-family: 'Sarabun', sans-serif; color: #2b2b33; font-size: 30px; font-weight:800; letter-spacing:-2px;  margin:-10px 0 10px 0;position: relative;} 
.heading-title-1 span{ display:flex; font-size: 14px; font-weight:500; text-transform: uppercase; letter-spacing: -0.50px;position: relative; z-index: 1;} 
.heading-title-1 span:before { content: ' '; width:3rem;border-top: 3px solid #97c610; margin-right: 10px; margin-top: 10px; margin-bottom: 0;  display: block; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0;} 
  
@media only screen and (max-width :900px) {	
.heading-title-2 h2{  font-size: 22px; font-weight:500;  }
.heading-title-2 h2 span{  font-size: 26px; padding: 0 100px; } 
.heading-title-2 h2 span:before { bottom:15px; } 
.pro-heading h5{ font-size: 18px;  } 
	
.heading-title-5 h2{  font-size: 22px; font-weight:500;  }
.heading-title-5 h2 span{  font-size: 26px; padding: 0 100px; } 
.heading-title-5 h2 span:before { bottom:15px; } 	
	
}

@media only screen and (max-width :520px) {	
.heading-title-2 h2{  font-size: 22px; font-weight:500;  }
.heading-title-2 h2 span{  font-size: 24px; padding: 0 30px; } 
.heading-title-2 h2 span:before { bottom:15px; } 
.pro-heading h5{ font-size: 16px;  } 
	
.heading-title-5 h2{  font-size: 22px; font-weight:500;  }
.heading-title-5 h2 span{  font-size: 24px; padding: 0 30px; } 
.heading-title-5 h2 span:before { bottom:15px; } 	
	
}



@media only screen and (max-width : 430px) {	
 .heading-title h3{   font-size: 30px; margin:0px 0 20px 0;}
 
	
}

@media only screen and (max-width :350px) {	
.heading-title-2 h2{  font-size: 22px; font-weight:500;  }
.heading-title-2 h2 span{  font-size: 24px; padding: 0 0px; } 
.heading-title-2 h2 span:before { content: none; } 
.pro-heading h5{ font-size: 16px;  } 
	
.heading-title-5 h2{  font-size: 22px; font-weight:500;  }
.heading-title-5 h2 span{  font-size: 24px; padding: 0 0px; } 
.heading-title-5 h2 span:before { content: none; }	
	
}

/*-------------------------------------------------------*/

.section-3{background: #fff; margin: 40px 0 30px 0; padding: 0px 0;} 

.section-row{margin: 0px 0; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row;-webkit-box-orient: horizontal;  -webkit-box-direction: normal;   -webkit-flex-direction: row;   -ms-flex-direction: row; 
	flex-wrap: nowrap;  -webkit-flex-wrap: nowrap;  -ms-flex-wrap: nowrap; } 
.section-row .section-col-1 { width: 50%; position: relative; padding: 40px 0px 60px 50px;} 
.section-row .section-col-2 { width: 50%;} 
 
.section-col-2 .img-bg{background:url(../images/quality-test-img.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; min-height: 560px;/* clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);*/}
.section-col-2 .img-bg-sm { display: none; max-width: 100%;}

.section-row h2{font-family: "ITC Eras Medium"; font-style: italic; color: #000; font-size: 35px; font-weight:500; letter-spacing:-1px; margin:0px 0;position: relative; display: inline-block; text-align: left;}
.section-row h2 span{font-family: "ITC Eras Bold"; font-style: italic; display: block; font-size: 40px; font-weight:bold; text-transform: uppercase; letter-spacing: -1px;position: relative;padding: 0 0px;z-index: 1;}

.section-row p{ font-family: 'Product Sans'; color: #000; font-size: 17px; font-weight:400; letter-spacing:0.50px; line-height: 26px;  margin:15px 0; }

.section-row ul{list-style: none; padding:0 0 0 20px; margin:30px 0;} 
.section-row ul li{  padding:7px 5px; position: relative;} 
.section-row ul li:before {content: ""; display: block; width: 11px; height:11px;  background:url(../images/right-1.png) no-repeat; position: absolute; top: 15px; left: -15px; }
.section-row ul li a{ font-family: 'Product Sans';  color: #000; font-size: 20px; font-weight:400; letter-spacing:0.50px; line-height: 24px; text-decoration: none; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;} 
.section-row ul li a:hover{color: #4f4f4f; padding-left: 15px;} 

@media only screen and (max-width :720px) {
.section-row{margin:0px 0; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	flex-direction: column-reverse;-webkit-box-orient: vertical;  -webkit-box-direction: normal;   -webkit-flex-direction: column-reverse;   -ms-flex-direction: column-reverse; 
	flex-wrap: wrap;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;
	
	 } 
.section-row .section-col-1 { width: 100%;  position: relative; padding: 20px 20px;} 
.section-row .section-col-2 { width: 100%;}
/*.section-col-2 .img-bg{background-image:url(../images/quality-test-img.jpg); background-position: top; background-repeat: no-repeat; background-size:auto; background-attachment: fixed; height: 700px; min-height: 560px; clip-path: none;}*/
	.section-col-2 .img-bg{ display: none;}
	.section-col-2 .img-bg-sm { display: inherit; max-width: 100%;}
	
}

@media only screen and (max-width :450px) { 
.section-row h2{ font-size: 22px;}
.section-row h2 span{ font-size: 24px; }
}
 

/*---------------------------------------------*/

.section-4{ background: #fff; margin: 0px 0 0 0; padding: 15px 0;}

.few-industries{margin: 10px 0; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
flex-direction: row;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
 
	flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    
	
justify-content: space-around;
	-webkit-box-align: space-around;
	-webkit-flex-align: space-around;
	-ms-flex-align: space-around;
	-webkit-align-items: space-around;	
	
	
} 
.few-industries article{width: 19.999%; padding: 10px; text-align: center; border:0px solid #000; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.few-industries img{width:100%; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);} 
.few-industries h5{ font-family: 'Product Sans'; color: #000; font-size: 18px; font-weight:700; letter-spacing:0.30px;  margin:15px 0; padding: 0 15px; }

.few-industries article:hover{  -webkit-transform: translateY(-6px);    -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px);  }
   
@media only screen and (max-width :900px) {
 
.few-industries{margin: 10px 0; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
flex-direction: row;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
 
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    
	
justify-content: center;
	-webkit-box-align: center;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;		
	
 } 
.few-industries article{width: 33.3333%; padding: 10px; text-align: center; border:0px solid #000;}
}

@media only screen and (max-width :575px) {
 .few-industries{margin: 10px 0; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	 
flex-direction: row;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
 
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    
	
justify-content: center;
	-webkit-box-align: center;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	 
	 } 
.few-industries article{width: 50%; padding: 10px; text-align: center; border:0px solid #000;}
 .few-industries h5{  font-size: 16px; font-weight:700;  margin:0px 0; padding: 0 1px; }
}

@media only screen and (max-width :375px) {
 .few-industries{margin: 10px 0; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
flex-direction: column;
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
 
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    
	
justify-content: center;
	-webkit-box-align: center;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;	 
	 
	} 
.few-industries article{width:100%; padding: 0px; text-align: center; border:0px solid #000;}
 .few-industries h5{  font-size: 18px; font-weight:700;  margin:15px 0; padding: 0 0px; }
}

/*---------------------------------------------*/
 
.section-5{ /*background:url(../images/about-bg.jpg); background-position: center; background-repeat: no-repeat;*/ margin: 30px 0 0 0; padding: 15px 0;} 
.about-section{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 

flex-direction: row;
-webkit-box-orient: horizontal;;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
 
	flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
     	
	
 font-family: 'Geomanist';}
.about-section .about-col-1{ width: 50%; padding: 0 40px 0 0;}
.about-section .about-col-2{ width: 50%; }
 
.about-section p{ font-family: 'Product Sans'; color: #606060; font-size: 16px; font-weight:normal; letter-spacing:0.50px; line-height: 26px;  margin:5px 0; }
.about-section p strong {font-weight:700;font-size: 19px; color: #000;}
.about-section img{max-width: 100%;} 

@media only screen and (max-width :900px) {
.section-5{ background: #fff; margin: 20px 0 0 0; padding: 0px 0;} 	
.about-section{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	
flex-direction: column;
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
 
	flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
 
	
	 font-family: 'Geomanist';}
.about-section .about-col-1{ width: 100%; padding: 0 0px 0 0;}
.about-section .about-col-2{ width: 100%;} 
 
}

/*------------------------------------------------------------*/

.section-6{ margin: 30px 0 0 0; padding: 0px 0; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	flex-direction: row;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
 
	flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    
	
justify-content: space-between;
	-webkit-box-align: space-between;
	-webkit-flex-align: space-between;
	-ms-flex-align: space-between;
	-webkit-align-items: space-between;	
	
 } 
 
.sec-6-1{ width: 33.3333%; padding: 20px 50px; border-right: 1px solid #ddd;}
.sec-6-2{ width: 33.3333%; padding: 20px 30px; border-right: 1px solid #ddd;}
.sec-6-3{ width: 33.3333%; padding: 20px 50px; }

.section-6 h2{font-family: 'Product Sans'; text-align: center; color: #000; font-weight: 700; font-size: 30px;} 
.section-6 h2 span{ display: block; font-size: 30px; font-weight: 300;} 
.section-6 p{ text-align: center; font-family: 'Product Sans';
    color: #606060;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.50px;
    line-height: 26px;}

@media only screen and (max-width : 1024px) { 
.sec-6-1{ width: 33.3333%; padding: 20px 20px; }
.sec-6-2{ width: 33.3333%; padding: 20px 20px;}
.sec-6-3{ width: 33.3333%; padding: 20px 20px; }
}

@media only screen and (max-width : 600px) {
.section-6{ margin: 30px 0 0 0; padding: 0px 0; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
flex-direction: column;
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
 
	flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    
	
justify-content: space-between;
	-webkit-box-align: space-between;
	-webkit-flex-align: space-between;
	-ms-flex-align: space-between;
	-webkit-align-items: space-between;	
	
	
} 	
.sec-6-1{ width: 100%; padding: 20px 20px; border-bottom: 1px solid #ddd;}
.sec-6-2{ width: 100%; padding: 20px 20px; border-bottom: 1px solid #ddd;}
.sec-6-3{ width: 100%; padding: 20px 20px; }
}


/*----------------------------------------------------*/


.section-7{background: #fff; margin: 40px 0 0 0; padding: 0px 0;} 

.section-7 p{ font-family: 'Product Sans'; color: #606060; font-size: 16px; font-weight:400; letter-spacing:0.50px; line-height: 26px;  margin:15px 0; }

.section-row-7{margin: 0px 0; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
flex-direction: row;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
 
	flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    
	
	
	 } 
.section-row-7 .section-7-1 { width: 50%; position: relative; padding: 40px 0px 60px 50px;} 
.section-row-7 .section-7-2 { width: 50%;} 
 
.section-7-2 .img-bg-1{background-image:url(../images/our-team-img.jpg); background-position: top; background-repeat: no-repeat; background-size: cover; height: 100%; min-height: 560px; clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);}
.section-7-2 .img-bg-1-sm { display: none; max-width: 100%;}

.section-row-7 ul{list-style: none; padding:0 0 0 20px; margin:30px 0;} 
.section-row-7 ul li{  padding:15px 5px; position: relative; font-family: 'Product Sans';  color: #606060; font-size: 20px; font-weight:400; letter-spacing:0.50px; line-height: 24px; text-decoration: none; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; border-bottom: 1px dashed #ddd;} 
.section-row-7 ul li:before {content: ""; display: block; width: 11px; height:11px;  background:url(../images/right-read.png) no-repeat; position: absolute; top: 22px; left: -15px; }  
.section-row ul li:hover{color: #ffd600; padding-left: 15px;} 

@media only screen and (max-width :720px) {
.section-row-7{margin:0px 0; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 

flex-direction: column-reverse;
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
 
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    
	  } 
.section-row-7 .section-7-1 { width: 100%;  position: relative; padding: 20px 20px;} 
.section-row-7 .section-7-2 { width: 100%;}
.section-7-2 .img-bg-1{background-image:url(../images/our-team-img.jpg); background-position: top; background-repeat: no-repeat; background-size:auto; background-attachment: fixed; height: 700px; min-height: 560px; clip-path: none;}

.section-7-2 .img-bg-1 { display: none;}		
.section-7-2 .img-bg-1-sm { display: inherit; max-width: 100%;}	
	
}

/*---------------------------------------------------*/

.section-8{background: #fff; margin: 40px 0 0 0; padding: 0px 0;} 

.section-8 p{ font-family: 'Product Sans'; color: #606060; font-size: 16px; font-weight:400; letter-spacing:0.50px; line-height: 26px;  margin:15px 0; }

.products-list{margin: 10px 0 30px 0; text-align: center;} 


.heading-title-3 h2{font-family: 'Geomanist';  margin:0px 0;position: relative; display: inline-block; text-align: center;}
.heading-title-3 h2 span{font-family: 'Geomanist'; color: #151515;  display: block; font-size: 32px; font-weight:500; text-transform: inherit; letter-spacing: -0.50px;position: relative;padding: 0 200px;z-index: 1;} 
.heading-title-3 h2 span:before { content: ""; position: absolute; bottom:25px; right:0;  width:100%;  height:2px!important; background:#000; } 
.heading-title-3 h2 span ol{position: relative; background:#fff; z-index:1; margin:0 0px; padding: 4px 20px; border-radius: 20px; border: 2px solid #ddd;}
 
.heading-title-3 h6 {font-family: 'Geomanist'; color: #000;  display: block; font-size:20px; font-weight:500; text-transform: inherit; letter-spacing: -0.20px; padding: 10px 0; margin: 0px; } 

.pro-details{margin: 0px;  display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	
flex-direction: row;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
 
	flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    
 	
	  text-align: left;} 
.pro-details .pro-col-1{width:40%; padding: 0 50px 0 0;}
.pro-details .pro-col-2{width:60%;}
.pro-details .pro-col-1 img{border: 1px solid #eee;} 
.pro-col-2 p{ font-family: 'Product Sans'; color: #606060; font-size: 15px; font-weight:400; letter-spacing:0.50px; line-height: 22px;  margin:15px 0; }

@media only screen and (max-width :1024px) { 
.pro-details .pro-col-1{width:40%; padding: 0 20px 0 0;}
}

@media only screen and (max-width :900px) { 
.pro-details .pro-col-1{width:50%; padding: 0 20px 0 0;}
.pro-details .pro-col-2{width:50%;}	
}

@media only screen and (max-width :680px) {
.pro-details{margin: 0px;  display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
flex-direction: column;
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
 
	flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    
	} 	
.pro-details .pro-col-1{width:100%; padding: 0 0px 0 0;}
.pro-details .pro-col-2{width:100%;}
	
 .heading-title-3 h2 span{ font-size:26px;  position: relative;padding: 0 50px;z-index: 1;} 
.heading-title-3 h2 span:before {bottom:20px; } 
.heading-title-3 h2 span ol{padding: 4px 20px; border-radius: 20px;}
.heading-title-3 h6 { font-size:18px;  } 	
}

@media only screen and (max-width :425px) {
.heading-title-3 h2{ position: relative; display:block;}	
.heading-title-3 h2 span{ font-size:26px;  position: relative;padding: 0 0px;z-index: 1;} 
.heading-title-3 h2 span:before {content: none; } 
.heading-title-3 h2 span ol{padding: 10px 0px; border-radius: 0px;}
 
	
}



/*-----------------------------------------------------*/

.table{font-family: 'Product Sans';} 
.table thead th{ font-size: 16px; color: #606060; text-transform: uppercase;}
.table td{ font-size: 16px; color: #606060!important; font-weight: 400;  letter-spacing: 0.25px;}
.table td, .table th {padding: .60rem;}
.table td strong{font-size: 17px;font-weight: 700; color: #030b26!important;} 

.anchor{display: block;height: 60px;margin-top: -60px; visibility: hidden;}

@media only screen and (max-width :900px) { 	
.table td{ font-size: 15px;}
.table td, .table th {padding: .40rem;}
.table td strong{font-size: 16px;} 
	
}

 
/*---------------------------------------------------*/


.section-9{background: #fff; margin: 40px 0 0 0; padding: 0px 0;} 

.section-9 p{ font-family: 'Product Sans'; color: #606060; font-size: 16px; font-weight:400; letter-spacing:0.50px; line-height: 26px;  margin:15px 0; }

.quality-test-listing{padding: 0 100px; margin: 20px 0;} 

.quality-test{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
flex-direction: row;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
 
	flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    
  align-items: center; margin: 0px 0 10px 0;} 
.quality-test .test-col-1{width: 50%; text-align: center;} 
.quality-test .test-col-2{width: 50%; padding: 0 30px;}

.quality-test .test-order-1{ order: 2} 
.quality-test .test-order-2{ order: 1} 

.test-col-1 img{max-width: 100%;}
.test-col-2 h2{margin: 10px 0; font-family: 'Product Sans';  font-size: 36px; color: #333; font-weight: 700; letter-spacing: 0.25px;} 
.test-col-2 p{ font-family: 'Product Sans'; color: #606060; font-size: 16px; font-weight:400; letter-spacing:0.30px; line-height: 22px;  margin:5px 0; }
 


@media only screen and (max-width :1024px) {
.quality-test-listing{padding: 0 0px; margin: 20px 0;} 	
.quality-test .test-col-1{width: 40%;} 
.quality-test .test-col-2{width: 60%; padding: 0 30px;}
}

@media only screen and (max-width :900px) { 
.quality-test .test-col-1{width: 40%;} 
.quality-test .test-col-2{width:60%; padding: 0 20px;}
}

@media only screen and (max-width :700px) {
.quality-test{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	flex-direction: column;
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
 
	flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    
  margin: 0px 0  30px 0;} 	
.quality-test .test-col-1{width: 100%;} 
.quality-test .test-col-2{width:100%; padding: 0 0px;}	
.quality-test .test-order-1{ order: 1} 
.quality-test .test-order-2{ order: 2} 	
.test-col-2 h2{ font-size: 30px;} 
.test-col-1 img{width: 100%;}
}


/*------------------------------------------------------------*/

.section-10{ margin: 30px 0 0 0; padding: 0px 0; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	
	flex-direction: row;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
 
	flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    
	
justify-content: space-between;
	-webkit-box-align: space-between;
	-webkit-flex-align: space-between;
	-ms-flex-align: space-between;
	-webkit-align-items: space-between;
	
 } 
 
.sec-10-1{ width: 33.3333%; padding: 20px 50px; background: #fff; border-right: 1px solid #ddd;}
.sec-10-2{ width: 33.3333%; padding: 20px 30px; background: #fff;border-right:1px solid #ddd;}
.sec-10-3{ width: 33.3333%; padding: 20px 50px; background: #fff;}

.section-10 h2{font-family: 'Product Sans'; text-align: center; color: #000; font-weight: 700; font-size: 30px;} 
.section-10 h2 span{ display: block; font-size: 30px; font-weight: 300;} 
.section-10 p{ text-align: center; font-family: 'Product Sans';
    color: #606060;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.50px;
    line-height: 26px;} 

@media only screen and (max-width : 1024px) { 
.sec-10-1{ width: 33.3333%; padding: 20px 20px; }
.sec-10-2{ width: 33.3333%; padding: 20px 20px; }
.sec-10-3{ width: 33.3333%; padding: 20px 20px; }
}

@media only screen and (max-width : 700px) {
.section-10{ margin: 30px 0 0 0; padding: 0px 0; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	
	flex-direction: column;
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
 
	flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    
	
justify-content: space-between;
	-webkit-box-align: space-between;
	-webkit-flex-align: space-between;
	-ms-flex-align: space-between;
	-webkit-align-items: space-between;
	
	
	} 	
.sec-10-1{ width: 100%; padding: 20px 20px;  border:1px solid #ddd;}
.sec-10-2{ width: 100%; padding: 20px 20px;  border: 1px solid #ddd;}
.sec-10-3{ width: 100%; padding: 20px 20px; border: 1px solid #ddd;}
	
 
}


/*----------------------------------------------------*/
 /*------------------------------------------------------*/



.client-section{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;
	
flex-direction: row;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
 
	flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    
   font-family: 'Geomanist';}
.client-section .client-col-1{ width: 100%;}
.client-section .client-col-2{ width: 40%;}
  

.client-list{list-style: none; margin: 20px 0; padding: 0px; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	
flex-direction: row;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
 
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    
	 } 
.client-list li{ width: 100%; margin: 0px; text-align:center;} 
.client-list li img{border: 1px solid #ddd; height: 90px;}

@media only screen and (max-width : 1280px) { 
.client-list li img{height: 90px;}
}
@media only screen and (max-width : 1160px) { 
.client-list li img{height: 80px;}
}
@media only screen and (max-width : 860px) { 
.client-list li img{height: 70px;}
}

@media only screen and (max-width : 768px) { 
.client-section{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	
	flex-direction: column-reverse;
-webkit-box-orient: vertical;;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
 
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
     }
.client-section .client-col-1{ width: 100%;}
.client-section .client-col-2{ width: 100%;}	
.client-list li img{height: 70px;}	
   
}

@media only screen and (max-width : 580px) { 
.client-list li img{height: 65px;}
}

@media only screen and (max-width : 480px) { 
.client-list li img{height:90px;}
}

@media only screen and (max-width : 400px) { 
.client-list li img{height:80px;}
}

@media only screen and (max-width : 360px) { 
.client-list li img{height:70px;}
}




/*-----------------------------------------------------*/

.breadcrumb {display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;-ms-flex-wrap: wrap; flex-wrap: wrap;padding: 10px 15px; margin: 10px 0; list-style: none; background-color: #fff;border-radius: 0; width:100%;}
.breadcrumb-item { text-decoration: none; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight:900; color: #333; text-transform: uppercase;}
.breadcrumb-item a{ text-decoration: none;  color: #333;} 

@media only screen and (max-width : 380px) {
 .breadcrumb-item { font-size: 11px; font-weight:700; }
 	
}

 

/*----------------------------------------------------*/
.outer-max{height: 480px!important; overflow: hidden;  border-radius: 10px; margin: 0 0 30px 0;}
.img-max{ position: relative; width: 100%; height: 480px; overflow: hidden; background-repeat: no-repeat!important; background-position: center center!important;  background-size: cover!important; transition: all 2s ease;} 
.img-max:hover{transform: scale(1.2);}

.outer-min{height: 220px!important; overflow: hidden;  border-radius: 10px; margin: 0 0 30px 0;}
.img-min{ position: relative; width: 100%;  height: 250px; background-repeat: no-repeat!important; background-position: center center!important;  background-size: cover!important; transition: all 2s ease;} 
.img-min:hover{transform: scale(1.2);}

   
/*-------------------------------------------------------------*/

.contact-section{ margin: 40px  0; padding: 0px;font-family: 'Product Sans'; } 

.contact-section h5{  color: #2b2b33; font-size: 25px; font-weight:700; letter-spacing:0.50px; text-transform:inherit; margin:5px 0;} 
.contact-section p{ color: #666666; font-size: 16px; font-weight:400; letter-spacing:0.20px; line-height: 22px;  margin: 0px 0; }

.contact-row{ margin: 40px  0; padding: 0px; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	
flex-direction: row;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
 
	flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    
	
justify-content: space-between;
	-webkit-box-align: space-between;
	-webkit-flex-align: space-between;
	-ms-flex-align: space-between;
	-webkit-align-items: space-between;
	
	  } 
.contact-col-1{ width: 50%; padding:0px 160px 0 20px;} 
.contact-col-2{ width: 50%; padding: 0px 0 0 0;} 

.contact-details{display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	
	flex-direction: row;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
 
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    
	
justify-content: center;
	-webkit-box-align: center;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	
	  text-align: center;  font-family: 'Product Sans'; } 

.contact-box-1{ width: 100%;border-bottom: 1px solid #ddd;margin: 0 0 0px 0; padding:15px 0; } 
.contact-box-2{ width: 100%; border-bottom: 1px solid #ddd;margin: 0 0 0px 0; padding:15px 0;} 
.contact-box-3{ width: 100%; padding:15px 0;} 
 

.contact-details h4{  color: #2b2b33; font-size: 20px; font-weight:700; letter-spacing:-0.50px; text-transform: uppercase; margin:10px 0;} 
.contact-details p{ color: #666666; font-size: 18px; font-weight:400; letter-spacing:0.20px; line-height: 22px;  margin: 0px 0; }
.contact-details p a{  color: #666666;  }
.contact-details p strong{display: block;  font-size:22px; font-weight:700;   }

@media only screen and (max-width : 1024px) { 
.contact-col-1{ width: 50%; padding:0px 50px 0 20px;} 
.contact-col-2{ width: 50%; padding: 50px 0 0 0;} 		
}


@media only screen and (max-width : 700px) {
.contact-row{ margin:0  0 30px  0; padding: 0px; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	
flex-direction: column;
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
 
	flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    
	
justify-content: space-between;
	-webkit-box-align: space-between;
	-webkit-flex-align: space-between;
	-ms-flex-align: space-between;
	-webkit-align-items: space-between;	
	
	
	  } 
.contact-col-1{ width: 100%; padding:0px 20px; } 
.contact-col-2{ width: 100%; padding: 30px 20px 0 20px ;}	
}

@media only screen and (max-width :575px) {
	 
.contact-section{ margin:0px  0; padding: 0px;font-family: 'Product Sans'; } 
.contact-section h5{  font-size: 20px; } 
.contact-section p{ font-size: 15px;}	
	
.contact-col-1{ width: 100%; padding:0px 0px; } 
.contact-col-2{ width: 100%; padding: 30px 0px 0 0px ;}	
	
.contact-box-1{ width: 100%;border-bottom: 1px solid #ddd;margin: 0px; padding:10px 0; } 
.contact-box-2{ width: 100%; border-bottom: 1px solid #ddd;margin: 0px; padding:10px 0;  } 
.contact-box-3{ width: 100%; margin: 0px; padding:10px 0;} 
.contact-box-4{ width: 100%; border-top: 1px solid #ddd; margin: 0px; padding:10px 0; }	

.contact-details h4{  font-size: 18px; } 
.contact-details p{  font-size: 16px; }
.contact-details p strong{font-size:20px;}	
	
}

.location-map{ position: relative; width: 100%; margin: 50px 0 40px 0;} 
/*.embed-responsive-16by9::before { padding-top: 30.25%;}

@media only screen and (max-width :1000px) {
.embed-responsive-16by9::before { padding-top: 40.25%;}	
}

@media only screen and (max-width :740px) {
.embed-responsive-16by9::before { padding-top: 56.25%;}	
}*/


/*---------------------------------------------------*/ 

.form-control {display: block;width: 100%; height: 40px; padding: 6px 12px;  font-family: 'Product Sans';  font-size: 14px; font-weight:normal; letter-spacing: 0.20px; line-height: 1.42857143;color: #525151; border: 0px;  border-bottom: 1px solid #ddd;}
.form-group {margin-bottom: 10px;}
.form-group label{  font-family: 'Product Sans';  font-size: 16px; color: #666; font-weight:400; margin-bottom:0px;} 
.form-group label small {font-size: 17px;  color: #f01818;} 
.form-check-label{ font-weight: 400!important; font-size: 14px!important;} 
 
.submit-link{ background: #000; padding: 7px 20px;font-family: 'Product Sans';  color: #fff; font-size: 18px; font-weight:500; letter-spacing:0.30px; text-transform: uppercase; border-radius: 20px; margin:0px 0 0 0; display: inline-block; text-decoration: none!important;  transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
.submit-link:hover{ background: #000; color: #fff;  -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px); box-shadow: 0 -5px 0 0 rgba(24,24,24,.15) inset, 0 5px 10px rgba(0,0,0,0.5);}

/*--------------------------------------------------------------------*/


.modal-content { width: 100%;pointer-events: auto; background-color: #fff; background-clip: padding-box;
  border: 0px;  border-radius: 0; outline: 0;padding: 10px;}
.modal-header {padding: 2px; border-bottom: 0px solid #e9ecef;}
.modal-body {padding: 0px 10px 10px 10px;}
.close {font-size: 2rem; font-weight: 700; line-height: 1; color: #000;opacity: .9;}

 .message { text-align: center;font-family: 'Product Sans'; color: #666;} 
.message h2{ font-size: 28px; padding: 40px;}
.message a{ font-size: 16px; color: #666; border: 1px solid #ddd; border-radius: 4px; padding: 7px 15px; text-decoration: none;}

 
/*----------------------------------------------------------*/  

.modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto ;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0);transform: translate(100%,0);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);flex-flow: column;}
.modal-dialog-slideout .modal-content{border: 0;}
@media (max-width: 576px){
.modal-dialog.modal-dialog-slideout {width: 80%}
}
@media (max-width: 425px){
.modal-dialog.modal-dialog-slideout {width: 100%}
}



/*------------------------------------------------------------*/

.footer{ background:#0b0b0b; margin: 30px 0 0 0; padding:20px 0 0 0; border-top:0px solid #ffcd00; font-family: 'Product Sans';  width: 100%; position: relative;}

.footer-col{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;} 
.footer-col .ft-col-1, .ft-col-2, .ft-col-3{width:33.33333%;  padding: 0 20px;} 
 
.footer h4{ font-weight:500; color:#fff; font-size:20px;  margin:10px 0; text-transform:uppercase; letter-spacing: 0.50px;display:flex;position: relative; z-index: 1;} 
.footer h4:after { content: ' '; width:5rem;border-top: 2px solid #fff; margin-left: 10px; margin-top: 10px; margin-bottom: 0;  display: block; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0;} 
 
.footer p{ font-weight:400; color:#aaa; font-size: 16px!important; text-decoration:none; letter-spacing: 0.50px;}
.footer p a{ color:#aaa;}
.footer p strong{ font-size: 18px;font-weight:500;}

.footer_links { padding:0px 0 0 0;  font-family: 'Product Sans'; }
.footer_links ul { list-style:none; padding:0px 0 0px 0px; text-align:left;}
.footer_links li{padding:5px 0 ; margin:0px; border-bottom: 1px dashed #1d1d1d;}
.footer_links li a{font-weight:500; color:#aaa; font-size: 17px!important;  text-decoration:none; letter-spacing: 0.50px;}
.footer_links li a:hover{ color:#fff;-moz-transition: 0.4s ease-in-out 0s;-ms-transition: 0.4s ease-in-out 0s;-webkit-transition: 0.4s ease-in-out 0s;transition: 0.4s ease-in-out 0s; padding-left:15px;}
.border-right{ border-right:1px dashed #19406f; min-height:280px;}

.footer_links .links-list li{ float:left; width:48%;}

.footer_bottom { margin: 10px 0 0 0; padding:10px 0px;  background-color:#141414; border-top:0px solid #922367;}
.footer_bottom-in{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
	
flex-direction: row;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
 
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    
	
justify-content: space-between;
	-webkit-box-align: space-between;
	-webkit-flex-align: space-between;
	-ms-flex-align: space-between;
	-webkit-align-items: space-between;	
	 } 
.footer_bottom p{ text-align: right; font-family: 'Product Sans'; font-size:15px!important; font-weight:400; color:#aaa!important;  text-decoration:none; margin: 0px;}
.footer_bottom p a{ color:#aaa!important;}


@media only screen and (max-width : 1024px) { 	
.footer_links .links-list li{ float:none; width:100%;}
 
}

@media (min-width: 768px) and (max-width: 991.98px) {
.footer-col{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;	
 
	flex-wrap: wrap!important;
    -webkit-flex-wrap: wrap!important;
    -ms-flex-wrap: wrap!important;
    } 
.footer-col .ft-col-1, .ft-col-2, .ft-col-3{flex-grow: 2; padding: 0 20px;} 
.footer-col .ft-col-1, .ft-col-2{width:auto;} 
.footer-col .ft-col-3{width:auto;} 
}

@media only screen and (max-width : 768px){ 	
 .footer-col{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;
	 
 
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap!important;
    -ms-flex-wrap: wrap;
    
	 } 
.footer-col .ft-col-1, .ft-col-2, .ft-col-3{flex-grow: 2; padding: 0 20px;} 
.footer-col .ft-col-1, .ft-col-2{width:auto;} 
.footer-col .ft-col-3{width:auto;}
}

@media only screen and (max-width : 575px) {
 .footer-col{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;
 
	 flex-direction: column;
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
	 
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
     } 
.footer-col .ft-col-1, .ft-col-2, .ft-col-3{flex-grow: 2; padding: 0 0px;} 
.footer-col .ft-col-1, .ft-col-2{width:100%;} 
.footer-col .ft-col-3{width:100%;}	
	
.footer_links .links-list li{ float:none; width:100%;}
.footer_bottom p{ text-align: left;}
	
.footer_bottom-in{ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 
 flex-direction: column;
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
 
     
	 } 	
	
} 



/*-------------------------------------------*/

.social-icon { text-align:right; margin:0px 0 0 0; padding:2px 0; border-bottom: 0px solid #d4d1d1;}
.social-icon:after { content:""; clear:both; display: block}
.social-icon li {padding:2px; display:inline-block; text-align:right; margin-top:0px;color:#444444; line-height:20px; border-right: 1px solid #ddd;}
.social-icon li a { display:inline-block; width:25px; height:25px; line-height:20px !important; text-align:center; text-decoration:none; font-size:20px; font-weight: 400;  padding:4px; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-radius:30px; color:#444; background: transparent;}
.social-icon li a:hover{border-radius:30px;   color:#000 !important; -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px);}
.social-icon small{ font-family: 'Product Sans'; font-size: 12px;  color: #505b6c; font-weight: 900; text-transform: uppercase;} 


.social-icon-1 { font-family: 'Product Sans'; text-align:left; margin:0px 0 0 0; padding:0px; border-bottom: 0px solid #d4d1d1;}
.social-icon-1:after { content:""; clear:both; display: block}
.social-icon-1 li {padding:1px; display:inline-block; text-align:right; margin-top:0px;color:#aaa; line-height:30px; border-right: 0px solid #ddd;}
.social-icon-1 li a { display:inline-block; width:40px; height:40px; line-height:20px !important; text-align:center; text-decoration:none; font-size:25px; margin-right:0px !important; padding-top:8px; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-radius:0px; /*background:#fff;*/ color:#aaa;}
.social-icon-1 li a:hover{border-radius:30px; background:#fff; color:#000 !important;}


@media only screen and (max-width : 1024px) {	
.social-icon li {padding:0px; }
.social-icon li a { width:22px; height:22px;font-size:15px;}
	
}

@media only screen and (max-width : 575px){
	
	 
	
}


/***back to top ------------------------*/
.cd-top { display: inline-block; height: 30px; width: 30px; position: fixed;  bottom: 40px;  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);  overflow: hidden;  text-indent: 100%;  white-space: nowrap;  background: rgba(158, 179, 20, 8)  url(../images/cd-top-arrow.png) no-repeat center 50%;  visibility: hidden;  opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;}  
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;}  
.cd-top.cd-is-visible { visibility: visible;  opacity: 1;}
.cd-top.cd-fade-out { opacity: .8;}  
.no-touch .cd-top:hover {  background-color: #223369;  opacity: 1;}
 
 

/*--------------------------------------*/

.mg-both{ margin:30px 0 30px 0;}
.mg-top-20{ margin-top:20px;}
.mg-top-30{ margin-top:30px;}
.mg-top-50{ margin-top:50px;}
.mg-bottom-30{ margin-bottom:30px;}
.mg-bottom-20{ margin-bottom:20px;}
.divider10{ height:10px;}
.divider20{ height:20px;}
.divider30{ height:30px;}
.divider50{ height:50px;}
.divider80{ height:80px;}
.divider120{ height:120px;}






/* Large Devices, Wide Screens */
@media only screen and (min-width : 1460px) {
	
}

@media only screen and (max-width : 1280px) { 

}

 
 /* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
	
}

/* Small Devices, Tablets */ 
@media only screen and (max-width : 768px){

}


@media only screen and (max-width : 575px) {

}

/* Extra Small Devices, Phones */ 
 @media only screen and (max-width : 480px) { 
	 
}
/* Custom, iPhone Retina */ 
 @media only screen and (max-width : 320px) {
 
}
/* Custom, */ 
 @media only screen and (max-width : 360px) {

}









.testing-flex{
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */	
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */

flex-direction: row;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
 
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    
	
justify-content: center;
	-webkit-box-align: center;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	

}