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

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

@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:300,400,700,800');
/*font-family: 'Merriweather Sans', sans-serif;

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

@import url('../fonts/handel-gothic.css');*/


body{ background:#fff; font-family: 'Product Sans';font-size:14px;color:#333;font-weight:400;}

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


.header-top-row{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content:flex-end; align-items: center; margin: 5px 0 0 0; font-family: 'Product Sans';} 
.header-top-row a{ padding: 0 10px; font-size: 14px; color: #055999; font-weight: 400; text-decoration: none; letter-spacing: 0.50px;} 
.header-top-row .top-col-1, .top-col-2{ padding: 2px 15px;} 

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




.header-middle-row{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items: center; margin: 0px 0 0 0; font-family: 'Product Sans';} 	

.logo{ text-align:left; position: absolute; top:4px; z-index: 2; transition: top .25s ease-out;-webkit-transition: top .25s ease-out;}
.logo img{ width:100%; transition: top .25s ease-out; -webkit-transition: top .25s ease-out;}
 

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

.logo{ text-align:right; position: relative; left: 0px;  top:0px; display: block;margin-left: auto; margin-right: auto;}	
.logo a{ justify-content: center;} 
.logo img{ width:70%!important;} 
.m-col-2:nth-of-type(2) { order: -1; }	

.header-middle-row{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin: 0px 0 0 0; }
  	
}

@media only screen and (min-width : 769px) and (max-width : 800px){

.logo a{ justify-content: center;} 
.logo img{ width:70%!important;} 
	
}

@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; }
 .m-col-3:nth-of-type(3) {display: none;}	
}

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

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

	 
}

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

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

.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: 65px; transition: top .25s ease-out; -webkit-transition: top .25s ease-out;}

.header-mini .header-top-row{ display: none;} 

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

@media only screen and (max-width : 767px){
	
.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: 65px!important;}
/*.header-mini .logo img{ width: 15%!important;}*/
	
}

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


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

