:root{
	--green-mcc:#48d000;
	--deep-blue-mcc:#04193c;
	--blue-mcc:#0042b0;
	--blue-mcc-v1:#0a51c6;
	--white-mcc:#ffffff;
	--black:#000000;
	--black-mcc-v1:#424242;
	--black-mcc-v2:#3e3e3e;
	--black-mcc-v3:#161616;
	--golden-mcc:#ffb539;
	--light-gray-mcc:#e3e3e3;
	--body-font:"Roboto", sans-serif;
	--header-font: "Patua One", serif;
}
body {
	padding-top: 0px;
	padding-bottom: 0px;
	/*-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
	font-family: var(--body-font);
	position:relative;
}
a,
a:active,
a:focus,
button,
button:focus,
button:active,
.btn,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
	outline: none;
	outline: 0;
}
 input::-moz-focus-inner {
 border: 0;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}
li a:hover {
	text-decoration:none;
}
.no-resize {
	resize:none !important;
}
input[type="file"].form-control {
	height:auto !important;
}

/********************************************************
********************************************************/
.header_top{
	border-top: var(--green-mcc) 5px solid;
	padding-top: 16px;
	padding-bottom: 14px;
}
.con_list{
	padding: 0;
	margin: 0;
	list-style: none;
}
.con_list li{
	padding: 0 35px 0 65px;
	margin: 0 35px 0 0;
	display: inline-block;
	position: relative;
}
.con_list li a{
	text-decoration: none;
}
.con_list li .icon_area{
	width: 59px;
	height: 59px;
	border: var(--green-mcc) 1px solid;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	line-height: 57px;
}
.con_list li p, .con_list li a p{
	color: var(--black-mcc-v2);
	font: 600 20px/1 var(--body-font);
}
.con_list li h6, .con_list li a h6{
	color: var(--black-mcc-v3);
	font: 500 22px/1 var(--body-font);
	transition-duration: .5s;
	-o-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.con_list li.phone_N h6, .con_list li.phone_N a h6{
	font-size: 26px;
}
.con_list li a:hover h6{
	color: var(--green-mcc);
	transition-duration: .5s;
	-o-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.con_list li:last-child{
	padding: 0 0 0 65px;
	margin: 0 0 0 0;
}
.header_menu {
    height: 35px;
}

.header_menu .header_area{
	width: 100%;
	height: auto;
	background-color: var(--blue-mcc);
	border-radius: 12px;
	padding: 0 10px;
	position: absolute;
	z-index: 2;
}
.btn-green {
    width: auto;
    color: var(--white-mcc);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    border: var(--green-mcc) 1px solid;
    padding: 13px 27px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    display: inline-block;
	background: var(--green-mcc);
}
.btn-green:focus, .btn-green:hover {
	background: var(--white-mcc);
	   color: var(--green-mcc);
	   border: var(--green-mcc) 1px solid;
	   transition-duration: 0.5s;
	   -webkit-transition-duration: 0.5s;
	   outline: 0;
   }
.btn-blue {
    width: auto;
    color: var(--white-mcc);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    border: var(--blue-mcc) 1px solid;
    padding: 13px 27px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    display: inline-block;
	background: var(--blue-mcc);
}
.btn-blue:focus, .btn-blue:hover {
	background: var(--white-mcc);
	   color: var(--blue-mcc);
	   border: var(--blue-mcc) 1px solid;
	   transition-duration: 0.5s;
	   -webkit-transition-duration: 0.5s;
	   outline: 0;
   }

   .overlay{
	width: 43%;
	height: 520px;	
	position: absolute;
	left: 5.5%;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 2;
	margin-bottom: auto !important;
   }
   .overlay h1{
	 font: 400 70px/1.1 var(--header-font);
	 color: var(--white-mcc);
	 margin-bottom: 30px;
   }
   .overlay h1 span{
	 color: var(--green-mcc);
   }
   .overlay p{
	 font: 400 35px/1.2 var(--body-font);
	 color: var(--white-mcc);
	 margin-bottom: 35px;
   }
#banner-carousel .item:after{
	width: 80%;
	height: 100%;
	background: #000E24;
	background: linear-gradient(90deg,rgba(0, 14, 36, 1) 0%, rgba(0, 14, 36, 0) 100%);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.z-index2{
	position: relative;
	z-index: 2;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
	position:absolute;	
}

#banner-carousel .owl-nav .owl-prev,
#banner-carousel .owl-nav .owl-next {
	top:0;
	bottom:0;
	margin:auto;
	width:20px;
	height:20px;
	font-size:2em;
	color:#4670bb;
	cursor: pointer;
}
#banner-carousel .owl-nav .owl-prev {
	left:5%;
}
#banner-carousel .owl-nav .owl-next {
	right:5%;
}
#banner-carousel .owl-dots {
	position: absolute;
	bottom: 60px;
	left: 5.5%;
	margin: 0;
}
#banner-carousel .owl-dots, #banner-carousel .owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
#banner-carousel .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
}
#banner-carousel .owl-dots .owl-dot span, #banner-carousel .owl-dots .owl-dot span {
	width: 25px;
	height: 8px;
	margin: 4.5px 5px;
	background: rgba(255,255,255,.2);
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 6px;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
#banner-carousel .owl-dots .owl-dot:hover span, #banner-carousel .owl-dots .owl-dot.active span {
	background: rgba(255,255,255,1);
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
#banner-carousel .owl-controls .owl-page.active span {
	filter: Alpha(Opacity=100);
	opacity: 1;
}

