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

 

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

/*font-family: 'Montserrat', sans-serif;*/

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


html{scroll-behavior:smooth;}
body{ background:#fff; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}

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

.common-wrapper {max-width: 1180px!important; display: block; margin: 0 auto;}
@media only screen and (max-width : 1180px) {
.common-wrapper{ width:100%!important; display: block; margin: 0 auto;}	

}

.header-top{ background: #17adff; padding: 2px 0; border-bottom: 0px solid #b3b6b9; display: none;} 
.header-top-row{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:flex-start; align-items: center; margin: 0px 0 0 0; } 
.header-top-row .top-col-1{width: 25%;} 
.header-top-row .top-col-2{width: 75%;} 
.header-top-row a{ padding: 0 0px; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; color: #fff!important;  text-transform: uppercase; text-decoration: none; letter-spacing: 0.50px;  display: flex; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;} 

.top-col-1 { padding-right:0px!important; border-right: 0px solid #ddd;}
.top-col-1 h6{font-family: 'Montserrat', sans-serif;color: #fff!important;  font-size: 16px; font-weight: 700; letter-spacing: -0.25px;}

.top-col-2 { display: flex; flex-direction: row; justify-content: flex-end; border-left: 0px solid #ddd;} 
.top-col-2 div {padding-left: 10px; display: flex; flex-direction: row; /*width:100%;*/   } 
.top-col-2 div a{padding: 2px 10px; text-transform: none; font-family: 'Montserrat', sans-serif;color: #fff!important; font-weight: 500;  font-size: 13px;  } 
.top-col-2 div a span img{width:23px;}

.header-top-row a:hover{color: #fff!important; } 
/*.header-top-row a span img{width: 45px;} */
.header-top-row a strong{ font-size:18px; color: #191526!important; font-weight:700;} 
 
@media only screen and (max-width :1100px){ 		
.header-top-row a{ padding: 0 5px;  font-size: 15px; display: flex;} 
.header-top-row a strong{ font-size:16px; } 
.header-top-row a span img{width: 45px;} 
.header-top-row .top-col-1{width: 50%;} 	
}
@media only screen and (max-width :900px){ 		
/*.header-top-row a{ padding: 0 5px;  font-size: 13px; display: flex; flex-direction: column;text-align: center;} 
.header-top-row a strong{ font-size:14px;} 
.header-top-row a span img{width: 30px;}*/ 
 	
}

@media only screen and (max-width :960px){ 
.header-top-row{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content:flex-start; align-items: center; margin: 0px 0 0 0; } 	
 .header-top-row .top-col-1{width: 100%; text-align: center;padding-right:0px!important;border-right: 0px solid #ddd;} 	
.header-top-row .top-col-2{width: 100%;  padding: 3px 0px; }
 .top-col-2 { display: flex; flex-direction: row; justify-content: center; border-left: 0px solid #ddd;} 	
}


@media only screen and (max-width : 768px){ 
.header-top{ display: none;  } 	
.header-top-row{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content:center; align-items: center; margin: 0px 0 0 0; text-align: center;} 	
.header-top-row .top-col-1{width: 100%;  padding-right:0px!important;border-right: 0px solid #ddd;} 	
.header-top-row .top-col-2{width: 100%;  padding: 3px 0px; display: none; } 
.header-top-row a{ padding: 0 5px;  font-size: 12px; display: flex; flex-direction: column;}	
.top-col-2 { display: flex; flex-direction: column;   border-left: 0px solid #ddd;} 
.top-col-2 div {padding-left: 10px; display: flex; flex-direction: row;  } 	
}

@media only screen and (max-width : 575px){ 
 
.header-top-row .top-col-1{width: 100%;  padding-right:0px!important;border-right: 0px solid #ddd; text-align: right!important;} 

.top-col-1 h6{font-family: 'Product Sans'; color: #151515!important;  font-size: 14px; font-weight: 700; letter-spacing: -0.25px;}
 
}
 
/*---------------------------------------*/
.header-middle-row{ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content:space-between; align-items: center; margin: 0px 0 0 0; align-content: center; } 
.header-middle-row .m-col-1{ width:auto;}
.header-middle-row .m-col-2{ width: auto; position: absolute; top:50px}

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

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

.logo{ text-align:left; position: relative; top:1px; z-index: 2; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; background-image: url(../images/top-shape.png); background-repeat: no-repeat; background-position: top;background-size: contain; padding: 56px 80px;  }
.logo img{ width:auto; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2);   border-radius: 50%;}

.home-anchor-link{ display: flex; flex-direction: row; justify-content: flex-end;} 
.home-anchor-link a  { padding: 0 15px;}  

.home-anchor-link a img  {padding: 3px;  background: transparent;  border: 1px solid #f58232;  border-radius: 50%; display: block; position: relative;  transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; } 

.home-anchor-link a img:hover{ background: #e5181f;  -webkit-transform: translateY(-6px);   -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px);} 

  


@media only screen and (max-width : 1180px){  
 	
/*.header-middle-row .m-col-1{ width:0%;} 
.header-middle-row .m-col-2{ width: 100%;}*/
.logo img{ max-width:100%!important;} 
	
}

@media only screen and (max-width : 960px){  
.header-middle-row{ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content:space-between!important; align-items: center; margin: 0px 0 0 0;  } 	
.header-middle-row .m-col-1{ width:auto;} 
.header-middle-row .m-col-2{ width:auto;}
	
.logo{ text-align:left; position: relative; top:0px; z-index: 2; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;  }	
.logo img{ max-width:100%!important;} 
	
}

 

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

.logo{ padding: 56px 60px; }
/*.logo img{ width:80%!important;}*/ 	 

.header-middle-row{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; margin: 0px 0 0 0; }	
.header-middle-row .m-col-1{ width:100%; text-align:center;}
.header-middle-row .m-col-2{ width: 8%; position:absolute; top:30px;  right:6%;}

.home-anchor-link{ display: none;}	
	
}

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



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

.header-fixed { width: 100%; min-height:inherit;  z-index: 999;  transition: top .25s ease-out; border-top: 0px solid #ed1c24;   position: relative; /*background:transparent;*/ /*background: rgba(255, 255, 255, 0.9);*/ 
  background: rgb(226,226,228);
  background: linear-gradient(180deg, rgba(226,226,228,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);}

.header-fixed.header-mini {position: fixed; /*position: relative;*/ top: 0; /*background: #fff;*/ border: 0px; -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;  justify-content:center; align-items: center;   }
.header-mini .top-col-1{border: 0px;  text-align: center;} 
.header-mini .top-col-2{display: none;}  
.header-mini .header-top-row a{ display: block;  } 

/*.header-mini .header-nav{ background: rgba(255, 255, 255, 0.99);  padding: 0px 0;} */
.header-mini .header-nav .border-line{ border-top: none; border-bottom: none;}

.header-mini .logo{ position: relative; top:1px; text-align: center;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.header-mini .logo img{ max-width: 60%!important; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.header-mini .navbar-custom{ margin-top: 0px; border-top: 0px solid #ddd; }
.header-mini .nav-link { font-size: 18px; color: #000;}
.header-mini .nav-link span{ font-size: 13px;} 
/*.header-mini .nav-link:hover {color: #304f9d;}*/

.header-mini .site-header { position: fixed; top: 0px; left: 0; z-index: 1002;  width: 100%;  background: rgba(0, 0, 0, 0.7);}
.header-mini .home-anchor-link{ display: none;} 


@media only screen and (max-width : 960px){	
 .header-fixed { width: 100%; min-height:inherit;  z-index: 999;  transition: top .25s ease-out; border-top: 0px solid #ed1c24;   position: relative; /*background:transparent;*/ /*background: rgba(255, 255, 255, 0.9);*/}
	
}




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


@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;}*/
/*.header-fixed {  border-top: 0px solid #531473; }	*/
}

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

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

.navbar-custom{padding:8px 0; margin:0px 0 0 0px; background:transparent!important; border-top: 0px solid #c8c8c8; position: relative;}
.navbar{padding: 0rem 0rem;;} 
.navbar-collapse {flex-direction:row;} 
.navbar-nav {margin: 0; padding:0px 0;}
.navbar-nav li{ position: relative; border-right:1px solid #ddd; }
.navbar-nav li:last-child{border-right:0px;} 
.navbar-nav li:nth-child(3){border-right:0px;}
.navbar-nav li:nth-child(4){border-right:0px;}
.nav-link {display: block;padding: 1px 30px!important; font-family: 'Montserrat', sans-serif;  font-size: 15px; color:#626262; font-weight:600;  /*letter-spacing: 0.25px;*/text-transform:inherit; text-align: center; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.nav-link:hover {color: #cd3331;  -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px);} 
.nav-link span{ display: block;  font-size: 16px; letter-spacing: -0.25px;margin-top: -5px;} 
.space-pd{padding: 0 120px;}
/*.nav-link::after {background: transparent none repeat scroll 0 0; content: ""; display: block;
   height: 2px; width: 0; left: 0; position: absolute; bottom: -15px; -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: #e0172c none repeat scroll 0 0; width: 100%;  transform: scaleX(1);}
.nav-link.no-after:after{content: none;}*/ 

 
/*.nav-link::before {background:#000  none repeat; background-position: center; content: ""; display: block;
   height: 10px; width: 2px;  position: absolute; top: 0px; }*/

 
 			 
.dropdown-menu { background: rgba(255, 255, 255, 0.9); min-width:250px !important; padding: 0px 0; margin-top:1px !important;  /*left: -55vw;  right: -25vw; */border: 0px; border-top:2px solid #cd3331; border-radius: 0px; /*width: 90vw;*/  }

/*.dropdown-menu-col{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width: 100%;  } */

.dropdown-item {display: block;width: 100%;padding: 10px 10px;background-color: transparent;border-bottom: 1px solid #ddd; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 13px; color:#626262;  text-transform: inherit;  white-space: inherit; position: relative;   }

.dropdown-item img { height:25px; padding: 0 10px 0 0} 

 /*.dropdown-item span{ display: block;  font-size: 16px; color:#000; border-bottom: 1px solid #17adff;}  */
.dropdown-item:hover{background-color:transparent;} 
.dropdown-item:hover{background-color: #cd3331;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; border:0px;} 

 /*.dropdown-sub-item{ display: flex; flex-direction: column; flex-wrap: wrap; padding: 10px 0;} */
.dropdown-sub-item a {padding: 7px 7px;border-bottom: 1px dashed #7d7d7d; font-family: "Avenir-Heavy";  font-size: 16px; color:#2b2523; letter-spacing: -0.50px;text-transform:capitalize; 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;}
.dropdown-sub-item a:hover {color: #fff; padding-left: 15px;}


/*.dropdown.open>a:focus, .dropdown.open>a:hover { color: #304f9d; 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: 450px; opacity: 1;} 
.dropdown-toggle::after{ display: none;}
 
 
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown>.dropdown-toggle:active {pointer-events: none;} 

 

 @media only screen and (max-width : 1100px) {
/* .dropdown-menu { background: rgba(255, 255, 255, 0.8); padding: 0px 0; margin-top:15px !important;  left: -40vw;  right: -25vw; border: 0px; border-top:2px solid #304f9d; border-radius: 0px; width: 80vw; } */
 	
}
  
 

@media only screen and (max-width : 940px) {
.nav-link {padding: 1px 20px!important; }
}

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

 

@media only screen and (max-width : 768px){	
	
.navbar-custom{position: relative; left: 15px!important; border-top: 0px;}
.navbar{padding: 0rem!important;  width: auto;} 
.navbar-nav {margin: 0; padding:90px 0 0 0;}
.navbar-nav li{border-right:0px solid #ddd; border-bottom:0px solid #ddd;}
.nav-link { padding: 7px 15px!important;  font-family: 'Montserrat', sans-serif;   font-size:26px; color:#fff; font-weight:500; text-align: right; }
.nav-link:hover {color: #000;  }		
.nav-link::after{ display: none;} 
.nav-link span{  font-weight:normal; font-size: 14px; } 
	
.navbar-collapse { background: #cd3331; width: 99.99vw; height: 99.99vh;  position: absolute; /*left: -30px;*/ right:0px; top: -60px;z-index: 2; } 
	
 	
	
.dropdown-menu { background: rgba(255, 255, 255, 0.9); /*min-width:250px !important;*/ padding: 0px 0; margin-top:1px !important;  left: 0vw;  right: 0vw; border: 0px; border-top:0px solid #304f9d; border-radius: 0px; width: auto;  }
	
.dropdown-item { text-align: left;display: block;width: 100%;padding: 10px 15px;background-color: transparent;  font-weight: 600; font-size: 13px; color:#000; letter-spacing: -0.25px; white-space: inherit; position: relative; border-bottom: 1px dashed #ddd; display: flex; flex-direction: row-reverse; }
.dropdown-item span{padding: 0 2px;} 
	
/*.dropdown-menu-col{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; width: 100%;  } */

.dropdown:hover .dropdown-menu { max-height: 100%; opacity: 1; display: inherit;} 
	
.dropdown.open>a:focus, .dropdown.open>a:hover { color: #000; background-color:transparent !important;background-image:none;}

	
	

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

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

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

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

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

.slider_img{width:100%;  max-height:500px !important;}
.img_banner{max-height:450px;}

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

.slider{margin:10px 0 0px 0px;  border:0px solid #ddd; }
.carousel-indicators li {background-color: #fff; width: 20px;height: 3px; border-radius: 8px;}
.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: #fdd215;*/ position: absolute;right: 5%; bottom:15%; left: 5%; z-index: 10;padding: 10px; text-align:left;  /*width:100%;*/ }
 
.carousel-caption h5{ margin:0px; font-family: 'Montserrat', sans-serif; font-weight:700; font-size: 45px; color: #fff;   letter-spacing:0.10px;   text-transform:inherit;   width: 55%;}

.carousel-caption span{  color: #fff; font-weight: 600; font-size:28px; display: block; position: relative; padding-left: 80px;}

.carousel-caption span::before { content: ''; position: absolute;  left: 8px;  top: 50%;  clip-path: none; -webkit-transform: translateY(-50%) rotate(0);  transform: translateY(-50%) rotate(0);  width: 60px; height: 2px; background-color: #fff;}


.color-1{color: #17adff!important; } 
.color-1 span{color: #17adff!important; }
 
/* .carousel-caption .know-more-btn{ background: #000; padding: 10px 15px; font-family: 'Montserrat', sans-serif; color: #fff; font-size: 16px; font-weight:700; letter-spacing:0.50px; text-transform: uppercase; border-radius: 0px; margin: 10px 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;} */
	
/*.carousel-caption .know-more-btn:hover{ background: #e11f37; 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);}*/
   


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

/*=======  Common Classes  =======*/
.main-btn {  font-family: 'Montserrat', sans-serif; font-size: 14px;  font-weight: 600;  border-radius: 35px;  border: none;   cursor: pointer;    padding: 20px 50px;  background-color: #17adff;   color: #fff;   -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;   position: relative !important;   z-index: 2; text-decoration: none;  display: inline-block; margin-top: 20px;}

.main-btn strong{z-index: 5; position:relative; font-weight:600;} 
   
  @media (max-width: 600px) {
    .main-btn {padding: 10px 15px; font-size: 14px;   }
    .main-btn::after {width: 60px!important;  }
  }
  
  .main-btn::after {position: absolute; right: 8px;top: 4px;bottom: 4px; background-color: #1e2f4f;
    -webkit-transition: all 0.3s ease-out 0s;   transition: all 0.3s ease-out 0s;   content: '';   z-index: 1;
    width: 85px;   border-radius: 30px; }
  
  .main-btn:hover { color: #fff; }
  
  .main-btn:hover::after { width: 100%;top: 0; bottom: 0;right: 0;  }
  
  .main-btn.main-btn-2 {   background-color: #fff;    color: #14212b;  }
  
  .main-btn.main-btn-2::after {  background-color: #ff4a17;  }
  
  .main-btn.main-btn-2:hover {   color: #fff;  }
   
  
  @media (max-width: 1199px) {
       .view-moore-btn .main-btn {   padding: 0 35px;  }
  }
  
.hidden-sm{ display: none;} 


@media only screen and (max-width : 1140px) {
 .carousel-caption {/*background: #fdd215;*/ position: absolute;right: 5%; bottom:10%; left: 5%; z-index: 10;padding: 10px; text-align:left;  /*width:100%;*/ }
 
 .carousel-caption h5{ margin:0px; font-family: 'Montserrat', sans-serif; font-weight:700; font-size: 40px; color: #fff;   letter-spacing:0.10px;   text-transform:inherit;   width: 55%;}

.carousel-caption span{  color: #fff; font-weight: 600; font-size:25px; display: block; position: relative; padding-left: 80px;}
 
}

@media only screen and (max-width : 1024px) {
 .carousel-caption {/*background: #fdd215;*/ position: absolute;right: 5%; bottom:10%; left: 5%; z-index: 10;padding: 10px; text-align:left;  /*width:100%;*/ }
 
 .carousel-caption h5{ margin:0px; font-family: 'Montserrat', sans-serif; font-weight:700; font-size: 35px; color: #fff;   letter-spacing:0.10px;   text-transform:inherit;   width: 70%;}

 .carousel-caption span{  color: #fff; font-weight: 600; font-size:25px; display: block; position: relative; padding-left: 80px;}
	
}

@media only screen and (max-width : 920px) {
 .carousel-caption {/*background: #fdd215;*/ position: absolute;right: 5%; bottom:10%; left: 5%; z-index: 10;padding: 10px; text-align:left;  /*width:100%;*/ }
 .carousel-caption h5{ margin:0px; font-family: 'Montserrat', sans-serif; font-weight:600; font-size: 30px; color: #fff;   letter-spacing:0.10px;   text-transform:inherit;   width: 70%;}

 .carousel-caption span{ color: #fff; font-weight: 600; font-size:22px; display: block; position: relative; padding-left: 80px;}

}

 
  

@media only screen and (max-width : 768px) {
 .carousel-caption {/*background: #fdd215;*/ position: absolute;right: 5%; bottom:10%; left: 5%; z-index: 10;padding: 10px; text-align:left;  /*width:100%;*/ }
 
 .carousel-caption h5{ margin:0px; font-family: 'Montserrat', sans-serif; font-weight:600; font-size: 26px; color: #fff;   letter-spacing:0.10px;   text-transform:inherit;   width: 90%;}

 .carousel-caption span{ color: #fff; font-weight: 600; font-size:20px; display: block; position: relative; padding-left: 80px;}
}

@media only screen and (max-width :600px) {
 
  .carousel-caption {/*background: #fdd215;*/ position: absolute;right: 5%; bottom:5%; left: 5%; z-index: 10;padding: 10px; text-align:left;  /*width:100%;*/ }
 
  .carousel-caption h5{ margin:0px; font-family: 'Montserrat', sans-serif; font-weight:600; font-size: 22px; color: #fff;   letter-spacing:0.10px;   text-transform:inherit;   width: 90%;}

  .carousel-caption span{ color: #fff; font-weight: 600; font-size:18px; display: block; position: relative; padding-left: 80px;}

.carousel-caption .know-more-btn{ padding: 7px 10px;  font-size: 14px; font-weight:600;  margin: 10px 0 0 0;  }


}




 
@media only screen and (max-width : 580px) {
.carousel-control-prev-icon { display: none;}
.carousel-control-next-icon { display: none;}
.carousel-indicators li { display: none!important;} 
/*.carousel-caption {bottom: 0%;}	*/


 
}


@media only screen and (max-width : 480px) {
.slider{/*padding-top: 80px;*/ margin:0px 0 0px 0px;  border:0px solid #ddd;}
 /*.carousel-caption { display: none;}*/
	
/*.hidden-lg{ display: none;}
.hidden-sm{ display: inherit;}*/ 
	
.carousel-caption {/*background: #fdd215;*/ position: absolute;right: 5%; bottom:20%; left: 5%; z-index: 10;padding: 10px; text-align:left;  /*width:100%;*/ }
 
.carousel-caption h5{ margin:0px; font-family: 'Montserrat', sans-serif; font-weight:600; font-size: 22px; color: #fff;   letter-spacing:0.10px;   text-transform:inherit;   width: 90%;}

  .carousel-caption span{ color: #fff; font-weight: 600; font-size:18px; display: block; position: relative; padding-left: 80px;}

.carousel-caption .know-more-btn{ padding: 7px 10px;  font-size: 14px; font-weight:600;  margin: 10px 0 0 0;  }	
	

 		
}



@media only screen and (max-width :375px) {
.carousel-caption {  position: absolute;right: 5%; bottom:10%; left: 5%; z-index: 10;padding: 10px; text-align:left; width: 100%;}
 
.carousel-caption h5{ margin:0px; font-family: 'Montserrat', sans-serif; font-weight:600; font-size: 20px; color: #fff;   letter-spacing:0.10px;   text-transform:inherit;   width: 90%;}

.carousel-caption span{ color: #fff; font-weight: 600; font-size:16px; display: block; position: relative; padding-left: 80px;}

.carousel-caption .know-more-btn{ padding: 7px 10px;  font-size: 14px; font-weight:600;  margin: 10px 0 0 0;  }	  
 	
}

 

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

.slider-1{margin:10px 0 0px 0px;  border:0px solid #ddd; background: #e3e3e3; padding: 0px 0; }

.carousel-inner-overlay:after { content: '';  width: 100%;  height: 100%;  background: #000;  opacity: 0.4;
    position: absolute; left: 0;top: 0;}
.carousel-inner-overlay{  position: relative; overflow:hidden; border: 0px solid #ddd; } 

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

.carousel-caption-1 h4{ margin:0px; padding:12px 60px; border-radius: 100px; color: #333; font-size:20px;   font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform:uppercase; line-height: normal;position: relative; display: inline-block;background: #fff;}

.carousel-caption-1 h4 span{display: inline-block;position: relative}

/*.carousel-caption-1 h4 span:after{ content: "";   position: absolute;  left: 0; right: 0; margin: auto;
    bottom:-5px;   width:30%;   height: 4px;   background: #dd1f26; } */
  
@media only screen and (max-width :1024px) {
 
}


@media only screen and (max-width : 768px) {
  /* .slider-1{margin:2px 0 0px 0px;  border:0px solid #ddd; background: #8b2929; padding: 10px 0; }  */
  
   
}
 
@media only screen and (max-width : 425px) {
   
  .carousel-caption-1 h4{ margin:0px; color: #333; font-size:18px; }
}


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

 
.page-title h3{text-align: left; margin: 10px 0 10px 5px; padding:0;font-family: 'Roboto Condensed', sans-serif; color: #fff; font-size:40px; text-transform: uppercase; font-weight: 700;} 

.page-title h3 span{ display: inline-block;position: relative; padding: 0 50px;}
.page-title h3 span:after { content: ""; position: absolute; bottom:-7px; left: 0%; right:0%; width:100%;  height:1px; background:#531473;} 
.page-title h3 span:before { content: ""; position: absolute; bottom:-9px; left:30%; right:20%;   width:40%;  height:5px; background:#531473;} 

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

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

@media only screen and (max-width :575px) {
  .page-title h3{text-align: left; margin: 10px 0 0px 5px; padding:0;  color: #fff; font-size:24px; } 
}


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

.section-title .title-tag {font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 600;  color: #cd3331; display: inline-block;  position: relative;  margin-bottom: 10px;}

@media (max-width: 575px) {  
  .section-title .title-tag {  font-size: 18px; }
}

.section-title .title-tag::before, .section-title .title-tag::after {
  position: absolute;  left: 0;  width: 50px;  height: 2px;  background-color: #cd3331;  content: '';  top: 50%;
  -webkit-transform: translateY(-50%);    transform: translateY(-50%); display: none;}

.section-title .title-tag::after { left: auto;  right: 0;}

.section-title.left-border .title-tag { padding-left: 60px;}

.section-title.left-border .title-tag::before {  display: block;}

.section-title.both-border .title-tag { padding: 0 60px;}

.section-title.both-border .title-tag::before, .section-title.both-border .title-tag::after {
  display: block;}

.section-title .title {font-family: 'Montserrat', sans-serif; font-weight: 700;  color: #333;; font-size: 40px; 
  line-height: 1.1;}

@media (max-width: 1199px) { 
  .section-title .title {font-size: 40px; }
}

@media (max-width: 767px) {
  .section-title .title { font-size: 34px;}
}

@media (max-width: 575px) {
  .section-title .title { font-size: 28px; }
}

@media (max-width: 399px) {
  .section-title .title { font-size: 24px; }
}

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

.section-title-2 .title-tag-2 {font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 600;  color: #17adff; display: inline-block;  position: relative;  margin-bottom: 10px;}

@media (max-width: 575px) {  
  .section-title-2 .title-tag-2 {  font-size: 18px; }
}

.section-title-2 .title-tag-2::before  {
  position: absolute;  left: 0;  width: 50px;  height: 2px;  background-color: #17adff;  content: '';  top: 50%;
  -webkit-transform: translateY(-50%);    transform: translateY(-50%); display: none;}

.section-title-2 .title-tag-2::after { left: auto;  right: 0;}

.section-title-2.left-border-2 .title-tag-2 { padding-left: 60px;}

.section-title-2.left-border-2 .title-tag-2::before {  display: block;}

.section-title-2.both-border-2 .title-tag-2 { padding: 0 60px;}

.section-title-2.both-border-2 .title-tag-2::before, .section-title-2.both-border-2 .title-tag-2::after {
  display: block;}

.section-title-2 .title-2 {font-family: 'Montserrat', sans-serif; font-weight: 700;  color: #1e2f4f;; font-size: 36px; 
  line-height: 1.1;}

@media (max-width: 1199px) { 
  .section-title-2 .title-2 {font-size: 36px; }
}

@media (max-width: 767px) {
  .section-title-2 .title-2 { font-size: 34px;}
}

@media (max-width: 575px) {
  .section-title-2 .title-2 { font-size: 28px; }
}

@media (max-width: 399px) {
  .section-title-2 .title-2 { font-size: 24px; }
}




/*----------------------------------------------------*/
 
.section-1{ margin:0px 0; padding: 30px  0px;background: #fff; position: relative;}

.wel-section{display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content:space-between; align-items: center; } 
 

.wel-section .wel-col-1{ width: 50%; position: relative; padding: 0 0 0px 0 ;  } 

.wel-section .wel-col-2{ width: 50%; position: relative; padding: 0 0px; text-align: center; } 


.wel-section .wel-col-1 img { max-width: 100%; }

.wel-outer-max{ max-height: 500px!important; overflow: hidden;  border-radius: 15px 15px 15px 15px; }
.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:0 10px; } 
 
.wel-text p{font-family: 'Montserrat', sans-serif; color: #333; font-size:15px;  font-weight:500; line-height: 24px;  }
.wel-text p strong {font-weight: 500; }

.read-more-btn{ background: #ed1c24; padding: 10px 15px; font-family: 'Zilla Slab', serif; color: #fff; font-size: 18px; font-weight:700; letter-spacing:0.50px; text-transform: uppercase; border-radius: 0px; margin: 10px 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;}

.read-more-btn: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);}

 


   @media only screen and (max-width :920px) {
 
    .section-1{ margin:0px 0; padding: 50px 0px;background: #fff; position: relative;}
       
     .wel-section{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items: center; }  
     .wel-section .wel-col-1{ width: 48%; position: relative; padding: 0 0 0px 0 ;  } 
     .wel-section .wel-col-2{ width: 48%; position: relative; padding: 0 0px;  } 	
     }
      
     @media only screen and (max-width :768px) {
      
    .section-1{ margin:0px 0; padding: 50px 0px;background: #fff; position: relative;}
       
     .wel-section{display: flex; flex-direction: column-reverse; flex-wrap: nowrap; justify-content:space-between; align-items: center; }  
     .wel-section .wel-col-1{ width: 100%; position: relative; padding: 0 0 0px 0 ;  } 
     .wel-section .wel-col-2{ width: 100%; position: relative; padding: 0px 0px; text-align: center; } 	
     }
      
     
     @media only screen and (max-width :480px) {
      
     }

/*---------------------read btn------------------------------------------------*/

.svg-sprite { pointer-events: none;   position: absolute;   opacity: 0;   visibility: hidden; z-index: -1;}
 .arrow-read { text-decoration: none;  display: -webkit-box;  display: -ms-flexbox;  display: inline-flex;
    -webkit-box-align: center;   -ms-flex-align: center;   align-items: center; margin: 0px 0 0 0;}

.arrow-to { position: relative; display: block; overflow: hidden;  width: 36px;height: 14px; margin-left: 10px;}
.arrow-to svg {  will-change: transform; position: absolute; }
.svg-arrow-long-dims {  width: 36px;  height: 14px; } 
.arrow-to svg:last-child {  -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0;}
  

.read-more {display: block; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #e90029; font-size: 13px; margin-left: 12px; text-transform: uppercase;/*opacity: 0;*/    will-change: transform;    -webkit-transform: translateX(-12px);
    transform: translateX(-12px);   -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s;    transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s;
    transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s;   transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, -webkit-transform 0s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s;
	
	-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
	
}
a:hover .arrow-to svg {
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
a:hover .arrow-to svg:first-child { opacity: 0.6;  -webkit-transform: translateX(150%);
    transform: translateX(150%);}
a:hover .arrow-to svg:last-child {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
a:hover .read-more { opacity: 1;  -webkit-transform: none;  transform: none;
    -webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);    transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);    transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); 
}

@media only screen and (max-width :290px) {
	.svg-sprite{display: none;} 
}
 

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

 

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

.breadcrumb {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;justify-content:flex-end; padding: 0px; margin: 0px 0; list-style: none; background-color:transparent;border-radius: 0; width:100%;  }
.breadcrumb-item { text-decoration: none; font-family: "Avenir-Heavy";  font-size: 11px;  color: #666;text-transform: uppercase;  }
.breadcrumb-item a{ text-decoration: none;  color: #666; letter-spacing: 0.50px; } 
.breadcrumb-item.active { color: #87b7ff;}

.breadcrumb-item+.breadcrumb-item::before {display: inline-block; padding-right: .5rem;  color: #fff;
    content:url(../images/arrow-1.png); }

@media only screen and (max-width : 768px) {
 .breadcrumb {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;justify-content:flex-start; padding: 5px; margin: 5px 0 0 0; list-style: none; background-color:transparent;border-radius: 0; width:100%;  }
/* .breadcrumb-item { text-decoration: none; font-family: "Avenir-Roman";  font-size: 16px;  color: #333;  }
.breadcrumb-item a{ text-decoration: none;  color: #333; letter-spacing: 0.50px;} 
.breadcrumb-item.active { color: #666;}	 */
 	
}
 


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



.section-2{ margin:0px 0; padding:50px 0px;background: #fff; position: relative;}

.section-2-row{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items: center; } 
 
.section-2-col-1{ width: 100%; position: relative; padding: 0 0 0px 0 ;  } 
.section-2-col-2{ width: 65%; position: relative; padding: 50px 0px; } 
 

.serv-list{ font-family: 'Montserrat', sans-serif; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; padding: 40px 0;}
 

.serv-box{ width:23.33%; border:1px solid #cecece; border-radius:20px; text-align: center;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; position: relative; }

.serv-box a{ text-decoration: none; display: block;padding:30px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; position: relative; z-index: 5;} 

.serv-icon{padding: 10px;}  

.serv-box h3{ font-size:18px;  font-weight:600; color: #1e2f4f;  margin: 10px 0; min-height:50px;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }

.serv-box span { display: inline-block; margin-top:20px; background: #ceedfe; border-radius: 100px; padding: 10px 0; width: 40px; height: 40px;  color:#fff; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
 

.serv-box:hover h3 {color: #17adff; cursor: pointer;}
.serv-box:hover { /*border:1px solid #17adff;*/  -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px);   transform: translateY(-10px);} 
.serv-box:hover span { background: #17adff;  }

.serv-box::before, .serv-box::after {
  width: 100%; height:100%; z-index: 3;  content:'';  position: absolute;
  top:0;  left:0;  box-sizing: border-box;  -webkit-transform: scale(0); transition: 0.5s;}

.border-line::before {  border-bottom: 1px solid #17adff;  border-left: 1px solid #17adff;  -webkit-transform-origin: 0 100%; border-radius:20px;}

.border-line::after { border-top: 1px solid #17adff;  border-right: 1px solid #17adff;  -webkit-transform-origin: 100% 0%; border-radius:20px;}

.serv-box:hover::after, .serv-box:hover::before { -webkit-transform: scale(1);  }
  

@media only screen and (max-width :768px) {	
 
 .serv-list{ font-family: 'Montserrat', sans-serif; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; padding: 40px 0;} 
  .serv-box{ width:48.33%; margin-bottom: 25px; } 
 
}

@media only screen and (max-width :460px) {	
  .serv-box{ width:100%; margin-bottom: 25px; } 
 
}



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

/*.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: 15px 0 0 0;   } 
.item-list .item{ margin: 8px 15px;} 
.item-list .item-box{border: 0px solid #ffd600!important; background:transparent; 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;  } 
.item-list .item-box h3{ font-family: 'Montserrat', sans-serif; color: #2b2523; font-size: 22px; font-weight:500;   text-transform: inherit; margin: 5px 0 0 0;}
.item-list .item-box h3 span{display: block;} 

.item-list .item-box p{ color: #fff; font-size: 16px; font-weight: 400; line-height: 18px; letter-spacing: 0.50px; text-transform: inherit; margin: 2px 0;} 
.item-list .item-box h6{ color: #ff5e14; font-size: 20px; font-weight:500; letter-spacing:0.50px; text-transform: inherit; margin: 8px 0 0 0;}
.item-list .item-box aside{ padding: 5px 5px; text-align: left;} 

.item-list .item-box:hover{background: transparent;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{ margin-top: 30px; 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;}*/
.item-list .item-box h3{  font-size: 20px; font-weight:500;   text-transform: inherit; margin: 5px 0 0 0;}	
	
}

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

 

.section-3{ margin:0px 0; padding:50px 0px;background: #fff; position: relative; font-family: 'Montserrat', sans-serif;}

.section-3-row{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items: center; padding: 40px 0; } 
 
.section-3-col-1{ width: 48.33%; position: relative; padding: 20px ; border: 1px solid #e3e3e3; text-align: center; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
 
.section-3-col-1 a{   position: relative; z-index: 5;} 


.section-3-col-1 img{ max-width: 100%;} 
 
.section-3-col-1 ul{list-style: none; padding: 0; text-align: left; position: absolute; display: flex; align-items: center;} 
.section-3-col-1 ul li{ font-size: 18px; font-weight: 600; color:#333; padding: 5px;}
.section-3-col-1 ul li:first-child{border-right: 1px solid #e3e3e3;}  

.section-3-col-1:hover{ -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px);   transform: translateY(-10px);} 

.section-3-col-1::before, .section-3-col-1::after {
  width: 100%; height:100%; z-index: 3;  content:'';  position: absolute;
  top:0;  left:0;  box-sizing: border-box;  -webkit-transform: scale(0); transition: 0.5s;}

.bar-line::before {  border-bottom: 1px solid #17adff;  border-left: 1px solid #17adff;  -webkit-transform-origin: 0 100%;}

.bar-line::after { border-top: 1px solid #17adff;  border-right: 1px solid #17adff;  -webkit-transform-origin: 100% 0%;}

.section-3-col-1:hover::after, .section-3-col-1:hover::before { -webkit-transform: scale(1);}

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

  .section-3-col-1 ul li{ font-size: 14px; font-weight: 600; color:#333; padding: 5px;} 
  .section-3-col-1 ul li img{width:40px;} 
	
}

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

  .section-3-row{display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: center; padding: 40px 0; } 
  .section-3-col-1{ width:100%; margin-bottom: 25px;  } 
 
	
}


 

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

.section-4{ margin:0px 0; padding: 30px  0px; position: relative; display: flex; justify-content: center; font-family: 'Montserrat', sans-serif;}

.section-4-row{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items: flex-start; background: #ebebeb; border-radius: 10px;padding: 20px; width: 70%; } 
 
.section-4-col-1{ width:48%; position: relative; padding: 0 0 0px 0 ;} 
.section-4-col-1:first-child{border-right: 1px solid #d5d5d5;} 

.section-4-col-1 h3 a{font-size: 18px; font-weight: 600; color: #1e2f4f;} 

.section-4-col-1 a{padding: 2px 0; text-decoration:none; display: flex; align-items:center; font-weight: 600;font-size: 13px; color: #333; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
.section-4-col-1 a img { width: 15px; height: 15px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}
.section-4-col-1 a span{ padding-left: 12px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}
.section-4-col-1 a:hover{ color: #17adff;}
.section-4-col-1 a:hover span{padding-left: 25px;}
.section-4-col-1 a:hover img{transform: translate(0px,0%) rotateZ(-90deg);
  -webkit-transform: translate(0,0%) rotateZ(-90deg);
  -moz-transform: translate(0,0%) rotateZ(-90deg);}




@media only screen and (max-width :1024px) {
  .section-4-row{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items: flex-start; background: #ebebeb; border-radius: 10px;padding: 20px; width: 100%; } 
  
}
   
@media only screen and (max-width:640px) {
  .section-4-row{display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; background: #ebebeb; border-radius: 10px;padding: 20px; width: 100%; } 
  .section-4-col-1{ width:100%; position: relative; padding: 0 0 10px 0 ;}
  .section-4-col-1:first-child{border-right: 0px solid #d5d5d5;} 
  .section-4-col-1 h3 a{font-size: 15px;} 
}


/*---------------------------------------------*/
.section-5{ margin:0px 0; padding: 0 0 20px  0px; position: relative;   font-family: 'Montserrat', sans-serif;}

.section-title-1 .title-tag-1 {font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 600;  color: #1e2f4f; display: inline-block;  position: relative;  margin-bottom: 10px;}

@media (max-width: 575px) {  
  .section-title-1 .title-tag-1 {  font-size: 18px; }
}

.section-title-1 .title-tag-1::after {
  position: absolute;  left: 0;  width: 200px;  height: 2px;  background-color: #17adff;  content: '';  top: 50%;
  -webkit-transform: translateY(-50%);    transform: translateY(-50%); display: none;}

.section-title-1 .title-tag-1::after { left: auto;  right: 0;}

.section-title-1.left-border-1 .title-tag-1 { padding-left: 60px;}

.section-title-1.left-border-1 .title-tag-1::before {  display: block;}

.section-title-1.both-border-1 .title-tag-1 { padding: 0 220px 0 0;}

.section-title-1.both-border-1 .title-tag-1::before, .section-title-1.both-border-1 .title-tag-1::after {
  display: block;}

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

  .section-title-1 .title-tag-1 {font-size: 22px;  display:block;   }
  .section-title-1 .title-tag-1::after {
    position: absolute;  left: 0;  width: 100%;  height: 2px;  background-color: #17adff;  content: '';  top: 100%;  
    -webkit-transform: translateY(0%);    transform: translateY(0%); display: none;}
    .section-title-1.both-border-1 .title-tag-1 { padding: 0 0px 0 0;}

}

@media only screen and (max-width :425px) {
  .section-title-1 .title-tag-1 {font-size: 20px;  display:block;   }
 }



.content-main {display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items:center;font-family: 'Montserrat', sans-serif; margin: 10px 0;}

.content-col{ width:48%;}
.content-col img{max-width:100%;} 
.content-col a{padding: 10px 0; text-decoration:none; display: flex; align-items:center; font-weight: 600;font-size: 16px; color: #333; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} 
.content-col a img { width: 25px; height: 25px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}
.content-col a span{ padding-left: 12px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}
.content-col a:hover{ color: #17adff;}
.content-col a:hover span{padding-left: 25px;}
.content-col a:hover img{transform: translate(0px,0%) rotateZ(-90deg);
  -webkit-transform: translate(0,0%) rotateZ(-90deg);
  -moz-transform: translate(0,0%) rotateZ(-90deg);}



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

    .content-main {display: flex; flex-direction: column-reverse; flex-wrap: wrap; justify-content:space-between; align-items:center;font-family: 'Montserrat', sans-serif; margin: 10px 0;}

    .content-col{ width:100%; padding-bottom: 10px;}

    .content-col a{padding: 10px 0; text-decoration:none; display: flex; align-items:center; font-weight: 600;font-size: 16px; color: #333;}  
    .content-col a img { width: 25px; height: 25px; }
     }

     @media only screen and (max-width :425px) {
      .content-col a{padding: 4px 0; text-decoration:none; display: flex; align-items:flex-start; font-weight: 600;font-size: 14px; color: #333;}  
    .content-col a img { width: 15px; height: 15px;margin-top: 5px; }
     }

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

     .content-text { font-family: 'Montserrat', sans-serif; padding:0px 0; margin: 15px 0; border-bottom:0px solid #d5d5d5; text-align:left;}
     .content-text h4{padding: 10px 0; text-decoration:none; display: flex; align-items:center; font-weight: 600;font-size: 16px; color: #333;  } 
      .content-text h4 img { width: 25px; height: 25px; }
      .content-text h4 span{padding-left: 15px;}

      .content-text h5{padding:0px 0; margin: 5px 0;   font-weight: 600;font-size: 24px; color: #333;  }
      
      .content-text p{ font-family: 'Montserrat', sans-serif;  font-weight:500; color:#333; font-size: 13px; letter-spacing: 0.40px; text-align:left; }

      .content-text h6{ font-family: 'Montserrat', sans-serif;  font-weight:500; color:#333; font-size: 14px; letter-spacing: 0.40px; line-height: 24px; text-align:center; }

      .content-text ul{list-style: none; padding: 0 0 0 15px;} 
      .content-text ul li{ list-style: url(../images/arrow-bk.png); padding:3px 0 ; margin:0px; font-family: 'Montserrat', sans-serif;  font-weight:600; color:#333; font-size: 13px;  text-decoration:none; }
      .content-text ul li strong{font-weight: 600; font-size: 15px;} 
      .li-col{ display: flex; flex-wrap: wrap; justify-content: space-between; } 
      .li-col li{ width:31.33%;}

      @media only screen and (max-width :768px) {
        .li-col{ display: flex; flex-wrap: wrap; justify-content:flex-start; } 
        .li-col li{ width:100%;}
       }


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

.page-inner{position: relative; z-index: 1;}
.inner-banner{margin-top: 0px; background-color: #fff; padding:5px 5px;}
.page-inner-pd{padding:0px 45px;} 

@media only screen and (max-width :860px) {
.page-inner{position: relative; z-index: 1;}
.inner-banner{margin-top: 0px; background-color: #fff; padding:5px 5px;}
 }

@media only screen and (max-width :768px) {
.page-inner{position: relative; z-index: 1;}
.inner-banner{margin-top: 0px; background-color: #fff; padding:5px 5px;}
 
}

@media only screen and (max-width :575px) {
.page-inner{position: relative; z-index: 1;}
.inner-banner{margin-top: 0px; background-color: #fff; padding:5px 0px;}
.page-inner-pd{padding:0px 0px;}
}

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

.section-6{ background: #fff; margin: 40px 0 40px 0; padding: 0px 0; font-family: 'IBM Plex Sans', sans-serif;}   

.about-row{margin: 40px 0 0 0; padding: 0px;  display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content:space-between; text-align: center;}
.about-row .about-row-col-1{ width: 35%; padding: 0px; margin: 0px; }
.about-row .about-row-col-2{ width: 60%; padding: 0px; margin: 0px; }
.about-row .about-row-col-3{ width: 100%; padding: 0px; margin: 0px; }
 
 
.about-row img{ max-width: 100%; border-radius: 0; margin-top: 0px; }
  
@media only screen and (max-width :768px) {
  
.about-row{margin: 40px 0 0 0; padding: 0px;  display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content:space-between;}
.about-row .about-row-col-1{ width: 100%; padding: 0px; margin: 0px; }
.about-row .about-row-col-2{ width: 100%; padding: 0px 0; margin: 0px;  }
	
}

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

 
/*-----------------------------------------------------*/
 
 
.section-7{ background: #fff; margin: 30px 0 30px 0; padding: 0px 0; font-family: 'Montserrat', sans-serif;}   

.services-row{margin: 40px 0 0 0; padding: 0px;  display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content:space-between;}
.services-col-1{ width: 100%; padding: 0px; margin: 0px;  }
.services-col-2{ width: 75%; padding: 0 0 0 20px; margin: 0px; border-left: 1px solid #d5d5d5; }

.services-listing{ text-align: left; font-family: 'Montserrat', sans-serif; display: flex; flex-direction: column; flex-wrap: wrap;}
.services-listing a{text-decoration: none; color: #333; font-weight: 600; font-size: 14px; padding: 7px 0; border-bottom:1px solid #d5d5d5;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}
.services-listing a:hover{color: #17adff; padding-left: 15px;} 

@media only screen and (max-width : 920px) { 
  .services-row{margin: 40px 0 0 0; padding: 0px;  display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content:space-between;}
  .services-col-1{ width: 100%; padding: 0px; margin: 0px;  }
  .services-col-2{ width: 100%; padding: 0 0 0 0px; margin: 0px; border-left: 0px solid #d5d5d5; }	

  .services-listing{ text-align: left; font-family: 'Montserrat', sans-serif; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.services-listing a{ width: 48.33%;  padding: 7px 7px; border-bottom:1px solid #d5d5d5; } 

}

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

  .services-listing{ text-align: left; font-family: 'Montserrat', sans-serif; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.services-listing a{ width: 100%;  padding: 7px 7px; border-bottom:1px solid #d5d5d5; } 

}

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

.site_map h2{font-family: 'Teko', sans-serif; color:#342e36;border-top:0px dashed #ddd;border-bottom:1px dashed #ddd;  padding:7px 0; font-size:22px; text-transform: uppercase;}

.site_map h2 a{color:#342e36; text-decoration:none;}
.site_map ul{ padding:0 25px; list-style:none;}
.site_map ul li{ list-style-image:url(../images/arrow-list.png);}
.site_map ul li a{font-family: 'Product Sans'; font-size:15px; color:#616161; font-weight:400; text-decoration: none;line-height:25px; -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;}
.site_map ul li a:hover{color:#878787; padding-left:5px; text-decoration:none;}
  
 
 /*------------------------------------------------------------------------------*/

 .section-13{ background: #fff; margin: 50px 0 30px 0; padding: 0px 0; font-family: 'Montserrat', sans-serif;}
  
 
.media-list{display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:flex-start;  align-items: flex-start;}
.media-list .media-row{ width: 18%;display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:space-between;   border:0px solid #ddd; margin-right: 20px; margin-bottom: 20px; padding: 10px; 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; text-align: center;}

.media-row .media-col-1{width: 100%;  border:1px solid #ddd;}
.media-row .media-col-2{width: 100%;}

.media-col-1 figure {padding: 0px;margin: 0px; height: 170px; width:100%; overflow: hidden;  display: flex; flex-direction: row; align-items: center;  padding: 10px; }  

.media-row img{ width: 100%; position: relative;  }
.media-row h3{font-weight: 500;font-size: 13px; color: #333; margin: 15px 0 0 0;}

.media-row p{  font-weight: 500;font-size: 12px; color: #333; margin: 0px 0;  }
.media-row p strong{font-weight: 600;}
.media-row span{font-weight: 600;font-size: 14px; color: #8b2929; display: block; margin: 1px 0 0 0;}

 .media-row:hover span{  color: #f9b841;}
.media-row:hover{background: transparent;color: #fff; -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px);}

@media only screen and (max-width :1024px) {
 .media-row img{ max-width: 100%;  }
 .media-list .media-row{ width: 30%;display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:space-between; align-items: flex-start;  margin-right: 20px; margin-bottom: 20px; padding: 10px; }

}


@media only screen and (max-width :768px) {
 .media-list{display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:flex-start;  align-items: flex-start; justify-content:space-between; }

 .media-list .media-row{ width: 28%;display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:space-between; align-items: flex-start;  margin-right: 20px; margin-bottom: 20px; padding: 10px; }
 
 }

 @media only screen and (max-width :530px) {
   .media-list{display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:flex-start;  align-items: flex-start; justify-content:space-between; }
 
   .media-list .media-row{ width: 45%;display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:space-between; align-items: flex-start;  margin-right: 0px; margin-bottom: 20px; padding: 10px; }
   
   }

   @media only screen and (max-width:360px) {
    .media-list{display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:flex-start;  align-items: flex-start; justify-content:space-between; }
  
    .media-list .media-row{ width: 48%;display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:space-between; align-items: flex-start;  margin-right: 0px; margin-bottom: 20px; padding: 10px; }

    .media-col-1 figure {padding: 0px;margin: 0px; height: 140px; width:100%; overflow: hidden;  display: flex; flex-direction: row; align-items: center;  padding: 10px; }
    
    }

    @media only screen and (max-width:300px) {
      .media-list{display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:flex-start;  align-items: flex-start; justify-content:space-between; }
    
      .media-list .media-row{ width: 100%;display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:space-between; align-items: flex-start;  margin-right: 0px; margin-bottom: 20px; padding: 10px; }
  
      .media-col-1 figure {padding: 0px;margin: 0px; height: 140px; width:100%; overflow: hidden;  display: flex; flex-direction: row; align-items: center;  padding: 10px; }
      
      }

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


 .exhibition-list{display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:flex-start;  align-items: flex-start;}
 .exhibition-list .exhibition-row{ width: 23.33%;display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:space-between;   border:0px solid #ddd; margin-right: 15px; margin-bottom: 20px; padding: 5px; 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; text-align: center;}
 
 .exhibition-row .exhibition-col-1{width: 100%;  border:1px solid #ddd;}
 .exhibition-row .exhibition-col-2{width: 100%;}
 
 .exhibition-col-1 figure {padding: 0px;margin: 0px; height: 220px; width:100%; overflow: hidden;  display: flex; flex-direction: row; align-items: center;  padding: 10px; }  
 
 .exhibition-row img{ width: 100%; position: relative;  }
 .exhibition-row h3{font-weight: 600;font-size: 16px; color: #333; margin: 15px 0 0 0;}
 .exhibition-row h4{font-weight: 500;font-size: 13px; color: #333; margin: 1px 0 0 0;}
 .exhibition-row h5{font-weight: 500;font-size: 13px; color: #333; margin: 1px 0 0 0;}
 
 .exhibition-row p{  font-weight: 500;font-size: 12px; color: #333; margin: 0px 0;  }
 .exhibition-row p strong{font-weight: 600;}
 .exhibition-row span{font-weight: 600;font-size: 14px; color: #8b2929; display: block; margin: 1px 0 0 0;}
 
  .exhibition-row:hover span{  color: #f9b841;}
 .exhibition-row:hover{background: transparent;color: #fff; -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px);}
 
 @media only screen and (max-width :1024px) {
  .exhibition-row img{ max-width: 100%;  }
  .exhibition-list .exhibition-row{ width: 30%;display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:space-between; align-items: flex-start;  margin-right: 15px; margin-bottom: 20px; padding: 5px; }
 
 }
 
 
 @media only screen and (max-width :768px) {
  .exhibition-list{display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:flex-start;  align-items: flex-start; justify-content:flex-start; }
 
  .exhibition-list .exhibition-row{ width: 30%;display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:space-between; align-items: flex-start;  margin-right: 15px; margin-bottom: 20px; padding: 5px; }

  .exhibition-col-1 figure {padding: 0px;margin: 0px; height: 180px; width:100%; overflow: hidden;  display: flex; flex-direction: row; align-items: center;  padding: 10px; }
  
  }

  @media only screen and (max-width :575px) {
    .exhibition-list{display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:flex-start;  align-items: flex-start; justify-content:flex-start; }
   
    .exhibition-list .exhibition-row{ width: 45%;display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:space-between; align-items: flex-start;  margin-right: 15px; margin-bottom: 20px; padding: 5px; }
  
    .exhibition-col-1 figure {padding: 0px;margin: 0px; height: 180px; width:100%; overflow: hidden;  display: flex; flex-direction: row; align-items: center;  padding: 10px;  }
  }
     
 
     @media only screen and (max-width:360px) {
       .exhibition-list{display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:flex-start;  align-items: flex-start; justify-content:space-between; }
     
       .exhibition-list .exhibition-row{ width: 100%;display: flex; flex-direction: row; flex-wrap: wrap;  justify-content:space-between; align-items: flex-start;  margin-right: 0px; margin-bottom: 20px; padding: 10px; }
   
       .exhibition-col-1 figure {padding: 0px;margin: 0px; height: 160px; width:100%; overflow: hidden;  display: flex; flex-direction: row; align-items: center;  padding: 10px; }
       
       }   

.event-text { text-align: left; font-family: 'Montserrat', sans-serif;}
.event-text h5{font-weight: 500;font-size: 15px; color: #333; margin: 0px 0 0 0;}


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

.gallery-row{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;  /*margin-right: -15px; margin-left: -15px;*/ margin-top: 30px;position: relative;} 
.gallery-row .gallery-col{ margin: 0 20px 20px 0; width: 22.33%; /*padding-left: 15px; padding-right: 15px;*/ border: 1px solid #ddd; position: relative;  cursor: pointer;} 
  
 .gallery-row p{font-family: 'Product Sans'; color: #616161; font-size: 17px; font-weight:400; line-height: 26px; letter-spacing: 0.50px;   margin:10px 0;}
.gallery-row p strong{font-weight:500;} 

.gallery-col-img{color: #fff; position: relative; overflow:hidden; border: 0px solid #ddd; width: 100%; height: 100%; display: flex;align-items: center;} 
.gallery-col-img figure {padding: 0px;margin: 0px; max-height: 170px; width:100%; } 
.gallery-col-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; }
.gallery-col-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; }
/*.gallery-col-img figure a:first-child { display: inherit;}
.gallery-col-img figure a { display: none;}*/

.gallery-row-wrapper{ margin-top: 0px; padding: 0 0px;  position: relative;} 
.gallery-row-content{background:#fff; padding:10px; } 
.gallery-row-content h3{font-family: "Avenir-Heavy"; text-align: left;color: #2b2523; font-size:20px; margin: 5px 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}
.gallery-row-content p{font-family: "Avenir-Medium"; color: #2b2523; font-size: 15px;   margin:5px 0;}	
   
  
 
@media only screen and (max-width :768px) {
	
 .gallery-row .gallery-col{ margin: 0 20px 20px 0; width: 21.33%; /*padding-left: 15px; padding-right: 15px;*/ border: 1px solid #ddd; position: relative;  cursor: pointer;} 

 .gallery-col-img figure {padding: 0px;margin: 0px; max-height: 140px; width:100%; } 
   	
}

@media only screen and (max-width :575px) {	
  .gallery-row .gallery-col{ margin: 0 20px 20px 0; width: 20.33%; /*padding-left: 15px; padding-right: 15px;*/ border: 1px solid #ddd; position: relative;  cursor: pointer;}  
  .gallery-col-img figure {padding: 0px;margin: 0px; max-height: 120px; width:100%; } 
      
 }

 @media only screen and (max-width :480px) {	
  .gallery-row .gallery-col{ margin: 0 20px 20px 0; width: 27.33%; /*padding-left: 15px; padding-right: 15px;*/ border: 1px solid #ddd; position: relative;  cursor: pointer;}  
  .gallery-col-img figure {padding: 0px;margin: 0px; max-height: 120px; width:100%; } 
      
 }


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

  .gallery-row{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;   margin-top: 30px;position: relative;}

  .gallery-row .gallery-col{ margin: 0 0px 20px 0; width: 47.33%; /*padding-left: 15px; padding-right: 15px;*/ border: 1px solid #ddd; position: relative;  cursor: pointer;}  
  .gallery-col-img figure {padding: 0px;margin: 0px; max-height: 100px; width:100%; } 
      
 }

 


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

.section-14{ background: #fff; margin: 10px 0 30px 0; padding: 0px 0; font-family: 'Montserrat', sans-serif;}

/*----------------------------------------------------*/
.select-section{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #ebebeb;  } 
.select-col-1{ width: 68%;} 
.select-col-2{ width: 30%;}

.alphabet-listing{  display: flex; flex-direction: row; flex-wrap: wrap; justify-content:flex-end;}   
.alphabet-listing a{ text-decoration: none; padding:2px 8px; font-weight: 400; color: #666; font-size: 14px; border-right: 1px solid #ddd; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;} 
.alphabet-listing a:hover{background-color: #F00; color: #fff;}
.alphabet-listing a.active{background-color: #F00; color: #fff;}




.alphabet-listing-hm{  display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center;}   
.alphabet-listing-hm a{ text-decoration: none; display: inline-block; padding:2px 6px; margin-bottom: 12px; font-weight: 400; color: #666; font-size: 14px; border-right: 1px solid #ddd; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;} 
.alphabet-listing-hm a:hover{background-color: #F00; color: #fff;}
.alphabet-listing-hm a.active{background-color: #F00; color: #fff;}


@media only screen and (max-width : 768px) {
  .select-section{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #ebebeb; font-family: 'Hind', sans-serif;} 
  .select-col-1{ width: 100%;} 
  .select-col-2{ width: 100%;}

  .alphabet-listing{  display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center;}  
  .alphabet-listing a{ text-decoration: none; padding:2px 6px; }  
  
  .alphabet-listing-hm{  display: flex; flex-direction: row; flex-wrap: wrap; justify-content:flex-start;} 

  }

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

  .caption { display: none;}
   
  .art-info{ text-align: left!important;font-family: 'Montserrat', sans-serif;padding: 10px;} 
  .art-info h2,h6{margin:5px 0px; font-weight: 500; font-size: 13px; color: #333; text-align: left; text-transform: capitalize; letter-spacing: 0.50px;}    
  .art-info h6 span{color:#08a614;}
  .art-info h6 small{color:#f21d1d; font-weight: 400; font-size: 13px;}
 
  
  /*.lg-sub-html{ text-align: center!important;font-family: 'Montserrat', sans-serif;padding: 10px;} 
  .lg-sub-html h2,h4{margin:2px 0px; font-weight: 500; font-size: 13px; color:#fff;   text-align: left; text-transform: capitalize; letter-spacing: 0.50px; text-align: center!important;}*/
   
  

  .columns-box-1{ margin: 20px 0; padding: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center;}  

  .columns-box-1 li { width: 22%; /* min-height:380px;*/  position: relative;   margin: 0 15px;	padding: 0px; padding-bottom: 0px; vertical-align:middle;  overflow: hidden !important; border: 0px solid #ddd; }
  
  .columns-box-1 li  a{text-align: center;  width: 280px !important;  height:280px !important; vertical-align:middle; display:table-cell; position: relative; overflow: hidden !important; padding: 4px; border: 1px solid #ddd;}
  .columns-box-1 li img {max-height: 100%;  max-width: 100%; position: relative; border:0px solid #f7f7f7 !important; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;	-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
  
  .columns-box-1 li img:hover { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);	-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;	transition: all 0.5s ease-in-out; border: 1px solid #ddd;}
  
  @media screen and (max-width: 1024px) {  
    .columns-box-1{ margin: 20px 0; padding: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between;}

    .columns-box-1 li { width: 31%;   margin: 0 5px;	padding: 0px; padding-bottom: 0px;  }

     
    
  }
  @media screen and (max-width: 768px) {
    .columns-box-1{ margin: 20px 0; padding: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between;}
    .columns-box-1 li { width: 31%;   margin: 0 5px;	padding: 0px; padding-bottom: 0px;  }
    .columns-box-1 li  a{text-align: center;  width: 280px !important;  height:200px !important;  }
    
  }

  @media screen and (max-width: 575px) {
    .columns-box-1{ margin: 20px 0; padding: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between;}
    .columns-box-1 li { width: 46%;   margin: 0 5px;	padding: 0px; padding-bottom: 0px;  }
     
    
  }

  @media screen and (max-width: 400px) {
    .columns-box-1{ margin: 20px 0; padding: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between;}
    .columns-box-1 li { width: 100%  !important;   margin: 0 0px;	padding: 0px; padding-bottom: 0px;  }
    .columns-box-1 li  a{text-align: center;  width:10% !important;  height:200px !important;   }
    
  }
   





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

.section-11{ background: #fff; margin: 50px 0 30px 0; padding: 0px 0; font-family: 'Montserrat', sans-serif;}    
    
.contact-row{ margin: 20px 0 0 0; padding: 0px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;} 
.contact-col-1{ width: 50%; padding:0px 50px 0 0px;} 
.contact-col-2{ width: 50%; padding:0px 0 0 50px; border-left: 0 solid #d5d5d5;}
.contact-col-3{ width: 100%;} 

.contact-row img{ max-width: 100%; border-radius: 0; margin-top: 0px; }

.contact-details{display: flex; flex-direction: row; flex-wrap: wrap; justify-content:start; align-items: center; text-align: center; background: #fff; padding: 0px; margin:0px 0 0 0; font-family: 'Montserrat', sans-serif;} 

.contact-box-1{ width: 100%;border-bottom: 	1px solid #ddd;margin: 0 0 0px 0; padding:10px 0; } 
.contact-box-2{ width: 50%; margin: 0 0 0px 0; padding:10px 0; border-right: 1px solid #ddd;} 
.contact-box-3{ width: 100%; padding:10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} 
 
 
.contact-details h6{color: #333; font-size: 15px; font-weight:600;   text-transform: inherit; margin:0px 0; text-align: center;  }
.contact-details img{display: block; max-width:100%; width: auto!important;   }  
.contact-details h5{color: #333; font-size: 18px; font-weight:700;   text-transform: inherit; margin:0px 0;  }
.contact-details p{color: #333; font-size: 13px; font-weight: 500;  letter-spacing:0.50px; line-height: 24px;  margin: 0px 0; }
.contact-details p a{color: #333;}
 
.contact-row h4{color: #333; font-size: 20px; font-weight:600;   text-transform: inherit; margin:10px 0; text-align: left;  }

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


@media only screen and (max-width : 768px) {
.contact-row{ margin:20px  0 30px  0; padding: 0px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between } 
.contact-col-1{ width: 100%; padding:0px 0px; } 
.contact-col-2{ width: 100%; padding: 30px  0px ;  border-left: 0px solid #d5d5d5;}	
}
 

@media only screen and (max-width :320px) { 
	.contact-box-2{ width: 100%; margin: 0 0 0px 0; padding:10px 0; border-bottom: 1px solid #ddd; border-right: 0px solid #ddd;} 
}

.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: 'Montserrat', sans-serif;  font-size: 13px; font-weight:500; letter-spacing: 0.20px; line-height: 1.42857143;color: #2b2523; border: 0px;  border-bottom: 1px solid #ddd;}
.form-group {margin-bottom: 10px;}
.form-group label{ font-family: 'Montserrat', sans-serif; font-size: 13px; color: #333; font-weight: 600;   margin-bottom:0px;} 
.form-group label small {font-size: 17px;  color: #f01818;} 
.form-check-label{ font-weight: 400!important; font-size: 14px!important;} 
 
.form-select { font-size: 13px; font-weight: 500; color: #2b2523; border: 1px solid #ddd;border-radius: 4px;}


.submit-link{ background: #cd3331; padding: 7px 25px; font-family: 'Montserrat', sans-serif;  color: #fff; font-size:16px; font-weight:600; border-radius: 10px; margin:30px 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: #b11311; 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%}
}


/*---------------------------------------------------*/
.table{font-family: 'Product Sans';}
.table thead{background: #22aca8;} 
.table thead th{ font-family: 'Product Sans';font-size: 17px; color: #fff; text-transform: uppercase; text-align: center;}
.table td{font-family: 'Product Sans'; font-size: 17px; color: #616161!important; font-weight: 400;  letter-spacing: 0.25px;}
.table td, .table th {padding: .50rem;}
.table td strong{ font-weight: 700;} 

.caption-top{font-family: 'Teko', sans-serif;   color: #342e36!important;   font-size: 30px;   font-weight: 400;  margin:10px 0 10px 0;    text-transform: inherit; } 
caption {  padding-top: .5rem;  padding-bottom: .5rem;   color: #342e36;   text-align: left;}

.anchor{display: block;height: 200px;margin-top: -200px; visibility: hidden!important;}

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

  
.footer{ background:#fff; margin: 0px 0 0 0; padding:30px 0 0 0; border-top:0px solid #94938f;  width: 100%; position: relative;}

.footer-col{ display: flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;text-align:center;} 
.footer-col .ft-col-1 {width:100%;  padding: 10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; display: flex; flex-direction:row; flex-wrap: wrap; justify-content: center;}
.footer-col .ft-col-2 {width:100%;  padding: 0 0px 0 0;} 
.footer-col .ft-col-3{width:26%;  padding: 0 0px 0 0;} 
.footer-col .ft-col-4{width:20%;  padding: 0 0px 0 0;}
 
.footer h4{font-family: 'Montserrat', sans-serif; font-weight: 600; color:#626262; font-size:18px;  margin:10px 0; text-transform:inherit;  position: relative; } 
/*.footer h4:before { content: ""; position: absolute; width:30px;  height:100%; background:#e81f27;  } 
 .footer h4 span{position: relative; padding: 5px;}*/

.footer p{ font-family: 'Montserrat', sans-serif; font-weight:500; color:#333; font-size: 13px!important; text-decoration:none;  line-height: 24px;  margin-bottom: 3px;}
.footer p a{ color:#333;}
.footer p strong{ font-size: 13px;font-weight:500; color: #333;}

.footer h5{ font-family: 'Montserrat', sans-serif; font-weight:600; color:#333; font-size: 16px; text-decoration:none;   line-height: 24px;}

.footer_links { padding:0px 0 0 0; font-family: 'Montserrat', sans-serif;  }
.footer_links .footer_links_col{width: 48%; margin-right: 10px;} 
.footer_links ul {list-style:none; padding:0px; margin: 0px; text-align:left; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;}
.footer_links li{ /*list-style: url(../images/arrow-1.png);*/ padding:15px 30px ; margin:0px; border-bottom:0px dashed #1d1d1d; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.footer_links li a{  color:#626262; font-weight:600;  font-size: 15px!important;  text-decoration:none;  }
 
.footer_links li:hover, .footer_links li a:hover {color: #cd3331;  -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px);} 

.border-right{ border-right:1px dashed #19406f; min-height:280px;}

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

.footer_bottom { margin: 0px 0 0 0; padding: 10px 0px;  background-color:#fff; border-top:0px solid #1c2e3b;}
.footer_bottom-in{ display: flex;  flex-direction: row;flex-wrap: wrap;  justify-content: center;align-items: center; } 

.footer_bottom p{ font-family: 'Montserrat', sans-serif;
 font-size:12px!important; font-weight:500; color:#333!important;  text-decoration:none; margin: 0px;}
.footer_bottom p a{ color:#333!important;}

.footer_center{ display:flex; flex-direction: row; flex-wrap: nowrap; border-top: 1px solid #e1112b; border-bottom: 1px solid #e1112b;} 
.footer_center .footer_center_1{width: 100%;  padding: 10px 0;  border-right: 0px solid #353a49;}
.footer_center .footer_center_2{width: 40%; padding: 15px 20px; text-align: center;} 

.footer_center p{ font-family: 'Zilla Slab', serif; font-weight:300; color:#eeeeee; font-size: 15px!important; text-decoration:none; margin: 0px; } 
.footer_center p strong{ font-size:16px;font-weight:400; color: #fff;}

 
@media only screen and (max-width : 768px) {
  .footer_links ul {list-style:none; padding:0px; margin: 0px; text-align:left; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
  } 

  @media only screen and (max-width :400px) {
    .footer_links ul {list-style:none; padding:0px; margin: 0px; text-align:left; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
    .footer_links li{ width: 48%; padding:7px 0px ; margin:0px; border-bottom:0px dashed #1d1d1d; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
    } 

@media only screen and (max-width : 425px) {
.footer_links { padding:0px 0 0 0; display: flex; flex-direction: column; flex-wrap: nowrap; }
.footer_links .footer_links_col{width:100%; margin-right:0px;} 	
.footer_links ul {margin: 0px;}
}



.subscribe-news{ display: flex;flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}
.subscribe-news h5{ font-family: "Avenir-Heavy";  color:#c9c9c9; font-size:20px;  margin: 0; text-transform:uppercase; letter-spacing: 0.50px; position: relative; z-index: 1;  } 
.form-inline .form-control {display: block;width: 300px; height: 40px; padding: 6px 12px; font-size: 14px; font-weight:normal; letter-spacing: 0.20px; line-height: 1.42857143;color: #525151; border: 1px solid #c9c9c9; background: #c9c9c9; border-radius: 30px;}
 
.submit-link-1{ background: #234189; padding: 7px 20px; font-family: "Avenir-Heavy";   color: #fff; font-size: 18px;  letter-spacing:0.30px; text-transform: uppercase; border-radius: 20px; margin:10px  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-1: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);}

@media only screen and (max-width : 1180px) {  
.subscribe-news h5{ font-weight:400; font-size:18px;} 
.form-inline .form-control {display: block;width: 200px; height: 40px; padding: 6px 12px; }	
.submit-link-1{padding: 7px 20px; font-size: 16px; font-weight:500;} 	
}
@media only screen and (max-width : 980px) {  
.subscribe-news h5{ font-weight:400; font-size:16px;} 
.form-inline .form-control {display: block;width: 180px; height: 40px; padding: 6px 12px; }	
.submit-link-1{padding: 7px 20px; font-size: 16px; font-weight:500;} 	
}

@media only screen and (max-width : 980px) { 
.subscribe-news{ display: flex;flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center;}	
.subscribe-news h5{ font-weight:400; font-size:16px; margin-bottom: 10px;} 
.form-inline .form-control {display: block;width: 180px; height: 40px; padding: 6px 12px; }	
.submit-link-1{padding: 7px 20px; font-size: 16px; font-weight:500;} 	
}

@media only screen and (max-width : 575px) {  
.subscribe-news{ display: flex;flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center;}
 .subscribe-news h5{ font-weight:500; font-size:18px; margin:  0 0 15px 0;} 
.form-inline{ flex-direction: column;}	
.form-inline .form-control {display: block;width: 300px; height: 40px; padding: 6px 12px; border-radius: 8px;}
.submit-link-1{padding:4px 10px; font-size: 16px; font-weight:500; margin: 0 0px; border-radius: 8px;} 	
}
@media only screen and (max-width : 300px) { 
.form-inline .form-control {display: block;width: 100%; height: 40px; padding: 6px 12px; border-radius: 8px;}
 	
}


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

.social-icon { text-align:left; margin:0px 0 0 0; padding:0px 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:10px; border-right:1px solid #ddd;}
.social-icon li a { display:inline-block; width:20px; height:20px; line-height:10px !important; text-align:center; text-decoration:none; font-size:16px; font-weight: 400;  padding:2px; 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:#fff!important; background: transparent;}
.social-icon li a:hover{border-radius:30px; background:transparent; color:#14212b !important;-webkit-transform: translateY(-6px);   -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px);}
.social-icon small{ font-family: "Avenir-Heavy"; font-size: 18px;  color: #161515;  text-transform: none;} 


.social-icon-1 {  font-family: 'Product Sans';  text-align:center; margin:0px 0 0 10px; padding:0px; border-bottom: 0px solid #d4d1d1;}
.social-icon-1:after { content:""; clear:both; display: block}
.social-icon-1 li {padding:0 5px; display:inline-block; text-align:right; margin-top:0px;color:#626262; line-height:30px; border-right: 0px solid #ddd;}
.social-icon-1 li a span{font-size: 20px; } 
.social-icon-1 li a { display:inline-block; width:35px; height:35px; 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:50px;background:#ddd; color:#626262;}
.social-icon-1 li a:hover{border-radius:0px; color:#cd3331 !important;-webkit-transform: translateY(-6px);   -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px); }


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


.whatsapp-icon{position:fixed;	width:60px;height:60px;	bottom:40px;right:40px;	background-color:#25d366;
	color:#FFF;	border-radius:50px;	text-align:center;  font-size:38px;	box-shadow: 1px 1px 7px #000;
  z-index:100; 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;}

.whatsapp-icon:hover{ color:#fff; -webkit-transform: translateY(-15px);   -moz-transform: translateY(-15px); -ms-transform: translateY(-15px);   transform: translateY(-15px); }
.whatsapp-icon-float{	margin-top:12px;}

.request-quote{position:fixed; bottom:100px;left:3%;	background-color:#234189;
	color:#FFF;	 text-decoration: none; font-family: 'Montserrat', sans-serif; font-size:20px; font-weight: 600; letter-spacing:0.50px; box-shadow: 1px 1px 7px rgb(134, 133, 133);  z-index:100; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  padding:5px 5px; transform: translate(-108px,0%) rotateZ(-90deg);
    -webkit-transform: translate(-108px,0%) rotateZ(-90deg);
    -moz-transform: translate(-108px,0%) rotateZ(-90deg);transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease; }

.request-quote span{padding: 0 15px ; display: block;} 
.request-quote:hover{   color:#fff; background-color:#17adff; /*-webkit-transform: translateY(-6px);   -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);   transform: translateY(-6px); */}

.AQuote h2{font-family: 'Montserrat', sans-serif; font-size:20px; font-weight: 600; }


@media only screen and (max-width : 1024px){
.request-quote{position:fixed; bottom:0px;left:1%;  
	color:#FFF;	 text-decoration: none;font-size:16px; font-weight: 600;  letter-spacing:0.50px; box-shadow: 1px 1px 7px #000;  z-index:100; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 10px; border-top-left-radius: 10px;  padding:5px; transform: translate(0px,0%) rotateZ(0deg);
    -webkit-transform: translate(0px,0%) rotateZ(0deg);
    -moz-transform: translate(0px,0%) rotateZ(0deg);  }
}

@media only screen and (max-width : 425px){
	.whatsapp-icon{position:fixed;	 	bottom:40px;right:15px;	 }
}

/*----------------------------back to top ------------------------*/
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed;  bottom: 40px;  right: 10px; border-radius: 100%;
  box-shadow: 0 0 10px rgba(231, 28, 28, 0.05);  overflow: hidden;  text-indent: 100%;  white-space: nowrap;  background: rgba(205, 51, 49, 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;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.cd-top.cd-fade-out { opacity: .8;}  
 .cd-top:hover{  background-color: #cd3331;  opacity: 1; -webkit-transform: translateY(-10px);   -moz-transform: translateY(-10px); -ms-transform: translateY(-10px);   transform: translateY(-10px);transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}

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

.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-top-80{ margin-top:80px;}
.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) {

}

 
 

.success-text{ margin: 60px 0 0 0; border: 0px solid #ccc; padding: 15px; text-align: center;} 

.success-text h6{ padding:0px 0; font-family: 'Product Sans'; font-size: 32px; font-weight: 700;    color: #e31a3a; text-align: center;}
.success-text h5{ padding:0px 0; font-family: 'Product Sans'; font-size: 24px; font-weight: 500;    color: #333;}

.success-text h5 small{ padding:0px 0; font-family: 'Product Sans'; font-size: 24px; font-weight: 500;    color: #e31a3a;}




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