*{ padding:0; margin:0;}
body{ background:#fff;  font:400 15px/24px 'Lato', sans-serif; color:#000;}
a{ color:#263c53; display:inline-block; text-decoration:none;}
ul{ list-style-type:none;}
img{ max-width:100%; height:auto; vertical-align: top;}
div:after{ clear:both; content:""; clear:both; display:table;}

.wrapbox, .wrapper{ width:1000px!important; margin:0 auto;}

#header-sec{ background:url(../imagess/header.jpg) repeat-x 0 0; padding:20px 0 10px;}
.logobox{ float:left;}
.afterlogobox{ margin:9px 0 0; float:right; color:#fff; font:400 20px/24px 'Lato', sans-serif; background:url(../imagess/cal.png) no-repeat 0 50%; padding-left:30px;}
.afterlogobox a{ color:#fff;}

#banner-sec{ position:relative; color:#000; overflow:hidden}
#banner-sec .wrapbox{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
#banner-sec .wrapbox > div{ width:50%; text-align:center}
#banner-sec h3{ font:400 48px/50px 'Playfair Display', serif;}
#banner-sec h2{ font:700 84px/86px 'Lato', sans-serif;}
.clickbtn, .clickbtn2{ color:#fff; display:inline-block; border-radius:90px; font:700 20px/30px 'Lato', sans-serif; background: rgb(78,106,136);
background: linear-gradient(0deg, rgba(78,106,136,1) 0%, rgba(41,64,88,1) 100%); padding:15px 150px; margin:15px 0 0;}
.clickbtn:hover, .clickbtn2:hover{ background: rgb(78,106,136); background: linear-gradient(180deg, rgba(78,106,136,1) 0%, rgba(41,64,88,1) 100%);}
.clickbtn2{ padding:15px 130px;}

#contect-sec{ text-align:center; padding:130px 0 70px;}
.infosbox{ display:flex; flex-wrap:wrap; justify-content:center}
.infosbox>div{ float:left; text-align:center; height:162px; padding:22px 30px 0; box-sizing: border-box; background:url(../imagess/box1.jpg) no-repeat 50% 0; width:165px; background-size:100%;}
.infosbox>div:nth-child(even){ background:url(../imagess/box2.jpg) no-repeat 50% 0; background-size:100%;}
.infosbox>div p{ font:400 14px/16px 'Lato', sans-serif; padding:5px 0}
#contect-sec h2{  font:400 84px/86px 'Playfair Display', serif; padding:80px 0 65px}
.logo-sec{ display:flex; flex-wrap:wrap; justify-content:center; grid-gap:25px; padding:0 0 30px}
.logo-sec>div{ background:#fff; border-radius:6px; box-shadow:0 0 9px #999;}
.logo-sec:after{ content:none}
.logo-sec>div img{ border-radius:6px;width: 200px;}

#footer-sec{ text-align:center; background:#253b52; color:#fff; padding:45px 0}
#footer-sec p{ font:400 22px/24px 'Lato', sans-serif; padding:25px 0 10px;}
#footer-sec p a{ color:#fff;}
.copyrightxt{ font:400 14px/16px 'Lato', sans-serif;}

.fullformdiv h2{ background-color:#253b52!important;}
.fullformdiv h4{ color:#253b52!important;}
.fullformdiv label.box-label > div{ position:relative; background:#f4f7f9!important;}
.fullformdiv label.box-label > div:before{ position:absolute; left:0; top:0; width:32px; height:100%; background:#253b52; content: "";}
.fullformdiv input[type="submit"]{ background:#253b52!important; color:#fff; padding:6px 40px!important; height:auto!important; border:1px solid #253b52!important;}
.fullformdiv input[type="submit"]:hover{ background:#fff!important; color:#253b52; padding:6px 40px!important; height:auto!important; border:1px solid #253b52!important;}
.fullformdiv{ max-width:100%!important;}
.box-c{ background:#fff!important;}
.caption{ padding: 6px 20px 0!important;}
input[type="text"]#captcha{ max-width:100%!important;}
.box-content.middleboxes .box-c{ padding:0;}
.infosbox > div img{  width:45px;}
@media only screen and (max-width: 1198px) {
.wrapbox, .wrapper{ width:1000px!important;}
.clickbtn{ padding: 15px 100px;}
#banner-sec h3 {  font: 400 38px/40px 'Playfair Display', serif;}
#banner-sec h2 {  font: 700 64px/66px 'Lato', sans-serif;}
}

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

.wrapbox, .wrapper{ width:748px!important;}

#contect-sec h2{  font:400 64px/66px 'Playfair Display', serif; padding:60px 0 45px}
#banner-sec h3 {  font:400 38px/40px 'Playfair Display', serif;}
#banner-sec h2{ font:700 54px/56px 'Lato', sans-serif;}
#contect-sec{ padding:80px 0 30px;}
#footer-sec p{ font:400 20px/24px 'Lato', sans-serif;}
}

@media only screen and (max-width: 740px) {
.wrapbox, .wrapper{ width:98%!important;}
#contect-sec h2{  font:400 44px/46px 'Playfair Display', serif; padding:50px 0 35px}
#banner-sec h3 {    font: 400 28px/30px 'Playfair Display', serif;  }
#banner-sec h2 {    font: 700 44px/46px 'Lato', sans-serif;  }
.clickbtn{ padding:10px 60px;}
.clickbtn2{ padding: 15px 60px;}
}
@media only screen and (max-width: 450px) {
.wrapbox, .wrapper{ width:96%!important;}
.infosbox>div{ width:198px;}
.logo-sec{ grid-gap:4%;}
.logo-sec>div{ margin:20px 0 0; width:48%}
#banner-sec > img{ width:150%; max-width:150%; margin:0 -25%}
#banner-sec .wrapbox > div{ width:100%; text-align:left}
#banner-sec h2 { font: 700 34px/36px 'Lato', sans-serif;}
.afterlogobox{ font-size:0; padding-left:0;  margin: 0; background-position:50% 50%;}
.afterlogobox a{padding-left:40px; line-height:40px; height:40px;}
.clickbtn{ padding:10px 40px; font:700 16px/30px 'Lato', sans-serif;}
}