/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v23-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v23-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v23-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v23-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}
 

body {
	font-family: 'Montserrat', sans-serif;
	color:#748187;
	font-size:16px;
	font-weight:normal;
}
/* Max content widths */

ul {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
.size-auto,  .size-full,  .size-large,  .size-medium,  .size-thumbnail {
	max-width: 100%;
	height: auto
}
/* Navbar */



.navbar-topbar {
	border-radius: 0;
}
.navbar .dropdown-menu li {
	width: 100%;
	margin-left: 0 !important;
}
.navbar .dropdown-menu {
	margin-top: 0;
	border: none;
}
/* Main content */



#content article {
	margin: 40px 0
}
#content header {
	margin: 20px 0
}
#content section {
	margin-bottom: 20px
}
#content footer {
	padding-bottom: 20px
}
.page-header {
	background: #f9f9f9 none repeat scroll 0 0;
	border-bottom: 1px solid #eee;
	margin: 40px 0 20px;
	padding: 10px 14px;
}
/* Sidebar */



.sidebar {
	margin-top: 20px
}
.sidebar section {
	margin-bottom: 40px
}
.sidebar ul,  .sidebar ol {
	list-style-type: none;
	padding: 0
}
.sidebar li {
	margin: 10px 0
}



/* Hide form placeholders on focus */



input:focus::-webkit-input-placeholder {
color: transparent;
}
 input:focus:-moz-placeholder {
color: transparent;
} /* FF 4-18 */
 input:focus::-moz-placeholder {
color: transparent;
} /* FF 19+ */
 textarea:focus::-webkit-input-placeholder {
color: transparent;
}
 textarea:focus:-moz-placeholder {
color: transparent;
} /* FF 4-18 */
 textarea:focus::-moz-placeholder {
color: transparent;
} /* FF 19+ */
/* Comments */



#respond {
	margin-top: 40px
}
ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
	padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
	content: "Thread " counter(li); /* Use the counter as content */
	counter-increment: li; /* Increment the counter by 1 */
	position:absolute;
	top: 0;
	right: 0;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom-left-radius: 4px;
	padding: 5px 20px 5px 10px;
	color: #999
}
ol.commentlist li ol,  ol.commentlist li ul {
	list-style-type: none;
	margin: 0
}
.commentlist li li {
	background: #f9f9f9;
}
.commentlist li li li {
	background: #fff
}
.commentlist li li li li {
	background: #f9f9f9
}
.commentlist li li li li li li {
	background: #fff
}
.commentlist li {
	padding: 20px
}
.commentlist ul li {
	margin-top: 20px;
	margin-bottom: 0
}
.reply p {
	margin: 0
}
/* Site footer */



.site-footer {
	padding: 40px 0
}
.site-footer ul,  .site-footer ol {
	list-style-type: none;
	padding: 0
}
.site-footer li {
	margin: 10px 0
}
.site-sub-footer p {
	text-align: center
}
.site-footer p {
	text-align: center
}
.top-header {
	background:#e48038;
	padding-top:0;
	padding-bottom:0;
	color:#fff;
}
.menuOuter {
	padding:17px 0;
}
 
.navbar {
padding:  0;
}
.navbar-toggleable-md .navbar-nav .nav-link {
	padding: 4px 27px;
}
.navbar-inverse .navbar-nav .nav-link {
	font-size:17px;
	font-weight:500;
	color: #fff;
}
.navbar-inverse .navbar-nav .active>.nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open>.nav-link {
	color: #fff;
	font-weight:bold;
}
.navbar-inverse .navbar-nav li.current-page-ancestor.nav-link {
	color: #fff;
	font-weight:bold;
}
.navbar-toggleable-md #menu-menu-left li {
	margin-right:25px;
}
.navbar-toggleable-md #menu-menu-right li {
	margin-left:31px;
}
.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
	color:#7f2f32;
}
/*-----0223----*/

/*.dropdown-toggle::after{content: none !important;}*/

.navbar .dropdown-menu li a {
	font-size:19px;
	font-weight:500;
	color: #748187;
	background-color: transparent;
}
.navbar .dropdown-menu li a:hover {
	color:#b0cb1f;
	font-size:19px;
	font-weight:500;
}
.dropdown-menu {
	background-color: transparent;
}
/*-----0223-end----*/

.banner-wrapper {
	position: relative;
	top:0;
	background:#e48038; text-align:center;
	z-index: 1;
}
header {
	width: 100%;
	margin: 0 auto;
	z-index: 99;
}


.logo{text-align:center;     margin: 23px 0 0;}

.footer{
 background:#333;	padding:5px 0;
}

