/* ==========================================================================
    6. CUSTOM SECTION BACKGROUNDS
    ========================================================================= */
.page-content.custom-bkg{
    padding-top: 80px;
}

.page-content.column-img-bkg{
    padding: 0;
}

.page-content.column-img-bkg .row{
    margin-bottom: 0;
}

.custom-col-padding-both{
    padding: 120px 70px;
}

.custom-col-padding-bottom{
    padding-bottom: 120px;
}

.img-bkg01{
    background-image: url('img/pics/img-bkg01.jpg');
}

.img-bkg02{
    background-image: url('img/pics/img-bkg02.jpg');
}

.img-bkg03{
    background-image: url('img/pics/img-bkg03.jpg');
}

*[class*="img-bkg"]{
    background-size: cover;
}

.custom-bkg.bkg-grey{
    background-color: #f6f6f6;
}

.custom-bkg.bkg-light-blue{
	background-image:url(img/pics/parallax02.jpg);
    background-color: #f4fcfc;
}

.custom-bkg.bkg-dark-blue{
    background-color: #2c3741;
}

.custom-bkg.bkg-dark-blue.transparent01{
    background-color: rgba(37, 39, 46, 0.7);
}

.custom-bkg.bkg-dark-blue.transparent02{
    background-color: rgba(37, 39, 46, 0.8);
}

.custom-bkg.bkg-dark-blue.transparent03{
    background-color: rgba(37, 39, 46, 0.9);
}

.page-title-style01 + .page-content.custom-bkg,
.page-title-style02 + .page-content.custom-bkg{
    margin-top: -70px;
}

.page-content.parallax{
    padding-top: 100px;
    padding-bottom: 30px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax01{
    background-image: url('img/pics/parallax011.jpg');

}



.parallax03{
    background-image: url('img/pics/parallax03.jpg');
}

.parallax04{
    background-image: url('img/pics/parallax04.jpg');
}

.parallax05{
    background-image: url('img/pics/parallax05.jpg');
}

.parallax011{
    background-image: url('img/pics/parallax011.jpg');
	background-attachment:fixed;
	margin-top: 20px;
		padding-bottom: -10px
}

.page-content.dark h1,
.page-content.dark h2,
.page-content.dark h3,
.page-content.dark h4,
.page-content.dark h5,
.page-content.dark h6{
    color: #fff;
}


.page-content.dark p,
.page-content.dark span,
.page-content.dark li,
.page-content.dark a{
    color: #eee;
}

*[class^="col-"].custom-bkg{
    padding: 30px;
}

*[class^="col-"].custom-bkg.dark h1,
*[class^="col-"].custom-bkg.dark h2,
*[class^="col-"].custom-bkg.dark h3,
*[class^="col-"].custom-bkg.dark h4,
*[class^="col-"].custom-bkg.dark h5,
*[class^="col-"].custom-bkg.dark h6{
    color: #fff;
}

*[class^="col-"].custom-bkg.dark p,
*[class^="col-"].custom-bkg.dark a,
*[class^="col-"].custom-bkg.dark span,
*[class^="col-"].custom-bkg.dark li,
*[class^="col-"].custom-bkg.dark label{
    color: #eee;
}


/* 
        PAGE CONTENT STYLING
        --------------------------------------------------------------------- */
    .page-content.parallax{
        margin-top: -90px;
        margin-bottom: -350px;
    }

    .page-content.fixed.centered .container,
    .page-content.fixed.bottom .container{
        left: 0;
        margin-left: 0 !important;
        margin-top: 0 !important;
        top: 0;
        position: relative;
    }
    
    .page-content.fixed.centered .container .row{
        max-width: none;
    }
    
    .page-content.fixed.bottom .row{
        max-width: none;
    }

    .custom-bkg.bkg-dark-blue.transparent01,
    .custom-bkg.bkg-dark-blue.transparent02,
    .custom-bkg.bkg-dark-blue.transparent03{
        background: rgba(37, 39, 46, 1);
    }

    .img-fixed-bottom{
        bottom: 0;
    }

    .master-wrapper{
        margin-top: 0 !important;
    }

    .page-content.fixed.centered *[class*="col-"].custom-bkg,
    .page-content.fixed.bottom *[class*="col-"].custom-bkg{
        margin-bottom: 0 !important;
    }

    .custom-col-padding-both{
        padding: 50px 0;
        padding-right: 15px;
        padding-left: 15px;
    }

    .page-title-negative-top{
        padding-top: 70px;
    }

    .page-title-style02{
        margin-top: 0 !important;
    }

    .page-title-style02 h1,
    .page-title-style02 h1 h2,
    .page-title-style02 h1 h3,
    .page-title-style02 h1 h4,
    .page-title-style02 h1 h5,
    .page-title-style02 h1 h6{
        text-align: center;
        margin-bottom: 10px;
    }

    .page-title-map.page-title-negative-top{
        margin-top: 0px !important;
        padding-top: 0;
    }

    .page-title-map.page-title-negative-top #map{
        margin-top: 0;
    }