/********************************************************
********************************************************/
section{
	padding-top: 65px;
	padding-bottom: 65px;
}
.headline{
	margin-bottom: 40px;
}
h2.headline{
	font: 400 60px/1 var(--header-font);
	color: var(--blue-mcc);
}
.about_img_area{
	position: relative;
}
.about_img_area .about_img{
	width: 68%;
	height: auto;
}
.about_img_area .about_img img{
	width: 100%;
	height: auto;
	border-radius: 30px;
}
.about_img_area .about_img1 {
    width: 360px;
    height: 360px;
    border-radius: 50%;
    border: var(--green-mcc) 15px solid;
    overflow: hidden;
    position: absolute;
    right: 59px;
    bottom: -40px;
}
.about_sec p{
	font: 400 24px/1.3 var(--body-font);
	color: var(--black-mcc-v1);
}
.about_sec .btn-blue{
	margin-top: 40px;
}
/********************************************************
********************************************************/
.blue_sec{
	background-color: var(--blue-mcc);
}
.services_sec{
	padding-bottom: 10px;
}
.services_sec .headline{
	margin-bottom: 80px;
}
.blue_sec  h2.headline, .green_bg  h2.headline{
	color: var(--white-mcc);
}
.service_area{
	width: 100%;
	height: auto;
	background-color: var(--blue-mcc-v1);
    padding: 60px 25px 50px;
	border-radius: 25px;
	position: relative;
	margin-bottom: 85px !important;

}

.service_area:before{
	width: 118px;
	height: 69px;
	background: url(../img/service_ico_bg.png) no-repeat;
	content: "";
	position: absolute;
	top: 0;
	left: -1px;
}
.service_area:after{
	width: 79px;
	height: 69px;
	background: url(../img/service_arrow_bg.png) no-repeat;
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
}
.service_area .service_ico {
    width: 86px;
    height: 86px;
    background-color: var(--blue-mcc-v1);
    border-radius: 25px;
    position: absolute;
    left: 0;
    top: -48px;
    text-align: center;
    line-height: 86px;
}

