/*Start top header*/
.ptb-50{padding: 50px 0;}
.pt-50{padding-top: 50px;}
.pb-50{padding-bottom: 50px;}
.top-header{padding: 5px;}
.top-header .header-contact ul li{display: inline-block;padding-left: 5px;color: #fff}
.top-header .header-contact ul li i{color: #39ae38;}
.top-header .header-contact ul li a{color: #fff; padding-left: 5px;text-align: center;}
.top-header .header-social-icon ul li{display: inline-block;}
.top-header .social-icon li a i{width: 25px; height: 25px; line-height: 25px;}
.single-widget img{max-width: 80%;}
.peru-nav .main-nav nav .navbar-nav .nav-item .dropdown-menu li a{padding: 8px 15px;}
/*End top header*/

/*Start header*/
.navbar{padding-top: 0;padding-bottom: 0;}
.peru-nav .main-nav{position: static;}
.footer-top-area .single-widget h3{margin-bottom: 10px;}
.top-header ul li a:hover{color: #3aae36;}
.footer-bottom-area p a{color: #fff;}
/*End header*/

/*Start breadcrumbs*/
.page-title-area{padding: 70px 0;}
/*End breadcrumbs*/

/*Start Slider*/
.hero-slider-area .hero-slider-item{padding: 100px 0 !important;}
/*End Slider*/

/*Start home page*/
body{overflow-x: hidden;}
.best-services-area .tabs-area ul li{margin-right: 20px;}
.best-services-area .tabs-area ul li:last-child{margin-right: 0;}
.best-services-area .nav-pills .nav-link{padding: 15px !important; height: 90px;}
.box-area img{width: 45px;}
.best-services-area .nav-pills .nav-link:hover i img, .best-services-area .nav-pills .nav-link.active i img {filter: brightness(0) invert(1);}
.fancy-box .single-box i, .services-section .single-box i{line-height: 60px !important;}
.single-box .single-box-img{display: none;}
.single-box:hover .single-box-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;display: block;}
.choose-area .choose-bg-area .single-box{padding: 20px !important;}
.best-service-img{margin-top: 10px;}
/*End home page*/

/*Start about page*/
.questions-area{background-color: #f7f7f7;}
.blog-details-area .article-content h3{margin-top: 0;}
.blog-details-area .article-content{margin-top: 10px;}
.financial-section{background-color: #012068;}
.financial-image img{display: block !important;width: 100%;height: 100%;background-position: top center;background-size: cover;background-repeat: no-repeat;}
/*End about page*/

/*Start contact page*/
.single-processing .processing-icon i{width: 50px;height: 50px;line-height: 50px; font-size: 25px;}
.single-processing .processing-icon{width: unset; height: 0px; top: 0px;margin:0 auto 60px;}
.single-contact-box {height: 190px;padding: 20px;}
.single-processing::before{height: 0;}
.contact-area .contact-form form .form-group{margin-bottom: 20px;}
.contact-area .contact-form form .form-control{height: 45px;}
.help-block.with-errors{margin-top: 0;}
.map iframe{height: 400px;}
.single-contact-box .content-title a{display: inline-block !important;}
/*End contact page*/

/*Start Service page*/
#container {position: relative;max-width: 80%;box-sizing: border-box;margin: 0 auto;}
.step-wizard {display: inline-block;position: relative;width: 100%;}
.step-wizard .process {position: absolute;top: 20px;left: 12.5%;width: 75%;}
.step-wizard .progressbar {position: absolute;background-color: #012068;opacity: 1;height: 3px;width: 0%;-webkit-transition: width 0.6s ease;-o-transition: width 0.6s ease;transition: width 0.6s ease;}
.step-wizard .progressbar.empty {opacity: 1;width: 100%;background-color: #012068;}
.step-wizard ul {width: 100%;list-style-type: none;padding: 0;left: -2%;}
.step-wizard li {display: inline-block;text-align: center;width: 24%;}
.step-wizard li .step {text-align: center;display: inline-block;font-size: 18px;font-weight: bold;line-height: 34px;width: 40px;height: 40px;border-radius: 50%;border: 3px solid;border-color: #d0d0d0;background: #ffffff;-webkit-transition: background-color 0.6s ease, border-color 0.6s ease;-o-transition: background-color 0.6s ease, border-color 0.6s ease;transition: background-color 0.6s ease, border-color 0.6s ease;}
.step-wizard li .title {text-decoration: underline;width: 100%;padding-top: 10px;color: #767676;-webkit-transition: color 0.6s ease;-o-transition: color 0.6s ease;transition: color 0.6s ease;}
.step-wizard li.active .step {border-color: #39ae38;color: #012068;}
.step-wizard li.active .title {text-decoration: none;color: #012068;font-weight: bold;}
.step-wizard li.done .title {color: #012068;}
.step-wizard li.done .title:hover {color: #012068;}
.step-wizard li.done .step {color: white;background-image: linear-gradient(to right, #8fd913, #39ae38);border-color: #39ae38;}
.step-wizard li > button {background: none;border: none;display: block;width: 100%;color: #777;position: relative;text-align: center;}
.step-wizard li > button:hover .step {border-color: #39ae38;background: #eee;color: #012068;}
.step-wizard li > button:hover .title {color: #012068;}
.step-wizard li.done button div.step {font-size: 0;}
.step-wizard li.done button div.step::before {content: "\2713 ";font-size: 25px;}
/* .service-list-pro ul li i{width: 15px !important; height: 15px !important; line-height: 15px !important;font-size: 9px !important; top: 7px !important;} */
/* .service-list-pro ul li{padding-left: 25px;} */
.service-details .blog-details-desc ul li i {position: absolute;left: 0;color: #ffffff;display: inline-block;background-color: #012068;text-align: center;border-radius: 4px;width: 15px !important; height: 15px !important; line-height: 15px !important;font-size: 9px !important; top: 7px !important;}
.service-details ul li{padding-left: 25px;position: relative;font-size: 16px;font-weight: 500;color: #012068;margin-bottom: 10px;}
.service-pro span, .service-list-pro span{font-weight: 700;font-size: 15px; color: #3aae36;}
.best-services-area .single-box{padding: 15px;}

.single-box i, .single-box i::after{width: 70px; height: 70px;line-height: 70px;font-size: 40px;}
.services-section .single-box:hover {background: linear-gradient(to bottom, rgba(1, 32, 104, 0.5), transparent);}
.single-box.single-box-2 p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.next-prev-btn{padding-top: 10px;}
/*End Services page*/

/*Start services details*/
.about-page-section .service-list-pro ul li i{width: 15px !important;height: 15px !important;line-height: 15px !important;font-size: 9px !important;top: 7px !important;position: absolute;top: 0;left: 0;color: #ffffff;display: inline-block;width: 25px;height: 25px;line-height: 25px;background-color: #012068;text-align: center;border-radius: 4px;}
.service-details .our-services .faq-accordion .accordion .accordion-title i{right: 0;left: unset;font-size: 24px;}
.service-details .our-services .sub-services .sub-services-name{padding-left: 20px;}
.service-details .our-services .faq-accordion .accordion .accordion-title.active i{background-color: #96C99C;}
.service-details .our-services .faq-accordion .accordion .accordion-item {position: relative;}
.service-details .our-services .faq-accordion .accordion .accordion-item .services-arrow{position: absolute;right: 0;top: 0;width: 40px;text-align: center;height: 100%;background: #faf5f5;color: #3aae36;font-size: 14px;transition: 0.5s;border: 1px solid #012068;cursor: pointer;padding: 12px;}
.service-details .our-services .sub-services .sub-services-name a{padding: 5px;color: #012068;}
.service-details .widget-area .widget{background-color: #96C99C5E;padding: 40px;}
.service-details .faq-accordion .accordion .accordion-title.active i::before{content: "\f103";}
.service-details .faq-accordion .accordion .accordion-content{padding: 10px;}
.service-details .faq-accordion .accordion .accordion-title{padding: 12px 20px;}
.service-details .widget-area .widget .widget-title{font-size: 25px;}
.service-details .our-services .sub-services .sub-services-name a:hover{color: #39ae38;padding-left: 15px;}
.service-details #secondary{position: sticky;left: 0;top: 0;}
.best-services-area .nav-pills .nav-link:hover i img, .best-services-area .nav-pills .nav-link.active i img,.services-section .single-box:hover i img,.fancy-box .single-box:hover i img{filter: brightness(0) invert(1);}
/*End services details*/

/*Start Thankyou Page*/
.thank-you .wrapper-2 {padding: 30px;text-align: center;box-shadow: 0 0 11px 3px rgba(0, 0, 0, 0.05);}
.thank-you .wrapper-2 .fa-check::before{font-size: 50px;color: #39ae38;}
/*End Thankyou Page*/


/* call to action  */
.clearfix {
clear: both;
}

#contact-cta-section {
padding: 35px 0 35px 0;
width: 100%;
text-align: center; 
}

.wrapper-full {
  position: relative;
width: 1050px;
margin: 0 auto;
}
.contact-cta-section{background-color: #3aae3673;padding: 20px 0;}

.cta-wrapper .details-wrapper {
float: left;
}
.cta-wrapper .details-wrapper h2 {
font-weight: 600;
margin: 0 0 4px 0;
color: #012068;
font-size: 27px;
}
.cta-wrapper .details-wrapper p {
font-size: 18px;
color: #012068;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.cta-wrapper .blue-cta-button {
padding: 17px 50px;
text-transform: uppercase;
background-color: #93CC76;
color: #FFF;
letter-spacing: 0.1em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
font-weight: 600;
display: inline-block;
white-space: pre;
margin: 31px 0 25px 0;  
float: right;
margin: 0;
color: #3686BE;
background-color: #FFF;
padding: 17px 0;
width: 40%;
text-align: center;
}

.trigger{
    text-align: center;
    padding: 7px 13px;
    color: #fff;
    font-size: 15px;
    outline: none;
    border: none;
    border-radius: 5px;
    font-family: cursive;
}

.modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.5);	
}
.modal-content {
    background-color: #fff;
	margin: 5% auto;
	padding: 30px;
	border-radius: 8px;
	width: 80%;
	max-width: 500px;
	position: relative;
}
.close-button {
    position: absolute;
	top: 10px;
	right: 15px;
	font-size: 24px;
	cursor: pointer;
}
.close-button:hover {
    color: #012068;
}
.show-modal {
    display: block;
}


.checkout-area .billing-details .form-group .nice-select .list{height: 300px !important; overflow-y: scroll !important;}

.gallery-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}
.gallery-item {
    flex-basis: 32.7%;
    margin-bottom: 6px;
    opacity: .85;
    cursor: pointer;
}
.gallery-item:hover {
    opacity: 1;
}
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-content {
    font-size: .8em;
}

.lightbox {
    position: fixed;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;              
    overflow: auto;
    top: 0;
    left: 0;
}
.lightbox-content {
    position: relative;
    width: 70%;
    height: 70%;
    margin: 9% auto;
}
.lightbox-content img {
    border-radius: 7px;
    box-shadow: 0 0 3px 0 rgba(225, 225, 225, .25);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lightbox-modal .modal-content{width: 100% !important; max-width: 100% !important;}
.lightbox-prev,
.lightbox-next {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 7px;
    top: 45%;
    cursor: pointer;
}
.lightbox-prev {
    left: 0;
}
.lightbox-next {
    right: 0;
}
.lightbox-prev:hover,
.lightbox-next:hover {
    opacity: .8;
}

#contact-cta-section .default-btn{background-image: linear-gradient(to right, #1d225d, #1d225d8f) !important;}
#contact-cta-section .default-btn:hover{background-image: linear-gradient(to right, #8fd913, #39ae38) !important;}
textarea.form-control{height: 120px !important;}
.nice-select.open .list{width: 100% !important;}
.nice-select .option.disabled{color: #1d225d;
    cursor: default !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    background-color: #3aae3673 !important;}
@media only screen and (max-width: 767px) {
    .gallery-container {
        width: 100%;
    }
    .gallery-item {
        flex-basis: 49.80%;
        margin-bottom: 3px;
    }
    .lightbox-content {
        width: 80%;
        height: 60%;
        margin: 15% auto;
    }
}
@media only screen and (max-width: 480px) {
    .gallery-item {
        flex-basis: 100%;
        margin-bottom: 1px;
    }
    .lightbox-content {
        width: 90%;
        margin: 20% auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.services-section .single-box.single-box-2 h3{font-size: 15px;}
	/* .choose-area .single-box, .fancy-box .single-box{height: 300px;} */
	.service-details .widget-area .widget{padding: 20px !important;}
}
@media only screen and (min-width: 576px) and (max-width: 1199px){
	.single-contact-box{height: 210px;}
	.best-services-area .nav-pills .nav-link{width: 200px !important;height: 90px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.best-services-area .nav-pills .nav-link{width: 150px !important; height: 90px;font-size: 11px;padding: 10px !important;}
	.best-services-area .nav-pills .nav-link i{font-size: 25px;}
	.footer-bottom-area .social-icon{margin-top: 0 !important;}
	.top-header .header-contact ul li a{font-size: 13px;}
	.client-img img{width: 90% !important;}
	.testimonial .client-img{text-align: center;padding-top: 35px;}
	.choose-bg-area div[class^="col-"]{margin-bottom: 15px;}
}
@media only screen and (min-width: 576px) and (max-width: 991px){
	.best-services-area .single-box{padding: 15px;}
	.footer-top-area {padding-bottom: 20px;}
	.financial-section div[class^="col-"]:nth-child(3) {order: 4;}
	.financial-section div[class^="col-"]:nth-child(4) {order: 3;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.best-services-area .tabs-area ul li:last-child{margin-right: 20px;}
	.best-services-area .nav-pills .nav-link{width: 200px !important;height: 90px;}
	.footer-bottom-area .social-icon{margin-top: 0 !important;}
	.top-header .header-contact ul li a{font-size: 12px;}
	.top-header .social-icon li a i{width: 20px;height: 20px;line-height: 20px;}
    .hero-slider-area .hero-slider-item .hero-slider-text h1{font-size: 25px !important;margin-bottom: 10px !important;}
  	/* .choose-area .single-box{height: 300px;} */
  	.top-header .header-contact{text-align: center;}
}
@media only screen and (min-width: 320px) and (max-width: 575px){
	.top-header .header-contact{text-align: center;}
	.top-header .header-contact ul li{font-size: 11px;}
	.top-header .social-icon li a i{width: 20px; height: 20px; line-height: 20px;}
	.footer-bottom-area .social-icon{margin-top: 0 !important;}
	.best-services-area .tabs-area ul li{margin-right: 0px;}
	.service-details .widget-area .widget{padding: 30px;margin-bottom: 35px;}
	.faq-accordion .accordion .accordion-title{font-size: 16px;}
	.service-details .faq-accordion .accordion .accordion-title{padding: 12px 15px;}
	#container{max-width: 100%;}
  	.hero-slider-area .hero-slider-item .hero-slider-text h1{margin-top: 0;}
}
@media only screen and (max-width: 991px){
	.mt-30{margin-top: 30px;}
	.peru-nav .navbar-area .mobile-nav .mobile-view-logo{width: 150px;}
	.mean-container .mean-nav ul li a.mean-expand{width: 20px !important; text-align: left !important; margin-top: 0 !important;}
	.service-details .service-pro .about-title{margin-bottom: 0;}
	.about-title{margin-bottom: 0 !important;}
	.blog-details-desc .article-content h3{margin-top: 0 !important;}
	.best-services-area .best-service-area ul{margin-bottom: 10px !important;}
}
@media only screen and (max-width: 767px){
	.about-title {margin-bottom: 0!important;}
	.widget-area .widget:first-child{margin-top: 0!important;}
	.about-page-section .blog-details-desc .article-content h3{margin-top: 10px;line-height: 0.5;}
	.footer-top-area .single-widget{margin-bottom: 0px;}
	.footer-top-area .single-widget h3{margin-top: 10px;}
}
@media only screen and (max-width: 375px) {
	.step-wizard li {width: 24%;}
	.step-wizard li .title{font-size: 12px;}
	#pills-tab li:last-child{margin-top: -20px;}
}
@media only screen and (min-width: 600px) {
  .thank-you .wrapper-2 {max-width: 600px;margin: 0 auto;}
}
@media only screen and (min-width: 992px){
	.peru-nav .main-nav nav .navbar-nav .nav-item .dropdown-menu{width: 230px !important;}
	.hero-slider-area{margin-top: -2% !important;}
	/*.hero-slider-area{top: -5% !important;}*/
}