/* 
        PAGE CONTENT STYLING
        --------------------------------------------------------------------- */
    .page-content.parallax{
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .page-content.fixed.centered .container,
    .page-content.fixed.bottom .container{
        left: 0;
        margin-left: 0 !important;
        margin-top: 0 !important;
        top: 0;
        position: relative;
    }

    .custom-bkg.bkg-dark-blue.transparent01,
    .custom-bkg.bkg-dark-blue.transparent02,
    .custom-bkg.bkg-dark-blue.transparent03{
        background: rgba(37, 39, 46, 1);
    }
    
    .page-content.fixed.centered .container .row{
        max-width: none;
    }
    
    .page-content.fixed.bottom .row{
        max-width: none;
    }

    .img-fixed-bottom{
        bottom: 0;
    }

    .master-wrapper{
        margin-top: 0 !important;
    }

    .page-content.fixed.centered *[class*="col-"].custom-bkg,
    .page-content.fixed.bottom *[class*="col-"].custom-bkg{
        margin-bottom: 0 !important;
    }

    .custom-col-padding-both{
        padding: 50px 0;
        padding-right: 15px;
        padding-left: 15px;
    }

    .page-title-negative-top{
        padding-top: 70px;
    }

    .page-title-style02{
        margin-top: 0 !important;
    }

    .page-title-style02 h1,
    .page-title-style02 h1 h2,
    .page-title-style02 h1 h3,
    .page-title-style02 h1 h4,
    .page-title-style02 h1 h5,
    .page-title-style02 h1 h6{
        text-align: center;
        margin-bottom: 10px;
    }

    .page-title-map.page-title-negative-top{
        margin-top: 0px !important;
        padding-top: 0;
    }

    .page-title-map.page-title-negative-top #map{
        margin-top: 0;
    }



    /* 
        PAGE CONTENT STYLING
        --------------------------------------------------------------------- */
    .page-content.parallax{
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .page-content.fixed.centered .container,
    .page-content.fixed.bottom .container{
        left: 0;
        margin-left: 0 !important;
        margin-top: 0 !important;
        top: 0;
        position: relative;
    }
    
    .page-content.fixed.centered .container .row{
        max-width: none;
    }
    
    .page-content.fixed.bottom .row{
        max-width: none;
    }

    .custom-bkg.bkg-dark-blue.transparent01,
    .custom-bkg.bkg-dark-blue.transparent02,
    .custom-bkg.bkg-dark-blue.transparent03{
        background: rgba(37, 39, 46, 1);
    }

    .img-fixed-bottom{
        bottom: 0;
    }

    .master-wrapper{
        margin-top: 0 !important;
    }

    .page-content.fixed.centered *[class*="col-"].custom-bkg,
    .page-content.fixed.bottom *[class*="col-"].custom-bkg{
        margin-bottom: 0 !important;
    }

    .custom-col-padding-both{
        padding: 50px 0;
        padding-right: 15px;
        padding-left: 15px;
    }

    .page-title-negative-top{
        padding-top: 70px;
    }

    .page-title-style02{
        margin-top: 0 !important;
    }

    .page-title-style02 h1,
    .page-title-style02 h1 h2,
    .page-title-style02 h1 h3,
    .page-title-style02 h1 h4,
    .page-title-style02 h1 h5,
    .page-title-style02 h1 h6{
        text-align: center;
        margin-bottom: 10px;
    }

    .page-title-map.page-title-negative-top{
        margin-top: 0px !important;
        padding-top: 0;
    }

    .page-title-map.page-title-negative-top #map{
        margin-top: 0;
    }



/*
    7.19. SERVICES FEATURE BOX
    ------------------------------------------------------------------------- */
.services-negative-top{
    margin-top: -56px;
}

.custom-bkg .service-feature-box,
.parallax .service-feature-box{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
}

.service-feature-box{
	padding-top: -56em;
    box-shadow: 1px 0px 3px 0 #ddd;
    -webkit-box-shadow: 1px 0px 3px 0 #ddd;
    -moz-box-shadow: 1px 0px 3px 0 #ddd;
    border: 1px solid #eee;
}

.service-feature-box .service-media{
    position: relative;
    overflow: hidden;
}

.service-feature-box .service-media img{
    width: 100%;
    transition: all 2s ease-in-out 0s;
    -webkit-transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
    -o-transition: all 2s ease-in-out 0s;

    opacity: 1;
}

.service-feature-box .service-media:hover img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);

    opacity: 0.7
}

.service-feature-box .service-media a{
    position: absolute;
    bottom: 0;
    right: 0;
}

.service-feature-box .service-media span{
    color: #00679E;
	background-color: #FFCB08;
    padding-left: 20px;
	padding-right: 20px;
    font-weight: 600;
	padding-bottom: 5px;
	padding-top: 5px;
}

.service-feature-box .service-media .read-more02{
	padding-bottom: 40px
}

.service-feature-box .service-body{
    background-color: #00679E;
    padding: -5px;
}
.service-feature-box .service-body h4{
	color: #fff;
	font-size: 35px;
	font-weight: 900
}

.why-us-btn {
	background: #FFCB08;
	color: #00679E;
	font-weight: 400;
	padding-top: 10px;
	padding-left:30px;
	padding-right:30px;

}
.what-we-offer{
	margin-left: -4em
}



@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 20%;
    *width: 20%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 20%;
    *width: 20%;
  }
}