.service_area .arrow_ico {
    width: 48px;
    height: 48px;
    background-color: var(--green-mcc);
    border-radius: 50%;
    position: absolute;
	color: var(--white-mcc);
	font-size: 24px;
    right: 0;
    bottom: -10px;
    text-align: center;
    line-height: 47px;
	z-index: 2;
}
.service_area .arrow_ico i{
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transition-duration: .5s;
	-o-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.service_area .arrow_ico:hover i{
	transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transition-duration: .5s;
	-o-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.service_area h4{
	font: 700 26px/1.2 var(--body-font);
	color: var(--white-mcc);
	min-height: 55px;
	margin-top: 12px;
}

/********************************************************
********************************************************/
.calculator_area{
	width: 100%;
	height: auto;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	padding: 65px 40px;
}

.calculator_area::after{
	width: 100%;
	height: 100%;
	background: #000000;
	background: linear-gradient(90deg,rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%);
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}
.calculator_form{
	width: 47%;
	height: auto;
	background-color: var(--blue-mcc);
	border-radius: 25px;
	color: var(--white-mcc);
	position: relative;
	z-index: 2;
	padding: 50px 50px 50px 50px;
	box-shadow: 0px 0px 0px 9px rgba(255,255,255,0.12);
-webkit-box-shadow: 0px 0px 0px 9px rgba(255,255,255,0.12);
-moz-box-shadow: 0px 0px 0px 9px rgba(255,255,255,0.12);
}

.calculator_form h5{
	font: 700 21px/1 var(--body-font);
	text-transform: uppercase;
	color: var(--white-mcc);
	margin-bottom: 20px;
}
.calculator_form h5 img{
	margin-right: 8px;
}
.calculator_form h3{
	font: 400 44px/1 var(--header-font);
	text-transform: uppercase;
	color: var(--white-mcc);
	margin-bottom: 40px !important;
}
.calculator_form label{
	font: 600 16px/1 var(--body-font);
	margin-bottom: 15px;
	display: block;
}
.form-control {
    display: block;
    width: 100%;
    height:56px;
    padding: 6px 15px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #000;
	font-family: var(--body-font);
    background-color: var(--white-mcc);
    background-image: none;
    border: 1px solid var(--white-mcc);
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-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-duration: 1s;
    -webkit-transition-duration: 1s;
	
	
}

textarea.form-control {
    height: 100px;
}

	
.form-control:focus {
     border-color: var(--green-mcc);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(72,208,0,.075), 0 0 8px rgba(72,208,0,.6);
    box-shadow: inset 0 1px 1px rgba(72,208,0,.075), 0 0 8px rgba(72,208,0,.6);
	background-color: var(--white-mcc);
	transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
	
}
.select_area{
	position: relative;
}
.select_area:after{
	width: 11px;
	height: 9px;
	background: url(../img/arrow_D.png) no-repeat;
	content: "";
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 2;
}
.btn-white, input[type=submit] {
    width: auto;
    color: #101010;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
	font-family: "Roboto", sans-serif;
    border: var(--white-mcc) 1px solid;
    padding: 15.5px 38px;
    font-size: 19px;
    font-weight: 700;
    text-decoration: none;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    display: inline-block;
	background: var(--white-mcc);
}
.btn-white:focus, .btn-white:hover, input[type=submit]:hover, input[type=submit]:focus {
	background: var(--white-mcc);
	   color: #101010;
	   border: var(--white-mcc) 1px solid;
	   transition-duration: 0.5s;
	   -webkit-transition-duration: 0.5s;
	   outline: 0;
   }
   .btn-white img{
	margin-left: 9px;
	transition-duration: 0.5s;
	   -webkit-transition-duration: 0.5s;
   }
   .btn-white:hover img{
	margin-left: 15px;
	transition-duration: 0.5s;
	   -webkit-transition-duration: 0.5s;
   }

/********************************************************
********************************************************/
.green_bg{
	background-color: var(--green-mcc);
}
/********************************************************
********************************************************/
.Testimonials_area{
	width: 95%;
	height: auto;
	padding-left: 111px;
	margin: 0 auto;

}
.Testimonials_area .Testimonials_txt_area{
	width: 100%;
	height: auto;
	background-color: var(--white-mcc);
	padding: 61px 100px 90px 180px;
	border-radius: 20px;
	box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.2);
 position: relative;
}
.Testimonials_area .Testimonials_txt_area .Testimonials_img{
	width: 330px;
	height: 338px;
	text-align: center;
	position: absolute;
	left: -165px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.Testimonials_area .coma{
	margin-bottom: 20px;
}
.Testimonials_area .coma img{
	width: 75px;
	height: 66px;
}
.Testimonials_area p{
	font: 400 20px/1.2 var(--body-font);
	color: var(--black-mcc-v1);
}
.Testimonials_area h4{
	font: 400 28px/1.2 var(--header-font);
	color: #1e1e1e;
}
.Testimonials_area .user_name p span{
	font: 400 16px/1.2 var(--body-font);
	color: #7e7e7e;
}
.Testimonials_area .rating_area a{
	text-decoration: none;
	color: var(--golden-mcc);
	transition-duration: 0.5s;
	   -webkit-transition-duration: 0.5s;
}
.Testimonials_area .rating_area a:hover{
	text-decoration: none;
	color: var(--green-mcc);
	transition-duration: 0.5s;
	   -webkit-transition-duration: 0.5s;
}

#testimonials-carousel .owl-dots {
   position: absolute;
    top: 0;
    bottom: 0;
    right: 35px;
    margin: auto;
    width: 38px;
    height: 90px;
}

#testimonials-carousel .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#testimonials-carousel .owl-dots .owl-dot {
    display: initial;
    zoom: 1;
}

#testimonials-carousel .owl-dots .owl-dot span, 
#testimonials-carousel .owl-dots .owl-dot span {
	width: 10px;
    height: 10px;
    margin: 8px 1.5px;
	border: #dedede 1px solid;
    background:#dedede;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