.navbar-custom{padding:0px 0; margin:0px 0 0 0px; background:transparent!important; border-top: 0px solid #ddd; position: relative;}
.navbar{padding: 0rem 0rem;;} 
.navbar-collapse {flex-direction:row-reverse!important;} 
.navbar-nav {margin: 0; padding:10px 0;}
.navbar-nav li{ position: relative; border-right:0px solid #c2c2c2; }
.navbar-nav li:last-child{border-right:0px;} 
.nav-link {display: block;padding: 4px 30px!important; font-family: 'HandelGothicW02'; font-weight:bold; font-size: 15px; color:#055999; letter-spacing: 0.75px;text-transform:uppercase;}
.nav-link:hover {color: #0090aa; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;background: transparent;} 


.nav-link::after {background: transparent none repeat scroll 0 0; content: ""; display: block;
   height: 3px; width: 0; left: 0; position: absolute; bottom: -5px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.nav-link:hover::after{background: #0090aa none repeat scroll 0 0; width: 100%;}
 

			 
.dropdown-menu { background: rgba(5, 89, 93, 0.9); min-width:250px !important;   padding: 0px 0; margin-top:5px !important; border: 0px; border-top:3px solid #0090aa; border-radius: 0px;}
.dropdown-item {display: block;width: 100%;padding: 5px 5px;background-color: transparent;border-bottom: 1px dashed #0090aa; font-family: 'HandelGothicW02'; font-weight:bold; font-size: 13px; color:#fff; text-transform:uppercase; letter-spacing: 0.50px;}
.dropdown-item:hover{background-color: #0090aa;color:#000;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;} 
.dropdown.open>a:focus, .dropdown.open>a:hover { color: #0090aa; 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: 500px; opacity: 1;}
.dropdown-toggle::after{ display: none;} 
 
/*mouse hover toggle*/
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown>.dropdown-toggle:active {pointer-events: none;}

@media only screen and (max-width : 1160px) {
.nav-link {padding: 0 18px!important; }	
}

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

@media (min-width: 800px) and (max-width: 960px) {
.nav-link { padding: 0px 12px!important;  font-size: 14px; letter-spacing: 0.10px;}	
}

@media only screen and (max-width : 767px){	
.navbar-custom{position: relative; left: 15px!important;}
.navbar{padding: 0rem!important;  width: auto;} 
.navbar-nav li{border-right:0px solid #ddd; border-bottom:1px solid #ddd;}
.nav-link { padding: 10px 15px!important; font-size: 15px; color:#055999; font-weight: bold;}
.nav-link:hover {color: #0090aa;}		
.nav-link::after{ display: none;} 

.navbar-collapse { background: #fff; width: 99vw; height: 99vh;  position: absolute; left: -30px; right:0px; top: 50px;z-index: 2;} 	
	
.dropdown-item {padding: 7px 10px; font-size: 12px; color:#fff;}


/*------toggle nav bar-------*/	
.navbar-toggler-right {position: relative;right: 1rem; z-index: 1; 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: #fff; border: 1px solid transparent; border-radius: 0;}	
		
.navbar-toggler:focus,
.navbar-toggler:active {outline: 0; background: #fff;}
.navbar-toggler span { display: block; background-color: #075899;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: #075899;}
.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: #075899;}

	
.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 : 320px){	
 
}

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


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

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

.carousel-caption {/*background: #fdd215;*/ position: absolute;right: 55%;bottom: 25%;left: 5%; z-index: 10;padding: 10px; text-align: left;}
.carousel-caption h3{ margin:0px; color: #09454e; font-size: 25px; font-weight: 400;}
.carousel-caption h4{ margin:0px; color: #09454e; font-size: 45px; font-weight:800; letter-spacing: 1px; text-transform: uppercase;}
.carousel-caption h5{ margin:0px; color: #fff; font-size: 14px; letter-spacing: 0.50px;font-family: 'HandelGothicW02'; font-weight: normal; line-height:normal; text-transform: uppercase;}
.carousel-caption h6{ margin:0px; color: #fff; font-size: 30px; letter-spacing: -0.50px;font-family: 'HandelGothicW02'; font-weight: bolder; line-height:normal; text-transform: uppercase;}
.carousel-caption p{ margin:5px 0; color: #fff; font-size: 15px;  letter-spacing: 0.25px; font-family: 'Merriweather Sans', sans-serif; text-align: left;}
.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 : 1160px) {
.carousel-caption h5{ font-size:14px!important;}
.carousel-caption h6{ font-size:30px!important;}		
	
}

@media only screen and (max-width : 1024px) {
.carousel-caption h5{ font-size:14px!important;}
.carousel-caption h6{ font-size:20px!important;}
.carousel-caption p{ font-size: 15px!important;;}
}

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

.carousel-caption { background: rgba(253, 210, 21, 0.0); position: absolute;right: 0%;bottom: 10%;left: 0%; z-index: 10;padding: 10px; text-align: center;}	
.carousel-caption h5{ font-size:14px!important;}
.carousel-caption h6{ font-size:20px!important; line-height:30px;}
.carousel-caption p{ font-size: 14px!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 {padding: 2px;}	
.carousel-caption h5{ font-size:14px!important;}
.carousel-caption h6{ font-size:20px!important;}
.carousel-caption p{ font-size: 13px!important;;}
	
}

@media only screen and (max-width : 480px) {
.slider{/*padding-top: 80px;*/ margin:0px 0 1px 0px;  border:0px solid #ddd;}		
.carousel-caption h5{ font-size:14px!important;}
.carousel-caption h6{ font-size:16px!important; line-height:20px; font-weight: bold;}
.carousel-caption p{ font-size:13px!important;}	
	
}

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

/*------------inner page banner----------------*/

.carousel-caption-1 {position: absolute; bottom: 15%;left:5%; right: 0%; z-index: 10;padding:3px 0px; color: #333; text-align: left; }
.carousel-caption-1 h2{ margin:0px!important;  font-family: 'HandelGothicW02'; font-weight: bold; color: #fff; font-size:40px; padding: 0px; text-transform: uppercase; }
.carousel-caption-1 h2:after { content: ""; position: absolute; bottom:0px; left: 0%;  width:5%; height: 6px; background:#0090aa;}

@media only screen and (max-width : 1024px) {
.carousel-caption-1 h2{ font-size:35px!important;}
}

@media only screen and (max-width : 767px) {
.carousel-caption-1 h2{ font-size:35px!important;}	
}

@media only screen and (max-width : 575px) { 
.carousel-caption-1 h2{ font-size:26px!important;}		
	
}


/*-------------------end carousel--------------------------------------------------*/
.section-0{ margin:0 0 10px 0; background: #fffff; padding: 5px 0;} 
 
.section-1{ margin:0 0 30px 0; background: #0090aa; padding: 25px 0;} 
.wel-text{ /*display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;*/ text-align: center;} 
.wel-text .wel-col-1{ width: 50%;} 
.wel-text .wel-col-2{ width: 50%; position: relative; left: -100px;} 
.wel-text img{ max-width: 100%;} 
.wel-text h1{ font-family: 'HandelGothicW03-Rg'; color: #fff; font-size:30px; font-weight: normal; letter-spacing: -1px;  margin: 0px 0; text-transform: uppercase;} 
.wel-text h1 small{color: #fff;font-size: 40px; font-weight: 400;} 
.wel-text p{font-family: 'Product Sans'; color: #fff; font-size: 16px; font-weight:400; letter-spacing:0.50px;  margin: 10px 0; text-align:justify; }
.wel-text h4{font-family: 'Product Sans'; color: #fff; font-size: 22px; font-weight: 500; letter-spacing:0.50px;  margin: 10px 0; }

@media only screen and (max-width :1024px) {
.wel-text .wel-col-2{ width: 50%; position: relative; left: -50px;}  
	
}

@media only screen and (max-width :767px) {
/*.wel-text{ display: flex; flex-direction: column-reverse; flex-wrap:  wrap; align-items:center;} 	*/
.wel-text .wel-col-1{ width: 100%; text-align: center;} 
.wel-text .wel-col-2{ width:100%; position: relative; left: 0px; text-align: center;} 
.wel-text img{ max-width: 50%;} 	
}

@media only screen and (max-width :575px) {
 .wel-text h1{ font-size: 28px; } 
.wel-text h1 small{ font-size: 30px;} 
.wel-text p{ font-size: 15px; }
.wel-text h4{ font-size: 18px;}	
}


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

.section-2{ margin:20px 0;}  

/*.owl-carousel .owl-item{min-height: 335px;}*/

.item-list{ display: flex; flex-direction: row; flex-wrap: wrap; margin: 30px 0; font-family: 'Product Sans'; } 
.item-list div{ margin: 0 2px;} 
.item-list .item-box a{ text-decoration: none; } 
.item-list .item-box h3{ font-family: 'HandelGothicW02'; text-align: center;color: #181c27; font-size: 20px; font-weight:bold; letter-spacing: -0.50px; text-transform: uppercase; margin: 15px 0 0 0;}
.item-list .item-box p{ text-align: center;color: #666; font-size: 15px; font-weight: 400; line-height: 22px; letter-spacing: 0.50px; text-transform: inherit; margin: 4px 0 0 0;} 


.pro-box-img{ height: 300px;    /*background: radial-gradient(#6e6e6e,#2f2f2f);    background: -webkit-radial-gradient(#6e6e6e,#2f2f2f); background: -moz-radial-gradient(#6e6e6e,#2f2f2f);*/ 
 color: #fff; position: relative; overflow:hidden; border: 1px solid #ddd; } 

 .pro-box-img img {position: absolute;text-align: center;padding: 0px; width: 100%; height: 100%;}

.pro-box-img figure img{height: 100%;position: absolute; transition: ease-in-out .5s;
-webkit-transition: ease-in-out .5s;-moz-transition: ease-in-out .5s;  -o-transition: ease-in-out .5s; }

.pro-box-img:hover figure img{transform: scale(3);-webkit-transform: scale(3);  -moz-transform: scale(3); -o-transform: scale(3); opacity: 0; }


@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;}
	
}

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

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

.breadcrumb {display: -ms-flexbox;display: 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; }
 	
}
 
.client-list{list-style: none; padding: 0px; display: flex; flex-direction:row; flex-wrap: wrap;} 
.client-list li{ width: 50%; margin: 0 2px; text-align: center;} 
.client-list li img{border: 1px solid #ddd; } 
@media only screen and (max-width : 480px) { 
.client-list li{ width: 100%;} 
}


.client-listing{list-style: none; padding: 0px; display: flex; flex-direction:row; flex-wrap: wrap; align-items: center!important;} 
.client-listing li{margin: 5px;   border: 1px solid #ddd;  } 
.client-listing li img{ } 

@media only screen and (max-width : 600px) { 
.client-listing li img{ height: 60px; } 
}

@media only screen and (max-width : 425px) {
.client-listing{list-style: none; padding: 0px; display: flex; flex-direction:row; flex-wrap:wrap; justify-content: space-around;  align-items: center!important;}
.client-listing li img{ height: 90px; } 
}

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

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

.text-content { text-align: left!important;font-family: 'Product Sans'; transition: all 0.5s ease;} 
.text-content p { text-align: left;font-size: 16px; color: #666!important; font-weight:400; letter-spacing: 0.25px; line-height: 24px; margin: 10px 0; text-align:justify;}
 
.text-content ul{ list-style: none; padding: 0 0 0 15px;}
.text-content ul li{ list-style-image: url(../images/arrow-list.png); padding: 3px 0;color: #666!important; font-size: 16px; font-weight:400; line-height: 22px; letter-spacing: 0.25px;} 

.text-content h4{position: relative; font-size:18px; color: #333; font-weight:700; letter-spacing: 0.25px; margin:0px 0; padding-left: 12px; transition: all 0.5s ease; text-align: left;} 
.text-content h4:before {content: ""; width: 0px; height: 0px; position: absolute;
 left: 0; top:4px; border-left: 7px solid #80910d; border-right: 7px solid transparent; border-top: 7px solid transparent; border-bottom: 7px solid transparent; transition: all 0.5s ease;}


.text-content .img-wrap-left{ float: left; margin:0 20px 20px 0;transition: all 0.5s ease;} 
.text-content .img-wrap-right{ float: right; margin:0 0px 20px 20px;transition: all 0.5s ease;} 

  
@media only screen and (max-width : 767px) {  
.text-content .img-wrap-left{ float: none; margin:0 0px 20px 0; width: 100%;} 
.text-content .img-wrap-right{ float: none; margin:0 0px 20px 0px; width: 100%;} 	
	
}

/**-------------------------------------------------------**/
  
.heading-title h1{position: relative; font-family: 'Bree Serif', serif; font-size: 24px; color: #333; font-weight:400; text-transform: uppercase; letter-spacing: 0.20px; margin:15px 0; padding-left: 22px; transition: all 0.5s ease; text-align: left;} 
.heading-title h1:before {content: ""; width: 0px; height: 0px; margin:5px 0 0 0; position: absolute;
  left: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 11px solid #15a0be; border-bottom: 11px solid #15a0be; transition: all 0.5s ease;}

.heading-title h2{text-align: left; font-family: 'Merriweather Sans', sans-serif; font-size: 36px; color: #505b6c; font-weight:700; letter-spacing: -1px;  margin: 20px 0; padding:0;}
.heading-title h2 small{color: #f07f1b;font-size: 36px; font-weight:700;} 

.heading-title h3{text-align: left; font-family: 'HandelGothicW02'; font-size: 26px; color: #181c27; font-weight:bold; letter-spacing: -1px; text-transform: uppercase; margin: 0 0 30px 0; padding:0; position: relative;} 
.heading-title h3:after { content: ""; position: absolute; bottom:-10px; left: 0%;  width:10%;  height: 4px; background:#0090aa;}
 

.heading-title h4{text-align: center; font-family: 'HandelGothicW03-Rg'; font-size: 36px; color: #181c27; font-weight:normal; letter-spacing: -1px; text-transform: uppercase; margin: 40px 0; padding:0;} 
.heading-title h4 small{font-size: 36px; }
.heading-title h4 small::after { content: ""; position: absolute; bottom:-10px; left: 40%;   width:20%;    height: 4px; background:#0090aa;}
 
.heading-title h5{text-align: left; font-family: 'Merriweather Sans', sans-serif; font-size: 36px; color: #505b6c; font-weight:700; letter-spacing: -1px;  margin: 20px 0; padding:0;}
.heading-title h5 small{color: #f07f1b;font-size: 36px; font-weight:700;}

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

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

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

.heading-title h1:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #15a0be; border-bottom: 8px solid #15a0be;}	
.heading-title h1{  font-size: 20px;padding-left: 18px;} 
	
.heading-title h2{font-size: 30px;}
.heading-title h2 small{font-size: 30px;}	
	
.heading-title h3{font-size: 22px;}
	
.heading-title h4{font-size: 30px;}
.heading-title h4 small{font-size: 30px;}
	
 .heading-title h5{font-size: 30px;}
.heading-title h5 small{font-size: 30px;}
	
}

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

.product-section{margin: 20px 0;} 
.product-section h4{text-align: center; margin: 40px 0; padding:0;} 
.product-section h4 small{font-family: 'HandelGothicW02'; font-size: 30px; color: #181c27; font-weight:bold; letter-spacing: -1px; text-transform: uppercase;display: inline-block; position: relative;}
.product-section h4 small:after { content: ""; position: absolute; bottom:-10px; left: 0%; width:100%;    height: 2px; background:#0090aa; }
.product-section p { text-align: left; font-family: 'Product Sans'; font-size: 16px; color: #666!important; font-weight:400; letter-spacing: 0.25px; line-height: 24px; margin: 10px 0;}

.product-listing{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;} 
.product-listing .pro-col-1, .pro-col-2{ width: 43%; margin: 0 20px;} 
/*.product-listing .pro-col-1 img{ width: 100%;} */

@media only screen and (max-width : 767px) {
.product-listing{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;} 
.product-listing .pro-col-1, .pro-col-2{ width: 100%; margin: 5px 0px;} 
}

@media only screen and (max-width : 575px) {
 .product-section h4{ margin: 15px 0; padding:0;}
 .product-section h4 small{  font-size: 20px;}
.product-section p { font-size: 15px;  }	
}

/*---------------------------------------------------*/
 
.contact-info{ text-align:left;font-family: 'Product Sans'; margin:0px 0 10px 0; padding: 15px; border: 1px solid #ddd;}
.contact-info ul{list-style: none; padding: 0px;}
.contact-info ul li{ display: flex; margin: 0 0 20px 0;}
.contact-info ul li div{ padding: 0 15px 0 0;} 
.contact-info ul li h3{font-size: 22px; color: #333; font-weight: 500; margin: 0px 0; padding:0;}
.contact-info ul li h4{ font-size:18px; font-weight: 500; color:#333; margin:10px 0 0px 0; letter-spacing: 0.25px;}
.contact-info ul li p{ color:#666; font-size:17px; font-weight:400; margin:0px 0; padding: 0px 0; letter-spacing: 0.20px;}
.contact-info ul li p a{ color:#666; margin:0 0 15px 0;}

.contact-info h4{ font-size:22px; font-weight:500; color:#9b1b6a; margin:15px 0; letter-spacing: 0.25px;}

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

@media only screen and (max-width : 480px) { 
.contact-info ul li div{ padding: 0 10px 0 0;} 
.contact-info ul li div img{width: 35px;} 	
.contact-info ul li h3{font-size: 18px; }
.contact-info ul li h4{ font-size:16px;}
.contact-info ul li p{ font-size:15px;}
}


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

.form-control {display: block;width: 100%; height: 40px; padding: 6px 12px;font-family: 'Product Sans'; font-size: 14px; font-weight:400; letter-spacing: 0.20px; line-height: 1.42857143;color: #525151; border: 1px solid #ddd;}
.form-group {margin-bottom: 10px;}
.form-group label{ font-family: 'Product Sans'; font-size: 15px; font-weight:700; margin-bottom: 5px;} 
.checkbox-inline, .radio-inline{ font-weight: 400!important; font-size: 15px!important;} 
.form-group a{ font-weight: 400!important; font-size: 14px; text-decoration: underline; color: #333;} 
.form-group img{border: 1px dashed #ddd; } 
.radio label{ font-weight: 400!important; font-size: 14px;}
.submit-link{ background:#04599a; padding:7px 25px;font-family: 'HandelGothicW02';font-weight:bold; font-size:20px;color:#fff; letter-spacing:2px; text-transform:uppercase; text-decoration:none; margin: 5px 0 0 0; display:inline-block; width: auto; border-radius: 0px;}
.submit-link:hover{ background:#0090aa; color:#000; text-decoration:none; -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;}
.red-color{ color: #fb2104; font-weight: 700;}

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

.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;}

.form-control-1 {display: block;width: 100%; height: 45px; padding: 6px 12px;font-family: 'Product Sans'; font-size: 14px; font-weight:400; letter-spacing: 0.20px; line-height: 1.42857143;color: #525151; border: 1px solid #ddd; border-radius: 6px;}
.subscribe-submit{ background:#1b1b1b; padding:10px 25px;font-family: 'Roboto', sans-serif;font-weight:500; font-size:18px;color:#fff; letter-spacing:1px; text-transform:uppercase; text-decoration:none; margin:20px 0 0 0; display:block!important; width: 100%; border-radius: 0px;}
.subscribe-submit:hover{ background:#000; color:#fff; text-decoration:none; -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;}
 
/*----------------------------------------------------------*/  

.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%}
}


/*---------------------------------------------------*/
.table{font-family: 'Product Sans';} 
.table thead th{ font-size: 15px; color: #666; text-transform: uppercase;}
.table td{ font-size: 15px; color: #666!important; font-weight: 400;  letter-spacing: 0.25px;}
.table td, .table th {padding: .50rem;}

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


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

.footer{ background:#05273e; margin: 60px 0 0 0; padding: 15px 0 0 0; border-top:3px solid #0090aa;font-family: 'Product Sans'; width: 100%; position: relative;}

.footer-col{ display: flex;} 
.footer-col .ft-col-1, .ft-col-2, .ft-col-3, .ft-col-4{flex-grow: 2; margin: 0 20px;} 
.footer-col .ft-col-2{width:15%;}
 

.footer h4{font-family: 'HandelGothicW02'; font-weight: bold; color:#fff; font-size:18px;  margin:10px 0; text-transform:uppercase; letter-spacing: 0.50px;}
 
.footer p{ font-weight:400; color:#fff; font-size: 15px!important; text-decoration:none; letter-spacing: 0.50px;}
.footer p a{ color:#fff;}
.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 #0090aa;}
.footer_links li a{font-weight:700; color:#fff; font-size: 13px!important; text-transform: uppercase;text-decoration:none; letter-spacing: 0.50px;}
.footer_links li a:hover{ color:#0090aa;-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:5px;}
.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:#031a2a; border-top:0px solid #922367;}
.footer_bottom p{ text-align: center;font-family: 'Product Sans'; font-size:13px!important; font-weight:400; color:#fff!important;  text-decoration:none; margin: 0px;}
.footer_bottom p a{ color:#00a6dd!important;}


@media only screen and (max-width : 1024px) {
.footer-col .ft-col-1, .ft-col-2, .ft-col-3, .ft-col-4{flex-grow: 2; margin: 0 15px;} 	
.footer_links .links-list li{ float:none; width:100%;}
.footer-col .ft-col-2{width:auto;}	
}

@media (min-width: 767px) and (max-width: 991.98px) {
.footer-col{ display: flex;flex-wrap: wrap;} 
.footer-col .ft-col-1, .ft-col-2, .ft-col-3, .ft-col-4{flex-grow: 2; margin: 0 15px;} 
.footer-col .ft-col-2{width:auto;} 
.footer-col .ft-col-3{width:auto;} 
}

@media only screen and (max-width : 767px){ 	
.footer-col{ display: flex;flex-wrap: wrap!important;} 
.footer-col .ft-col-1, .ft-col-2, .ft-col-3, .ft-col-4{flex-grow: 3; margin: 0 15px;} 
.footer-col .ft-col-2{width:auto;} 
.footer-col .ft-col-3{width:auto;} 	
}

@media only screen and (max-width : 575px) {
.footer_links .links-list li{ float:none; width:100%;}
.footer_bottom p{ text-align: center;}	
}

 @media only screen and (max-width : 480px) { 	 
.footer-col{ display: flex; flex-direction: column;flex-wrap: wrap!important; align-items: flex-start;} 
.footer-col .ft-col-1, .ft-col-2, .ft-col-3, .ft-col-4{flex-grow: 0; margin: 0 0px; width: 100%; } 
.footer-col .ft-col-2{width:100%;} 
.footer-col .ft-col-3{width:100%;} 
 
	 
}
 

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

.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:#7d7d7d; line-height:20px; border-right: 0px 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:14px; 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:0px; color:#055999;}
.social-icon li a:hover{border-radius:30px; background:#ffe6e6; color:#055999 !important;}
.social-icon small{ font-family: 'Product Sans'; font-size: 12px;  color: #505b6c; font-weight: 900; text-transform: uppercase;} 


.social-icon-1 { 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:#7d7d7d; line-height:20px; border-right: 0px solid #ddd;}
.social-icon-1 li a { display:inline-block; width:30px; height:30px; line-height:20px !important; text-align:center; text-decoration:none; font-size:20px; margin-right:0px !important; padding-top: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:0px; /*background:#fff;*/ color:#fff;}
.social-icon-1 li a:hover{border-radius:30px; background:#000; color:#fff !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 : 767px){

}


@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) {

}

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

.ts-service-style-1 {
    margin-top: 60px;
    background-color: #f3f3f3!important;
    padding: 35px 10px;
    margin-bottom: 30px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    border-radius: 5px
}
/*
.ts-service-style-1:hover {
    margin-top: 60px;
    background-color: #068!important;
    padding: 35px 10px;
    margin-bottom: 30px;
    box-shadow: inset 0 3px 10px rgba(0, 0, 0, .3);
    border-radius: 5px
}

.ts-service-style-1:hover .service-content p {
    color: #fff!important
}

.ts-service-style-1:hover .read-more {
    color: #50ff50!important;
    font-size: 14px;
    font-weight: 700
}

.ts-service-style-1:hover h3 {
    color: #fff!important;
    font-weight: 700;
    font-size: 30px
}
*/
.ts-service-style-1 .service-content p {
    color: #000!important
}

.ts-service-style-1 .service-icon {
    background-color: #8c7373;
    position: relative;
    color: #fff;
    text-align: center;
    line-height: 65px;
    width: 65px;
    height: 65px;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    -ms-border-radius: 10%;
    -o-border-radius: 10%;
    border-radius: 10%;
    display: inline-block;
    margin-right: 16px;
    transition: background .2s ease 0s, color .2s ease 0s;
    -moz-transition: background .2s ease 0s, color .2s ease 0;
    -webkit-transition: background .2s ease 0s, color .2s ease 0;
    font-size: 20px;
    margin-bottom: 20px
}

.ts-service-style-1 .service-icon:after {
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    -ms-border-radius: 10%;
    -o-border-radius: 10%;
    border-radius: 10%;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
    box-shadow: 0 0 0 4px #00a6dd;
    -moz-box-shadow: 0 0 0 4px #00a6dd;
    -webkit-box-shadow: 0 0 0 4px #00a6dd;
    left: -7px;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 7px;
    top: -7px;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transition: transform .2s ease 0s, opacity .2s ease 0s;
    -moz-transition: -moz-transform .2s ease 0s, opacity .2s ease 0;
    -webkit-transition: -webkit-transform .2s ease 0s, opacity .2s ease 0;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.ts-service-style-1:hover .service-icon:after {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1)
}

.ts-service-style-1:hover .service-icon {
    color: #fff;
    background: #00a6dd
}

.ts-service-style-1 .service-title h3 {
    display: inline-block;
    margin: 0;
    font-size: 20px;
    color: #00a6dd
}

.ts-service-style-1 .service-content {
    margin: 5px 0 0;
    line-height: 24px;
    font-weight: 400
}

.ts-service-style-1 .read-more {
    color: #00a6dd;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none
}

.ts-service-style-1 .read-more .fa {
    margin-left: 7px
}