@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css");
@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;700;900&display=swap');
@font-face{font-family:proxima_nova_rgregular;src:url("proxima-nova.woff2") 
format('woff2'),url("proxima-nova.woff") 
format('woff'); font-weight:400;font-style:normal; font-display:swap}
body{
font-family: 'Frank Ruhl Libre', serif;
}
.header{background-image: url("../img/header-bg.jpg");
  /*  background-attachment: fixed;*/
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height:900px;
    padding-top: 220px;
    padding-bottom:50px;

}
.logo {margin-bottom:60px;}
.slider-heading{
    font-family: 'Frank Ruhl Libre', serif;
    font-weight:900;
    color:#fff;
    font-size:45px;
    line-height: 70px;
}
.content{background:#f2f4f5; padding:140px 0px 125px 0px}
.left-content h3{color:#22284e; font-size:52px; font-weight:700; text-transform: uppercase;}
.left-content p{font-family:proxima_nova_rgregular; color:#4b4b4b; font-weight:400;font-style:normal; font-size:17px; margin:0px 0px 40px 0px; line-height: 20px; }
.logo-container ul{margin:0px;}
.logo-container ul li{-webkit-box-shadow: 0px 5px 5px -1px rgba(199,199,199,1);  -moz-box-shadow: 0px 5px 5px -1px rgb(31, 26, 26);    box-shadow: 0px 5px 5px -1px rgba(199,199,199,1); list-style: none; height: 122px; background: #fff; margin-bottom: 30px; line-height: 122px; text-align: center; display: flex; align-items: center; justify-content: center;}
.footer{
	 background: #22284e;
    padding:100px 0px 100px 0px;
		float:left;
	width: 100%;
}
.contact-section h2{color:#fff; font-size:65px; font-weight:700;}
.contact-section p {
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    margin: 0px;
    
}
.contact-section ul{margin:100px auto 0px auto; list-style: none; padding:0px; 
    text-align: left;}
.contact-section ul li {
    margin-bottom: 0px;
    width:50%;
    float: left;
}
.contact-section ul li .contact-icon {
    width: 108px;
    height: 77px;
    
    float: left;
}
.contact-section ul li strong{
    font-size: 26px;
    font-weight: 700;
    color: #fff;
}
.contact-section ul li a{color:#fff; font-size:18px; font-weight:400;}
.contact-section .contact-detail span{font-size:18px; font-weight:400;}
.contact-form input.form-control{font-size:19px; color:#728288; font-weight:700; padding:24px 0px ; border: medium none; box-shadow:none; border-bottom:2px solid #e3e7e8}
.contact-form  .input-group {display: inline-block;  margin-bottom: 30px;  width: 100%;}
.contact-form textarea.form-control{font-size:19px; color:#728288; font-weight:700; padding:24px 0px ; border: medium none; box-shadow:none; border-bottom:2px solid #e3e7e8; resize:none}
.contact-form span.input-group-addon {
   display: inline-block;
    background: none;
    border: none;
    margin: 0px 10px 0px 0px;
    padding: 0px;
}
.contact-form .checkbox-text {
    color: #728288;
    font-size: 18px;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}
.btn-submit{outline:none; border-radius:500px; background:#22284e; padding:15px 40px; font-family:proxima_nova_rgregular; color:#fff; text-transform:uppercase; font-size:15px; transition: all 0.3s ease-in-out;}
.btn-submit:hover{outline:none;  background: #6e6e6e; color:#fff; }
.copyright{background: #f2f4f5; padding:25px 0px; float:left; width:100%; color:#252734; font-size:18px;}
.copyright strong{ color:#252734; font-size:18px;}
.btn-group>.btn:first-child {
    margin-left: 0;
    outline: none;
}
.contact-section.text-center {
    width: 700px;
    margin: 0px auto;
}
@media (max-width:1200px){
    .logo-container ul{padding:0px;}
    .logo-container ul li img{width:100%}
}
@media (max-width:991px){
    .logo-container ul{padding:0px;}
    .logo-container ul li img{width:100%}
.footer{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#22284e+0,22284e+50,ffffff+50,ffffff+100 */
    background: #22284e; /* Old browsers */
   /* background: -moz-linear-gradient(top,  #22284e 0%, #22284e 50%, #ffffff 50%, #ffffff 100%); 
    background: -webkit-linear-gradient(top,  #22284e 0%,#22284e 50%,#ffffff 50%,#ffffff 100%); 
    background: linear-gradient(to bottom,  #22284e 0%,#22284e 50%,#ffffff 50%,#ffffff 100%); /* \
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22284e', endColorstr='#ffffff',GradientType=0 */
    }
    .contact-form {
       
        margin-top: 60px;
    }
    .content {
       
        padding: 40px 0px 20px 0px;
    }

}
@media (max-width:767px){
    .logo-container ul{padding:0px;}
    .logo-container ul li img{width:100%}
	.contact-section ul {
    margin: 30px auto 0px auto;
    list-style: none;
    padding: 0px;
    text-align: left;
}
.footer{
	padding:30px 0px 30px 0px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#22284e+0,22284e+50,ffffff+50,ffffff+100 */
    background: #22284e; /* Old browsers */
   /* background: -moz-linear-gradient(top,  #22284e 0%, #22284e 50%, #ffffff 50%, #ffffff 100%); 
    background: -webkit-linear-gradient(top,  #22284e 0%,#22284e 50%,#ffffff 50%,#ffffff 100%); 
    background: linear-gradient(to bottom,  #22284e 0%,#22284e 50%,#ffffff 50%,#ffffff 100%); /* \
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22284e', endColorstr='#ffffff',GradientType=0 */
    }
    .contact-form {
       
        margin-top: 60px;
    }
    .content {
       
        padding: 40px 0px 20px 0px;
    }
	.contact-section.text-center {
    width: 100%;
    margin: 0px auto;
}
	.contact-section ul li {
    margin: 0px;
    width: 100%;
    float: left;
		    padding: 20px;
}
}
.logo-container .maxwidth320{max-width: 320px;}