#testimonials-carousel .owl-dots .owl-dot.active span, 
#testimonials-carousel .owl-dots .owl-dot:hover span {
    background: #0042b0;
    border: #0042b0 1px solid;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

#testimonials-carousel .owl-controls .owl-page.active span, #testimonials-carousel .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
}
/********************************************************
********************************************************/
.big_footer{
	padding-top: 25px;
	padding-bottom: 45px;
	background-color: var(--deep-blue-mcc);
}

.big_footer p {
	font: 400 20px/1.5 var(--body-font);
    color: var(--light-gray-mcc);
}
.big_footer .footer_about p {
    margin-right: 0;
}
.big_footer .contact-info {
    position: relative;
    left: -50px;
}

.big_footer .footer_logo_area{
	display: inline-block;
	margin-bottom: 25px;
}
.social_list {
    margin: 0;
}
 .social_list li{
	display: inline-block;
	margin: 0 5px;
}

.social_list li a i, .social_list li a img{
	transform: rotate(0deg);
	transition-duration: 1s;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.social_list li a:hover i, .social_list li a:hover img{
	transform: rotate(360deg);
	transition-duration: 1s;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.big_footer .social_list li a {
    width: 61px;
    height: 61px;
    background-color: #0d2753;
    line-height: 60px;
    font-size: 27px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 50%;
}

.big_footer h4 {
    font: 400 36px/1 var(--header-font);
    color: var(--white-mcc);
    margin-top: 30px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    position: relative;
}
.big_footer h4:after{
	width: 54px;
	height: 3px;
	background-color: var(--green-mcc);
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;

}

.footer_menu, .horizontal_menu{
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer_menu li{
	width: 49%;
	padding: 0 0 17px 0;
	margin: 0;
	display: inline-block;
}
.horizontal_menu li{
	padding: 0 15px 0 15px;
	margin: 0;
	display: inline-block;
}
.footer_menu li a, .horizontal_menu li a{
	font: 400 20px/1 var(--body-font);
	color: var(--light-gray-mcc);
	transition-duration: .5s;
	-o-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	text-decoration: none;

}
.footer_menu li a:hover, .footer_menu li.active a, .horizontal_menu li a:hover, .horizontal_menu li.active a{
	color: var(--green-mcc);
	transition-duration: .5s;
	-o-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
footer hr {
    opacity: 1;
    border-color: #193664;
	margin: 20px 0 40px;
}
.big_footer .contact-info p {
    position: relative;
    padding-left: 35px;
    margin-bottom: 17px;
}
.big_footer .contact-info p span{
	position: absolute;
	left: 0;
}

.big_footer .contact-info p i{
    position: absolute;
    left: 0;
    top: 5px;
	color: var(--main-green-BCN);
}
.big_footer .contact-info p a{
	color: var(--light-grey-BCN-v1);
	text-decoration: none;
	transition-duration: .5s;
	-o-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.big_footer .contact-info p a:hover{
	color: var(--main-green-BCN);
	text-decoration: none;
	transition-duration: .5s;
	-o-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.copy_footer{
	background: #082047;
	padding: 30px 0;
	text-align: center;
}
.copy_footer p{
	font: 400 20px/1 var(--body-font);
	color: var(--light-gray-mcc);
	margin-bottom: 0;
	display: inline-block;
	width: auto;
}
.copy_footer p a{
	color: var(--light-gray-mcc);
	text-decoration: none;
	transition-duration: .5s;
	-o-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.copy_footer p a:hover{
	color: var(--green-mcc);
	transition-duration: .5s;
	-o-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;

}
/********************************************************
********************************************************/
.container {
    float: none;
    margin: 0 auto !important;
}

/********************************************************
********************************************************/

/********************************************************
********************************************************/

/********************************************************
********************************************************/

/********************************************************
********************************************************/

/********************************************************
********************************************************/

/********************************************************
********************************************************/
.outersection {
    min-height: 100vh;
    position: relative;
    height: auto;
}
#innercontainer {
    padding-bottom: 530px;
    overflow-x: hidden;
}
footer {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
   
}
/********************************************************
********************************************************/
.stellarnav.mobile.right > ul {
	z-index: 99;
}
.cf7-cf-turnstile + br{display:none!important;}
.calculator_area{
	background-size:cover!important;
}
@media (min-width:1920px){.container{max-width:1720px}}
/* @media (min-width:1200px){.container{max-width:1170px}} */
/********************************************************
********************************************************/
