@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800&display=swap');
body, *{margin:0px; padding:0px; font-family: 'Poppins', sans-serif;}
.container-fluid{width:100%; margin:auto;}
.container{width:1140px; margin:auto; overflow:hidden;}
.clearfix{clear:both;}
.paddtopbtm{padding: 10px 0px;}

/* Bootstrap Styles */
.col-xs-12 {width:100%;}
.col-xs-11 {width:86.66666667%;}
.col-xs-10 {width:83.33333333%;}
.col-xs-9 {width:75%;}
.col-xs-8 {width:66.66666667%;}
.col-xs-7 {width:58.33333333%;}
.col-xs-6 {width:50%;}
.col-xs-5 {width:41.66666667%;}
.col-xs-4 {width:33.33333333%;}
.col-xs-3 {width:25%;}
.col-xs-2 {width:16.66666667%;}
.col-xs-1 {width:8.33333333%;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left;}
.container-fluid{ width:100%;}
.container{ width:1180px; margin:auto;}
.aligncenter{ text-align: center; }
.pullleft{float: left;}
.pullright{float: right;}
.heading{padding:10px 0px; font-size:22px; }
.cap-text{text-transform: uppercase; color:#015788;}
h2{font-size: 36px; font-weight: 600;}
p{font-size: 18px; font-weight: 300; padding: 10px 0px; box-sizing: border-box;}
/*Ends Here*/

.header-div{width: 1200px; margin:auto; display: table; padding: 16px 0px;}
.logo-div{width: 176px; float: left; padding-top: 12px; cursor: pointer;}
.logo-div img{width: 100%;}
.menu-div{list-style: none;  padding-top: 20px; margin-left: 276px;}
.menu-div ul{list-style: none; margin: 0px; padding: 0px;}
.menu-div ul li{float: left; text-align: right; padding: 0px 12px; }
.menu-div li a{text-decoration: none; font-size: 16px; color: #a8a9ad;}
.menu-div li a:hover{border-bottom: 2px solid #a6ce3a;  transition: 0.2s ease;}
.ctc-div i{padding-right: 10px;}
.ctc-div a{border:1px solid #015788; margin-top: -10px; text-decoration: none; float: right; font-size: 16px; color: #015788; border-radius: 100px; padding:10px 14px;}
.ctc-div a:hover{background: #015788; color: #ffffff; cursor: pointer; transition: 0.5s ease;}
.menuIcn { color: #fff; font-size: 24px; float: right;  padding: 7px 13px; display: none; border: 1px solid #fff;
    margin-left: 10px; margin-top:10px;}
.menuIcn a { color: #84c540;}
.dropdown {position: relative; display: inline-block;}
.dropdown-content {display:none; position: absolute; min-width: 240px; z-index: 999; top:26px;}
.dropdown-content>li {color: black;text-decoration: none;display: block;width: 100%; background: #015784; text-align: left !important;
padding: 10px 14px !important; color: #ffffff;}
.dropdown-content>li>a{ color: #ffffff !important;}
.dropdown-content>li>a:hover {border-bottom: 2px solid #a6ce3a;}
.dropdown:hover .dropdown-content {display: block !important;}


.banner-1{background: url("images/banner-1.jpg") top no-repeat; background-size:cover; height:400px; overflow:hidden;}
.ban-1-ctn{width:560px; float:right; margin-top: 32px;}
.ban-1-ctn h1{font-size: 58px; font-weight: 600; color: #a6ce3b; line-height:60px;}
.ban-1-ctn h1 span{color:#015788; display: block;}
.ban-1-ctn p{color: #666666; padding-top: 20px; line-height:26px;}
.button input[type=button]{background:#015788; text-decoration:none; color:#ffffff; font-weight:400; font-size:22px;
	border:none; padding:16px 44px; border-radius: 2px; margin-top:10px; outline:none; letter-spacing: 1px;}
.button input[type=button]:hover{background:#0a4263; cursor: pointer; transition: 0.3s ease;}
.bannerPosDiv{position: absolute; width: 100%; overflow: hidden;}

.review{padding: 20px 0px;}
.green-div{background: #a6ce3b; padding: 10px 0px;}
.quote i{font-size: 100px; color: #b8d862;}
.review-ctn{padding-left: 20px; }
.review-ctn h2{color: #015788;}
.review-ctn p{font-size: 20px; color: #ffffff; font-style: italic;}
.review-person{font-size: 22px; color: #ffffff; font-weight: 600;}
.review-person span{font-size: 16px; display: block; line-height: 30px; font-weight: 300;}

.banner-2{background: url("images/banner-2.jpg") center no-repeat; background-image:cover; height:678px; overflow:hidden;}
.ban-2-ctn{width:560px; margin-top: 40px;}
.ban-2-ctn h1{font-size: 36px; font-weight: 500; color: #a6ce3b; padding-top: 30px;}
.ban-2-ctn p{color: #666666; font-size: 18px; padding-top: 20px;}
.banner-2 .button img{position: absolute; margin-left: -80px; margin-top: 22px; padding: 0px 10px;}
.ban-2-ctn .button:hover{cursor: pointer;}

.gray-div{background: #fbfbfb; margin: auto; padding: 22px 0px; overflow: hidden; }
.sevices-heading h2{font-size: 36px; color: #015788; text-align: center; padding: 20px 0px 10px 0px; font-weight: 600;}
.our-services{background: #ffffff; box-sizing: border-box; padding: 22px; width: 31%; height: 254px; margin: 14px 20px 14px 0px;  overflow:hidden;}
.our-services i{color: #a6ce3b; font-size: 46px; float: left; padding: 8px;}
.our-services h3{font-size:18px; color:#333333; font-weight: 500; padding-top: 16px;}
.our-services p{color:#6d6d60;}

.our-services:hover{background: #a6ce3b; transition: 0.8s ease;}
.our-services:hover i{color: #ffffff;}
.our-services:hover h3{color:#ffffff;}
.our-services:hover p{color:#ffffff;}

.quote-div{text-align: center; padding: 20px 0px; max-width: 800px; margin:auto;}
.quote-div h2{color: #015788; text-align: center; padding: 20px 0px 10px 0px;}
.quote-div p{color: #666666; font-size: 18px; padding-top:0px; text-transform: none; box-sizing: border-box; 
	margin-bottom: 10px; letter-spacing: 1px;}
.quote-div .button{margin-bottom: 20px;}

.footer-div{background: #252525; padding: 22px 0px; margin: auto; overflow: hidden;}
.foot-logo-div{padding: 20px 0px;}
.foot-social-div i{font-size:22px; margin-top: 18px; padding-right:10px; color:#b3b4b8;}
.foot-social-div i:hover{color:#a6ce3b; cursor: pointer; transition: 0.5s ease;}

.foot-ctn-div h2{font-size: 24px; color: #a6ce3b; font-weight: 500; padding: 20px 0px;}
.foot-ctn-div ul{list-style: none;}
.foot-ctn-div ul li{line-height: 36px;}
.foot-ctn-div li a{text-decoration: none; font-size: 16px; font-weight: 300; color: #a8a9ad; border-bottom: 1px dashed #4c4747; padding-bottom: 4px;}
.foot-ctn-div li a:hover{color:#a6ce3b; transition: 0.5s ease; }
.foot-services{margin-left: -40px;}

.copyrit-div{background: #121212; color: #ffffff; text-align: center; padding: 18px 0px; font-weight: 200; letter-spacing: 1px;}

/* Inner Page Styles */
.innerBanner{ height: 320px; }
.innerPageCnt h1{font-size: 36px; font-weight: 500; color: #a6ce3b; padding-top: 30px;}
.innerPageCnt p{color: #666666; font-size: 18px; padding-top: 20px;}
.innerbannerTxtDiv h1{ font-size:40px; font-weight: 500; color: #a6ce3b; padding-top: 30px; text-align: right; line-height: 30px; }
.innerbannerTxtDiv h1 span{ display: block; color: #333333; font-size: 16px;  line-height: 42px;}
.innerbannerTxtDiv h1 span a{   color: #333333; text-decoration: none;}

.footerErr{color:#e55900;font-size:16px;display:none;}
.bannerPosDiv-1 {background: url(images/banner-1-a.jpg); background-size: cover; background-repeat: no-repeat; padding: 86px 0;}
.bannerPosDiv-1 .button a { background: #015788; text-decoration: none; color: #ffffff; font-weight: 400; font-size: 22px; border: none; padding: 16px 44px; border-radius: 2px; margin-top: 10px; outline: none; letter-spacing: 1px; display: inline-block;}
.bannerImg { padding: 200px 0;}
.textBox {border: 1px solid #dddddd; padding: 15px; width: 100%; box-sizing: border-box; margin-top: 10px; font-size: 16px; color: #333333; outline: none; -moz-appearance: none; text-indent: 0.01px; transition: all 0.3s ease 0s;}
.submitBtn{background: #a6ce3b; padding: 15px 20px; border: 0px; text-transform: uppercase; color: #ffffff; font-size: 20px; border-radius: 6px; margin: 3px 0px; cursor: pointer;}


.box {
    position: relative;
    width: 100%;
    transition: 5s;
    height: 250px;
    border: 2px solid #a6ce3b;
}
.box img {
    width: 100%;
}
.box:hover {
    background-position: bottom;
}
.box1 {
    background: url(./images/portfolio1.png);
    background-size: cover;
    background-position: top;
}
.box2 {
    background: url(./images/portfolio2.png);
    background-size: cover;
    background-position: top;
}
.box3 {
    background: url(./images/portfolio3.png);
    background-size: cover;
    background-position: top;
}
.box4 {
    background: url(./images/portfolio4.png);
    background-size: cover;
    background-position: top;
}
.box5 {
    background: url(./images/portfolio5.png);
    background-size: cover;
    background-position: top;
}
.box6 {
    background: url(./images/portfolio6.png);
    background-size: cover;
    background-position: top;
}
.box7 {
    background: url(./images/portfolio7.png);
    background-size: cover;
    background-position: top;
}
.box8 {
    background: url(./images/portfolio13.png);
    background-size: cover;
    background-position: top;
}
.box9 {
    background: url(./images/portfolio9.png);
    background-size: cover;
    background-position: top;
}
.box10 {
    background: url(./images/portfolio10.png);
    background-size: cover;
    background-position: top;
}
.box11 {
    background: url(./images/portfolio11.png);
    background-size: cover;
    background-position: top;
}
.box12 {
    background: url(./images/portfolio12.png);
    background-size: cover;
    background-position: top;
}

.portfolio_box:hover {
    padding: 0px;
    transition: 0.5s;
}
.portfolio_box {
    padding: 0px;
    transition: 0.5s;
    margin: 1%;
    width: 31.33%;
	height: auto;
}
.portfolio_section {
    padding: 40px 0px 60px;
}