@CHARSET "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Basic&display=swap');

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

html {
  scroll-behavior: smooth;
}
body {
	overflow-x: hidden;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size:18px;
	color: #747679;
}



p, li {
	font-family: 'Montserrat', sans-serif;
	color: #747679;
}

h1, h2, h3, h4, h5 {
	font-family: 'Montserrat', sans-serif;
	color: #747679;
	
}
h1, h2, h3{
	text-transform: uppercase;
	font-weight: 700;
}

h4, h5 {
	font-weight: 500;
}

img {
	max-width:100%;
}
.break {
  flex-basis: 100%;
  height: 0;

}
.break.no-margin-top {
	margin-top: -40px;
}
.no-padding0-margin-top{
	padding-top: 0px;
	margin-top: -30px;
}

.expanded {
	margin: 0!important;
	padding: 0!important;
	max-width: 100vw;
	min-width: 100vw;
	width: 100vw;
}

.align-middle {
	
    align-items: center;
}

.pgc {
	text-align: center;
} 

.background {
	 background-repeat: no-repeat!important;
  	background-attachment: scroll!important;
  	
	-webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  min-height: 550px!important;
}

.background.center{
	background-position: center center; 
}

.background.right{
	background-position: bottom right!important; 
	
}



.hero{
	
	 background-repeat: no-repeat!important;
  	
  	background-position: center center!important; 
	  -webkit-background-size: cover!important;
	  -moz-background-size: cover!important;
	  -o-background-size: cover!important;
	  background-size: cover!important;
	  min-height: 600px!important;
	
}

@media screen and (max-width: 39.9375em) {
	.hero{
	 background-attachment: scroll!important;
		
	}

	

}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.hero{
	  background-attachment: scroll!important;
	}
}

@media screen and (min-width: 64em) {
	.hero{
	  background-attachment: fixed!important;
	}
}




.hero h2{
	color: #fff;
	text-shadow: 1px 2px rgba(75,75,75,0.7);
}
.hero h3{
	color: #fff;
	text-transform: none;
	font-family: 'Gentium Book Basic', serif;
	font-size: 42px;
	font-weight: 100;
	 font-style: italic;
	text-shadow: 1px 2px rgba(75,75,75,0.7);
}
	
.wrapper {
	position: relative;
}

.color-eff0f2 {
	background-color: #eff0f2!important;
}
.color-eff0f2 h3, .color-eff0f2 h4, .color-eff0f2 h4{
	color: #5d6d7f;
}

.color-eceef5{
	background-color: #eceef5!important;
}
.color-333333{
	background-color: #333333!important;
	color: #cccccc;
}
.color-5d6d7f{
	background-color: #5d6d7f!important;
	color: #c8dde8;
}

.color-8da4b0{
	background-color: #8da4b0!important;
	color: #fff;
}
.color-8da4b0 h3, .color-8da4b0 h4, .color-8da4b0 h5, .color-8da4b0 p, .color-8da4b0 label, .color-8da4b0 {
	color: #fff;
}

.color-5d6d7f h3, .color-5d6d7f h4, .color-5d6d7f h5{
	color: #fff;
}
.color-5d6d7f p, .color-5d6d7f li, .color-5d6d7f label{
	
	color: #c8dde8;
}


.color-333333 h2, .color-333333 h3, .color-333333 h4, .color-333333 h5{
	color: #fff; 
}

.color-333333 p, .color-333333 li {
	color: #ccc;
}


.back-to-top{

   position: absolute;
   right: 4px;
   bottom: 5px;
   z-index: 100;
   width: 30px;
   height: 30px;
   position:fixed;
}
@media screen and (max-width: 39.9375em) {
	.back-to-top {
	  right: 6px;
     bottom: 8px;
		
	}

}

.gradient-line{
	height: 34px;
	/*background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0.9) 0%, rgba(152,152,157,0.5) 35%);*/
	
	background: url(/images/line.png) no-repeat center center scroll; 
}

 #services, #about-us, #contact-us{
	padding-top: 40px!important;
}



