/*
	Theme Name: Alliednation Theme
	Theme URI: 
	Description: HTML5 Blank WordPress Theme
	Version: 1.0
	Author: Hosefa Saleh
	Author URI: 
	Tags: Blank, HTML5, CSS3


/* font awesome svg setup for using in psuedo element */
.icon::before {
    display: none;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.icon::after {
    display: none;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
/** bootstrap inner row breakout of container full width **/
.breakout-container{width:100vw;position:relative;left:calc(-1 * (100vw - 100%) / 2);}
/** bootstrap inner fullwidth block end **/

/**** common styles ******/
html { scroll-behavior: smooth; }
html,body{font-family: 'Chivo', 'Helvetica', 'Arial', sans-serif; font-size: 15px; line-height: 24px; }
ul{margin-bottom:0;}
.p-40{padding-top:40px;padding-bottom: 40px;}
.p-30{padding-top:40px;padding-bottom: 30px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 1rem;}
/* .text-primary{color:rgb(14, 144, 228) !important;} */
.col-md-6 img.img-fluid{margin-bottom: 0.5rem;}
.text-warning{color:#fcf000 !important;}
.title-heading{font-size: 36px;line-height: 40px; color: #177ee5; font-weight:400; margin-bottom: 2.5rem;}
.test-m{font-weight:600;}
.text-xl {line-height: 55px;font-size: 40px !important;}
.text-s{line-height: 23px;font-size: 13px !important;font-weight:200;}
.starter{margin-top: 130px;}
.starter.blog, .starter.post{margin-top:132px;} /* 46px extra for heading */
.unique-loop img.size-medium{max-height:200px; margin-bottom: 0.5rem;}
.title-heading-bold{color: #177ee5;font-size: 36px;line-height: 40px;font-weight: 600;}
.thin-text{font-weight:300;}
.form-control{font-weight:300;}
.accordion button.btn-link {
    text-decoration: none;
}
.f-19 {font-size: 19px !important;}
.f-33 {font-size: 33px !important;}
.f-36 { font-size: 36px !important; }
.shadow-2 {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}
.boxed-inverse.type2 {
    border: none;
    padding: 25px;
    min-height: 249px;
}
.boxed-inverse.type2 p {
    font-size: 13px;
}
.boxed-inverse {
    background: #ffffff;
    color: #000000;
    border: 1px solid #177ee5;
    padding: 60px;
    border-radius: 4px;
}
#sixth-section, #eighth-section, #eleventh-section {
    background-color: #f7f7f7;
}
.blue-white-right{
    background: -moz-linear-gradient(360deg, rgba(71,145,206,1) 0%, rgba(71,145,206,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(71,145,206,1)), color-stop(50%, rgba(71,145,206,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(360deg, rgba(71,145,206,1) 0%, rgba(71,145,206,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(360deg, rgba(71,145,206,1) 0%, rgba(71,145,206,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(360deg, rgba(71,145,206,1) 0%, rgba(71,145,206,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* ie10+ */
    background: linear-gradient(90deg, rgba(71,145,206,1) 0%, rgba(71,145,206,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4791ce', endColorstr='#ffffff',GradientType=1 ); /* ie6-9 */     
}
.border-heading:after{
    content: "";
    height: 1px;
    width: 30%;
    background-color: #ffb404;
    display: block;
    margin-top: 15px;
    margin-bottom: 5px;
}
.cityinfolink .list-unstyled{margin-bottom:0;}
.cityinfolink .list-unstyled i{color: #177ee5;}
#first-2col-section .list-unstyled i{color: #177ee5;}
.btn-xs{padding: 5px 10px 3px 10px;font-size: 11px;}
/**** common styles end ******/

/*** Border Service Icon Box section ***/
.service-iconbox2{position:relative;}
.service-iconbox2 h3{font-size:18px;}
.service-iconbox2 .iconposition{top: -32px; left: calc(50% - 26px); border:12px solid #fff; background-color:#fff;}
.service-iconbox2 .iconposition .icon{height:34px; width:34px; fill: #177ee5; transition: all 0.2s;}
.service-iconbox2 .iconposition .icon:hover{height:38px; width:38px;}
/*** Border Service Icon Box section ***/

/*** timeline section ***/
.timeline:before{top: 0; bottom: 0; position: absolute; content: " "; width: 1px; background-color: #CECECE; left: 50%; margin-left: -1.5px;}
.timeline > li{display: table; position: relative;}
.timeline > li > .timeline-badge{width: 20px;height: 20px;line-height: 50px;position: absolute;top: 32px;left: 50%;margin-left: -11px;z-index: 9;border-radius: 50%;border: 5px solid #FFFFFF;}
.timeline > li > .timeline-panel{padding: 40px;border-radius: 6px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);width: 47%;float: left;background: #FFF;position:relative;}
.timeline > li.timeline-inverted > .timeline-panel{float:right;}
.arrow-direction{position: absolute;top: 29px;right: -14px;width: 0;height: 0;border-style: solid;border-width: 12.5px 0 12.5px 15px; border-color: transparent transparent transparent #ffffff;
}
.timeline > li.timeline-inverted .arrow-direction{ left: -14px; border-width: 12.5px 15px 12.5px 0; border-color: transparent #ffffff transparent transparent;
}
@media (max-width:767px){
    .timeline > li > .timeline-panel{width:100%;}
    .timeline > li > .timeline-badge{top:-10px;}
}
/*** timeline section ***/

/*** why choose us section ***/
.whychooseinfo .heading-text{font-size:18px;line-height:25px;margin-bottom:5px;}
.leftpart .whychooseinfo.left-content .border-right{text-align:right;}
@media (max-width:991px){
    .leftpart .whychooseinfo.left-content .border-right{border-left: 1px solid #dee2e6 !important;border-right: none !important;text-align:left;}
}
/*** why choose us section end ***/

/*** animated Imagbox section ***/
.anim-img-box{overflow: hidden;border-radius: 0.5rem;}
.anim-img-box .bg-image img{min-width:100%;}
.anim-img-box .bg-image:before{position:absolute;left:-100%;top:0;height:100%;width:100%;content: "";background-color:#000;opacity:0.3;border-radius: .25rem !important; -webkit-transition: all 0.5s; transition: all 0.5s;}
.anim-img-box .bg-image:hover:before{left:0;}
.anim-img-box .covertext{top:15%;left: -150%; -webkit-transition: all 0.5s; transition: all 0.5s;text-decoration: none;width: 100%; height:100%;}
.anim-img-box .covertext h2{font-size: 1.4rem;margin-left:28%;margin-top:25%;}
.anim-img-box:hover .covertext{top:0;left:0;}
@media (min-width:576px){
    .anim-img-box:hover .covertext h2{margin-left:10%;margin-top:15%;}
}
@media (min-width:768px){
    .anim-img-box:hover .covertext h2{margin-left:4%;margin-top:15%;}
}
/*** animated Imagbox end ***/

/**** Single Icon Service Box ******/
.security-guard-reviews-testimonials .singleiconservice{min-height:auto;}
.security-guard-reviews-testimonials .singleiconservice .text-m{font-size:27px;}
.singleiconservice{min-height:240px;}
.singleiconservice svg.icon{height:45px;width:45px; margin: 2.5px 0;fill: #0e90e4; transition:all 0.2s;}
.singleiconservice svg.icon:hover{height:50px;width:50px; margin: 0;}
/**** Single Icon Service Box end ******/

/*** background half cover area ***/
.bg-cover{overflow:hidden;height:100%; width:100%;}
.bg-cover .full-cover-img{min-height:100%;min-width:100%; object-fit:cover;}
.layer-overbg{z-index:9; top:0; left:0; width:100%;height:100%;}
.layer-overbg .embed-responsive{display:none;}
.icon-cover-bg{
    font-size: 70px;
    margin-top: calc(50% - 110px);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;    
}
.icon-cover-bg i{cursor:pointer;}
@media (max-width:575px){
    .bg-cover{max-height:350px;}
}
/*** background half cover area end ***/

/*** Map Section ***/
#section_map ul.list-unstyled{margin-bottom:0;}
#section_map ul.list-unstyled li{line-height: 2.2rem; font-weight:600;}
/*** Map Section end ***/

/*** Two Column slider ***/
.swiper-container .swiper-button-prev, .swiper-container .swiper-button-next{display:none;}
.swiper-button-prev i, .swiper-button-next i{font-size:34px;}
.swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next{display:inline-block;}
@media (max-width:767px){
    .swiper-container .swiper-button-prev:hover, .swiper-container .swiper-button-next:hover{position:relative;left:-800px;}
}
/*** Two Column slider End ***/

/*** icon slider ***/
.icon-box-cell svg.icon{height:45px;width:45px;fill:#0e90e4 !important;}
.swiper-outer .swiper-button-prev, .swiper-outer .swiper-button-next{display:none;}
.swiper-outer .swiper-button-prev i, .swiper-outer .swiper-button-next i{color: rgba(93, 93, 93, 0.5); font-size:18px;}
.swiper-outer:hover .swiper-button-prev, .swiper-outer:hover .swiper-button-next{display:inline-block;}

/*additional settings*/
.iconslider-boxed .icon-box-cell ol{font-size:13px; font-weight:200;margin-bottom:0;}
.iconslider-boxed .icon-box-cell p{margin-bottom:0;}
/*** icon slider end ***/

/**** Accordion text setting ****/
.bg-banner .accordion .btn-link{color:#fff;margin-bottom:0.5rem;}
.blue-white-right .accordion .btn-link{color:#ffffff;font-size:0.9rem;}
.accordion .btn-link:before{
    content: "\f100";
    font-family: Flaticon;
    color: #fcf000;
    font-size: 0.5rem;
    /* padding-right: 15px; */
    position:absolute;
    top:11px;
    left:0;
}
.accordion .btn-link.collapsed:before{
    content: "\f102";
}
.accordion .btn-link span{padding-left:23px;}
/**** Accordion text setting end ****/

/**** service image box ****/
.img-box {
    content: "";
    position: relative;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background: #000000;
    overflow: hidden;
}
.img-box img {
    min-width: 100%;
    max-width: 100%;
}
.adv-img-full-content .caption-bg {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    z-index: 9;
    display: block;
    width: 100%;
}
.adv-img-full-content .caption {
    text-align: center;
    margin: auto;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: table;
    height: 100%;
    padding: 15%;
}
.adv-img-full-content .caption .inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    height: 100%;
}
.adv-img-full-content h2 {
    font-size: 22px;
}
div.adv-img-full-content p {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}
.adv-img-full-content .caption-bg.type2{background-color: rgba(0, 0, 0, 0.4);}
.adv-img-full-content .caption.type2{padding: 25px;}
.adv-img-full-content .caption.type2 .btn-xs{margin-top:5px;padding: 5px 10px 3px 10px;font-size: 11px;}
.img-box2.i-center{position: relative;display:block;}
.img-box2.i-center img.img-fluid{min-width:100%;}
.img-box2.i-center .caption {
    height: 100%;
    width: 100%;
    opacity: 0;
    text-align: center;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    transition: opacity .5s;
}
.img-box2.i-center .caption:hover {
    opacity: 1;
    border-radius: .25rem !important;
}
.caption-bottom {
    line-height: 28px;
    padding: 15px;
}
.caption-bottom h2 a {
    font-size: 17px;
    font-weight: 400;
    text-decoration:none;
}
/**** service image box end ****/

/**** Testimonial box ****/
.testimonial-block{min-height: 419px;}
.testimonial-block em{font-weight:200;}
/**** Testimonial box end ****/

/**** Icon List ****/
.iconlist i{position:absolute;}
.iconlist span{display:inline-block; padding-left:23px;}
.iconlist li{margin-bottom: 0.5rem;}
/* extra */
.contact-social .iconlist li{margin-bottom:10px;}
/**** Icon List end ****/

/**** header styles ******/

.header{max-height:136px;background-color:#fff;box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 6px rgba(0, 0, 0, 0.12);border: none;}
.header-content{width:100%;}
.logo-default{max-height: 130px;}
.navbar{padding:0;}
.logo-text{font-size:14px;}
.menu-mobile-text{font-size: 22px;margin-right: 32px;}
.mobile-menu-extra-info{padding-top:47px;}
.navbar-brand{padding-top: .7rem;}
@media (max-width: 767px){
    .logo-default{max-height: 124px;}
}
/**** header styles end ******/

/**** footer styles ******/
.footer{border-top: 2px solid #177ee5; padding-top: 70px;}
.footer h3{color: #177ee5; text-transform: uppercase; font-size: 14px; font-weight: 600; margin-bottom: 15px; line-height: 35px;}
.footer ul.menu{padding-left:12px;}
.footer .tag-row a{color:#000;}
.footer p, .footer a{font-size:13px; line-height: 23px;}
.copy-row .copy-text {
    font-size: 12px;
    line-height: 20px;
    padding-top: 70px;
}
.footer .social-group, .contact-social .social-group{margin-bottom: 15px;}
.social-group a:first-child{margin-left: 0;}
.footer .social-group a,  .contact-social .social-group a{
    margin: 0 5px;
    display: inline-block;
    color: #000;
    border: 1px solid #000;
    background: none;
    border-radius: 50%;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 27px;
    padding-left: 6px;
    text-decoration: none;
}
.footer .social-group a.youtube,  .contact-social .social-group a.youtube{padding-left:7px;}
.social-group svg.circle{color:#000;}
.social-group svg.circle:hover{color:#fff;}
.text-xs.circle{text-align: center;}
.social-group a:hover{border-radius: 50%;border: 1px solid rgba(255,255,255,0);color: #fff;}
.social-group a.facebook:hover{background-color: #3B5998;}
.social-group a.yelp:hover{background-color: #c10101;}
.social-group a.youtube:hover{background-color: #c10101;}
/**** footer styles end ******/

/**** button styles ******/
.circle-button{background-color: rgb(23, 126, 229);color: #fff;border-color: rgb(23, 126, 229);border-radius: 30px;font-weight: 300;}
.circle-button:hover{border-color: rgb(7, 107, 171);background-color: rgb(7, 107, 171); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);color:#fff;}
.career-btn-head{background: none;border: 2px solid rgb(23, 126, 229);color: rgb(23, 126, 229) !important;font-weight: 500;border-radius: 30px;}
.career-btn{background: none;border: 2px solid #fcf000;color: #fcf000 !important;font-weight: 200;border-radius: 30px;}
/**** button styles end ******/

/**** anim button styles ******/
.btn.anim-arrow:before{content: "\f10c"; font-family: Flaticon;padding-right:4px;position:relative;left:-100%;font-size:10px;font-weight:200;visibility:hidden; transition: all 0.2s;}
.btn.anim-arrow:hover:before{left:0;visibility:visible;}
.btn.anim-arrow{cursor: default;margin-bottom:1rem;padding:.375rem .5rem; font-size: 0.9rem;}
/**** anim button styles end ******/

/* Mega Menu Css start */
.menu-container {
    width: 100%;
    margin: 0 auto;
}
.menu-mobile {
    display: none;
    padding: 12px 18px 8px;
    font-size: 26px;
    /* margin-left: 10px; */
    text-decoration:none;
}
.menu-mobile:after {
    content: "\f115";
    font-family: "Flaticon";
    font-weight: 900;
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
}
.menu-dropdown-icon span {
    display:none;
}
.d-none.navbar .menu > .menu-dropdown-icon > a:after {
    content: "\f100";
    font-size:10px;
    padding:0 4px;
    font-family: Flaticon;
    color: rgba(93, 93, 93, 0.5);
}
.menu li.has-mega-menu > ul{
   width: 100%; 
}
.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}
.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}
.menu > ul:after {
    clear: both;
}
.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0;
}
.menu > ul > li a {
    text-decoration: none;
    padding: 15px 11px;
    display: block;
    color: #000;
}
.menu > ul > li.current_page_item a{color: #0e90e4;}
.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #ffffff;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    border: 1px solid rgb(226, 226, 226);
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}
.menu > ul > li > ul:after {
    clear: both;
}
.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 33.33%; /* keep it 20% if you need 5 column */
    background: none;
    float: left;
    padding-left:25px;
    padding-right:25px;
}
.menu > ul > li > ul > li a {
    padding: 5px 0;
    width: 100%;
    display: block;
    font-size:13px;
    line-height:22px;
    border-bottom:1px solid #f3f3f3;
    transition: all .3s;
}
.menu > ul > li > ul > li a:hover{
    padding-left:5px;
    color: #0e90e4;
}
.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}
.menu > ul > li > ul > li > ul:after {
    clear: both;
}
.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.menu > ul > li > ul > li > ul > li a {
    border: 0;
    border-bottom:1px solid #f3f3f3;
    padding: 5px 0;
    font-size:13px;
}
.menu > ul > li > ul > li > ul > li:last-child a{
    border-bottom:0;
}
.menu > ul > li > ul.normal-sub {
    width: 220px;
    left: auto;
    padding: 0;
    border: 1px solid rgb(226, 226, 226);
}
.menu > ul > li > ul.normal-sub > li {
    width: 100%;
    padding-right:0px;
    padding-left:0px;
}
.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 12px 15px;
    border-bottom: 1px solid #f3f3f3;
    transition: all .3s;
}
.menu > ul > li > ul.normal-sub > li a:hover{
    padding-left: 18px;
    color: #0e90e4;
}
.menu > li.has-mega-menu > ul.sub-menu > li > a:hover, .menu > li.has-mega-menu > ul.sub-menu > li > ul.sub-menu > li > a:hover{
    padding-left:2px;
}

/**** Media query styles ******/

@media (max-width:1199px){
    
}
@media (min-width:1024px) and (max-width:1199px){
    .header{max-height: 164px;}
    .header .navbar-expand-lg .navbar-nav{padding-bottom: 15px;}
    .menu > ul > li a{padding: 15px 9px; font-size: 12px;}
    .starter{margin-top: 164px;}
}

@media (max-width: 1023px) {
    .header{max-height: 164px;}
    .starter{margin-top: 132px;}
    /* Mega Menu Mobile */
    .menu .current-menu-item a{color: #f8ca91;}
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: inline-block;
        float:right;
        color: #c9c9c9;
    }
    a.menu-mobile:hover, a.menu-mobile:focus {
        color: #c9c9c9;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
        border-bottom:1px solid #cecece;
    }
    .menu > ul > li a {
        padding: 1em 1.5em;
        width: 100%;
        display: block;
        color:#333333;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 0px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
        background-color:#ffffff;
    }
    
    .menu.show-on-mobile{
        max-height: calc(-175px + 100vh);
        overflow-y: auto;
    }
    /* .menu-dropdown-icon svg{display:inline-block;} */
    .container.in-mobile{padding:0 !important;}
    .show-on-mobile .menu-dropdown-icon span{
        float: right;
        font-size: 14px;
        padding: 16px 12px 10px;
        color: rgba(93, 93, 93, 0.5);
        display:inline-block;
        cursor:pointer;
    }
    .d-none.navbar .menu > .menu-dropdown-icon > a:after{
        display:none;
    }
}

@media (max-width:991px){
    .header-content{width: calc(100% - 160px);}
    .menu-mobile-text{margin-right:0;}
}
@media (max-width:767px){
    .header{max-height: 136px;}
    .header-content{width:auto;}
    .starter{margin-top: 136px;}
    .blue-white-right{background:rgb(23, 126, 229);}
    .boxed-inverse{padding: 20px 60px;margin-top:20px;}
    .page-banner .title-heading{text-align:center;}
}
@media (max-width:479px){
    .logo-default{max-height: 100px;}
    .header-content{max-width:182px;}
    .logo-text2{font-size:12px;}
    .starter{margin-top: 110px;}
}