.footer p{margin:0; color:#999;}

.footer a{color: #fdeab5;

}




.btn-primary {
	color: #7d898f;
	background-color: #fff;
	border-color: #669999;
	padding:15px 30px;
	border-radius: 50px;
	text-transform:uppercase;
	font-weight:500;
}
.btn-primary:hover {
	color: #fff;
	background-color: #b0cb1f;
	border-color: #b0cb1f;
	border-radius: 50px;
}
.btn-secondary {
	color: #fff;
	background-color: #b0cb1f;
	border-color: #b0cb1f;
	border-radius: 50px;
}
.btn-secondary:hover {
	color: #fff;
	background-color: #669999;
	border-color: #669999;
	border-radius: 50px;
}



/*---------- service ----------*/

 h2 {
	font-size:30px;
	font-weight:bold;
}
/* You can add your own CSS here. Click the help icon above to learn more. */



.topLinks{}
.topLinks ul li span { background:#000; display: inline-block;
    padding: 5px 15px; }


.title h2{float:left;}
.imageList{
border-bottom:1px solid rgba(0,0,0,0.1);	padding-bottom:15px; padding-top:30px;
}
.imageList h2{margin-bottom:15px; color:#371d5c; font-size:38px;}


.imagesListOuter{ }

.imagegallery {margin-bottom:35px; display: block; padding:20px;
    overflow: hidden;}


.imagegallery img{-webkit-box-shadow: 0px 0px 7px 0px rgba(161,161,161,1);
-moz-box-shadow: 0px 0px 7px 0px rgba(161,161,161,1);
box-shadow: 0px 0px 7px 0px rgba(161,161,161,1); border-radius:15px;}


.imagegallery h3 {
    /* text-transform: uppercase; */
    color: #000;
    font-size: 19px;
 
   margin-bottom: 7px;
    margin-top: 14px;
}


.graybg{ background:#f2f2f2; 	 }

.imagegallery a.btn{ font-weight:500; float:left;     color: #fff;
    background: #7c7c7c;
    border: 1px solid #7c7c7c; display:inline-block; padding:6px 21px 5px; border-radius:25px; transition: ease 0.5s all; font-size:16px; text-decoration:none;margin: 14px 0 0; }

.imagegallery a.btn:hover{color:#7c7c7c;background:#fff; border:1px solid #7c7c7c; }

.imagegallery a.btn.pdfBtn{ float:right; }

.imagegallery a i{ margin-right:5px; }

.imagesListOuter .container-fluid:nth-child(odd){ background:#fff; padding-top:60px; padding-bottom:20px;  }

.imagesListOuter .container-fluid:nth-child(even){background:#f2f2f2;  padding-top:60px; padding-bottom:20px;  }


.contactForm label input{font-family: "Montserrat", Sans-serif; }
.contactForm textarea{font-family: "Montserrat", Sans-serif; height:100px; resize:none;}
.contactForm label{ width:100%; font-family: "Montserrat", Sans-serif; }
.contactForm .btn-primary {font-family: "Montserrat", Sans-serif;
    color: #da6817;
    background-color: #fff;
    border-color: #fabc1a;
    padding: 15px 35px;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 500; cursor:pointer;
}
.contactForm label input.number {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.contactForm label input.error {
	
	
	border:1px dotted red;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2; font-family: "Montserrat", Sans-serif;
}
.contactForm label input.number:active{
	
	
	border:1px solid #5cb3fd!important;
}

.btn-style input.wpcf7-form-control.wpcf7-submit.button_full_width.btn.btn-primary {
    font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    fill: #FFFFFF;
   color: #862f34;
    border-color: #ffecb9;
    background-color: #ffebb8;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 16px 0px rgb(255 255 255 / 16%);
    padding: 7px 37px;
}


.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon {
	width:20px;
	height:20px
}
.carousel .carousel-control-prev-icon {
	background-image:url(../img/svg/arrow_left.svg)
}
.carousel .carousel-control-next-icon {
	background-image:url(../img/svg/arrow_right.svg)
}
.carousel .carousel-indicators li {
width: 15px;
    height: 15px;
    cursor: pointer;
    border-radius: 50%;
    max-width: 15px;
}
.carousel-item {
    position: relative;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
 

 
 .carousel-item img{width:100%;}
 

.carousel-indicators .active {
    background-color: #0CD68A;
}

.caption1 {
    

}

.caption1 .captionbg{
      background: rgba(44,164,98,0.8);
    text-align: left;
    display: inline-block;
    padding: 25px 25px 15px;
}

.caption1 h3 {
    font-size: 36px;
    font-weight: 700;
      font-family: "Nunito", Sans-serif;
    
    line-height: 48px;  color: #FFFFFF;
    margin:0 0 10px 0; text-transform:uppercase;
}
.caption1 a{ background: #fff;
    display: inline-block;
    padding: 9px 16px 6px 16px;
    color: #0CD68A;
    transition: ease 0.5s all;
    text-transform: uppercase; }
.caption1 a:hover{ background:#fff; }



.caption2 h3 {
    font-size: 36px;
    font-weight: 700;
      font-family: "Nunito", Sans-serif;
      color: #0CD68A;
    line-height: 48px;
    margin: 10px 0;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

.caption2 p{
text-align: center;
    color: #FFFFFF;
    font-family: "Quicksand", Sans-serif;
    font-size: 24px;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 121px;
    
}

.desktop{display:block;}
.mobile{display:none;}


.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .3s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

.carousel {
    position: relative;
    background: #000;
}






@media screen and (max-width: 767px) {
    
    .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 53px;
}
   .caption1 h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 38px;
    margin: 0 0 10px 0;
}
.carousel-caption.caption1 {
    position: absolute;
    right: 15%;
    bottom: 143px;
    left: 0;
    width: 100%;
}

    .caption2 p {
   
    font-size: 17px;
}
.caption2 h3 {
    font-size: 23px;
    
    line-height: 48px;
    margin: 0;
}
    
    .desktop{display:none;}
.mobile{display:block;}



.imagegallery {
    
 
    text-align: center; margin-bottom: 0; padding: 20px 8px;
}
.imagegallery a.btn, .imagegallery a.btn.pdfBtn{float:none;     width: 70%;}
.imagesListOuter {
    padding-top: 30px;
    padding-bottom: 30px;
}

.imagegallery h3 {

    margin-bottom: 0;

 }

}



 
 @media only screen and (min-width:768px) and (max-width:999px) {
     
   .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 53px;
}
   .caption1 h3 {
    font-size: 29px;
    font-weight: 700;


    line-height: 38px;
   
   
    margin: 0 0 10px 0;


}
.carousel-caption.caption1 {
    position: absolute;
    right: 15%;
    bottom: auto;
    top: 31%;
}

    .caption2 p {
   
    font-size: 17px;
}
.caption2 h3 {
    font-size: 23px;
    
    line-height: 48px;
    margin: 0;
}
    
  /*  .desktop{display:none;}
.mobile{display:block;}   */
     
   
        .elementor-1419 .elementor-element.elementor-element-9691ee1 .tf-nav-menu .mainnav .menu-container > ul > li > a {
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
  
}


 }



 
 @media only screen and (min-width:768px) and (max-width:1024px) {
     
     
.4sLogo.elementor-widget-image img{
    width:50%;
    

}
     
     .elementor-1419 .elementor-element.elementor-element-9691ee1 .tf-nav-menu .mainnav .menu-container > ul > li > a {
    font-family: "Poppins", Sans-serif;
    font-size: 13px; padding-left: 8px;
    padding-right: 9px;
  
}
     
   .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 53px;
}
   .caption1 h3 {
       font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 10px 0;


}
.carousel-caption.caption1 {
      position: absolute;
    right: 0;
    bottom: auto;
    top: 21%;
}

    .caption2 p {
   
    font-size: 17px;
}
.caption2 h3 {
    font-size: 23px;
    
    line-height: 48px;
    margin: 0;
}
    
  
     
     
 }


/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    
       .desktop{display:block;}
.mobile{display:none;} 


  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 53px;
}
   .caption1 h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 38px;
    margin: 0 0 10px 0;
}
.carousel-caption.caption1 {
        position: absolute;
    right: 0;
    bottom: 0;
    left: auto;
    width: 50%;
}
.carousel-caption.caption2 {
        position: absolute;
    right: 0;
    bottom:15px;
    left: auto;
    width: 100%;
}

.caption1 .captionbg {
   
    padding: 12px 16px 0;
}

    .caption2 p {
   
    font-size: 17px;
}
.caption2 h3 {
    font-size: 23px;
    
    line-height: 48px;
    margin: 0;
}




    
}


@media only screen and (min-device-width: 1180px) and (max-device-height: 820px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    
   
  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 53px;
}
   .caption1 h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 38px;
    margin: 0 0 10px 0;
}
.carousel-caption.caption1 {
        position: absolute;
    right: 0;
    bottom: 0;
    left: auto;
    width: 50%;
}
.carousel-caption.caption2 {
        position: absolute;
    right: 0;
    bottom:15px;
    left: auto;
    width: 100%;
}

.caption1 .captionbg {
   
    padding: 12px 16px 0;
}

    .caption2 p {
   
    font-size: 17px;
}
.caption2 h3 {
    font-size: 23px;
    
    line-height: 48px;
    margin: 0;
}
 
}