input[type=button], input[type=submit], input[type=reset] {
  background-color: #5d6d7f;
  border: none;
  color: white;
  padding: 12px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
} 

.color-8da4b0 input[type=button], .color-8da4b0 input[type=submit], .color-8da4b0 input[type=reset] {
	background-color: #5d6d7f;
}

.color-5d6d7f input[type=button], .color-5d6d7f input[type=submit], .color-5d6d7f input[type=reset] {
	background-color: #8da4b0;
}

.button{
	 background-color: #5d6d7f;
  border: none;
  color: white;
  padding: 12px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
a.button:hover{
	background-color: #8da4b0;
}

.fa {
	font-size: 40px!important;
	padding-right: 20px!important;
	color: #ffffff!important;
}
.fa-bars{
	color: #5d6d7f!important;
}

.logo-small{
	max-width: 140px;
	height: auto;
	padding: 5px;
}

@media screen and (min-width: 40em) {
	
}


/*menu */
.menu {
	display: flex;
    align-items: center;
    justify-content: center;
}

.menu li, .menu a {
	text-transform: uppercase;
	color: #5d6d7f;
	font-weight: 700; 
	font-size: 18px;
	padding-right: 14px;
}


#offCanvas a:focus{
	outline-offset: 0px;
	outline: -webkit-focus-ring-color auto 0px;
	border: 0;
	 outline: auto 0px Highlight;
    outline: auto 0px -webkit-focus-ring-color;
}

.logo img{
	padding: 0px 20px;
}


section{
	
}

/*form */

#contact-name-hp{
	display:none;
}

.color-5d6d7f [type='text'],  .color-5d6d7f [type='password'],  .color-5d6d7f [type='date'],  .color-5d6d7f [type='datetime'], 
 .color-5d6d7f [type='datetime-local'],  .color-5d6d7f [type='month'],  .color-5d6d7f [type='week'],  .color-5d6d7f [type='email'], 
 .color-5d6d7f [type='number'],  .color-5d6d7f [type='search'],  .color-5d6d7f [type='tel'],  .color-5d6d7f [type='time'], 
 .color-5d6d7f [type='url'],  .color-5d6d7f [type='color'], .color-5d6d7f textarea{
	color: #c8dde8;
 	background-color:transparent;
	border-color: #b7b7b7;
 }
 
.color-8da4b0 [type='text'],  .color-8da4b0 [type='password'],  .color-8da4b0 [type='date'],  .color-8da4b0 [type='datetime'], 
 .color-8da4b0 [type='datetime-local'],  .color-8da4b0 [type='month'],  .color-8da4b0 [type='week'],  .color-8da4b0 [type='email'], 
 .color-8da4b0 [type='number'],  .color-8da4b0 [type='search'],  .color-8da4b0 [type='tel'],  .color-8da4b0 [type='time'], 
 .color-8da4b0 [type='url'],  .color-8da4b0 [type='color'], .color-8da4b0 textarea{
	color: #000000;
 	background-color:#cccccc;
	border-color: #ffffff;
 }


.footer-title{
	color: #000;
}

footer .grid-container{
	padding-top:40px;
}
footer ul {
	list-style:none;
	margin-left: 0px;
}
.accordion-title a, .accordion-title{
	font-size: 28px!important;
	color: #e18440!important;
}

footer a{
	color: #e18440!important;
}

.blogtitle, .blog_readmore{
	color: #e18440;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	
	
}

@media screen and (max-width: 39.9375em) {
	

}




/* for cards */
.for-cards{
	padding-top: 30px;
	padding-bottom: 10px;
}
.equal-height-cards .cell {
    display: flex;
    align-items: stretch;
	
  }
.card {
	background:none;
	border: none;
	align-items: center;
	text-align: center;
}

.card img {
	/*height: 50px;*/
}

.card h4 {
	color: #747679;
	font-size: 20px;
}

.card p {
	font-size: 15px;
}

@media only screen 
and (orientation:landscape) 
and (max-width: 63.9375em)  {
  
}



 
@media screen and (max-width: 39.9375em) {


}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {

}

@media screen and (min-width: 40em) {
	
}