h1, h2, h3, h4, h5, h6, p{
    color: #222;
}
.text-gray {
    color:#222; /*#514f47;*/
}
.header-column .topbarButton{
	text-transform: uppercase;
	float: right;
	padding: 6px 40px;
	position: relative;
    top: 10px;
}
.header-column .topbarPckButton{
    margin-right: 10px;
}
.header-column .callNowText{
	float: right;
    display: block;
    clear: both;
    font-size: 13px;
    position: relative;
    top: 12px;
    margin-bottom: 5px;
    color: #fff;
}
.header-column .callNowText a{
    color: #eee;
}
.inner-pages .header-column .callNowText, .inner-pages .header-column .callNowText a,
html.sticky-header-active .header-column .callNowText, 
html.sticky-header-active .header-column .callNowText a{
    color: #222;
}

/** index page **/
.firstBox{
    background: #fff !important;
    border:none !important;
    margin-top: 110px !important;
}
.firstBox .slideBox h2{
	line-height: 1.3;
    font-size: 40px;
    /*font-family: Metropolis Black,Helvetica,Arial,sans-serif !important;*/
    margin-bottom: 1rem;
}
.firstBox .slideBox p{
	font-size: 24px;
    /*font-weight: 100;*/
    line-height: 35px;
    margin: 30px 0;
}
.firstBox .slideBox p span{
	display: block;
}
.firstBox .slideBox a{
    text-transform: uppercase;
    padding: 12px 50px;
    font-size: 16px;
}
.specialiseBox{
    margin-top: 0;
    border: none !important;
    background: #fafafa;
    padding: 25px 0 40px !important;
}
.specialiseBox h2{
    font-size: 26px;
    margin-bottom: 20px;
}
.specialiseBox ul.logoBox{
    list-style: none;
    padding: 0 15%;
    margin: 0;
    float: left;
    width: 100%;
}
.specialiseBox ul.logoBox li{
    float: left;
    width: 33.33%;
    text-align: center;
}
.specialiseBox ul.logoBox li img{
    width: 40%;
    margin: auto;
    position: relative; 
    /*opacity: .6;
    filter: grayscale(1);
    transition: all .4s cubic-bezier(.395,.425,.015,1);*/
}
/*.specialiseBox ul.logoBox li img:hover{
    opacity: 1;
    filter: grayscale(0);
}*/
.whatWeKnowBox{
    background: #fff !important;
    border:none !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}
.whatWeKnowBox .content h2, .whatWeKnowBox .content h3{
    line-height: 1.3;
    font-size: 45px;
    /*font-family: Metropolis Black,Helvetica,Arial,sans-serif !important;*/
    margin-bottom: 1rem;
    /*font-weight: bold;*/
    margin-bottom: 30px;
}
.whatWeKnowBox .content p{
    font-size: 17px;
    margin-bottom: 15px;
    font-family: metropolisRegular,Helvetica,Arial,sans-serif;
    font-weight: 400;
}
.whatWeKnowBox .content p big{
    font-size: 22px;
    font-weight: 600;
    font-family: metropolisRegular,Helvetica,Arial,sans-serif;
}
.whatWeKnowBox .content h3{
    margin-top: 40px;
    text-transform: capitalize;
    font-size: 30px;
}
.whatWeKnowBox .content ul{
    list-style: none;
    padding-left: 20px;
    margin:0;
}
.whatWeKnowBox .content ul li{
    line-height: 40px;
    font-size: 20px;
}
.whatWeKnowBox .imgBox img{
    width: 100%;
}
.workTogetherBox{
    border: none !important;
    background: none !important;
    margin-top: 0 !important;
}  
.workTogetherBox h2{
    font-size: 34px;
    margin-bottom: 20px;
    /*font-family: Metropolis Black,Helvetica,Arial,sans-serif !important;*/
} 
.workTogetherBox .feature-box.reverse {
    text-align: center;
    box-shadow:0px 0px 0px 10px #ddd;
    height: 330px;
}
.workTogetherBox .feature-box.reverse.feature-box-style-2 .feature-box-info {
    padding-right: 0px; 
    padding-left: 0 !important;
}
.workTogetherBox .feature-box.reverse .feature-box-icon {
    float: none;
    margin-bottom: 10px;
}
.workTogetherBox .feature-box.feature-box-style-2 h4 {
    color: #514f47 !important;
    font-weight: 600;
    font-size: 18px;
    font-family: metropolisRegular,Helvetica,Arial,sans-serif;
    padding:10px 10px 0 10px;
}
.workTogetherBox .feature-box.feature-box-style-2 p{
    font-weight:400;
    font-size: 14px;
    padding: 0px 10px;
    font-family: metropolisRegular,Helvetica,Arial,sans-serif;
}

.workTogetherBox .feature-box-info img{
    display: block;
    margin: auto;
    width: 100%;
    margin-top: 15px;
}
.clientBox{
    margin-top: 0 !important;
    background: #fff !important;
    border:none !important;
    padding: 45px 0 40px !important;
}
.clientBox h2{
    font-size: 34px;
    margin-bottom: 20px;
    /*font-family: Metropolis Black,Helvetica,Arial,sans-serif !important;*/
}
.clientBox .owl-carousel .owl-item img{
    width: 125px;
    margin: auto;
    position: relative; 
    /*opacity: .6;
    filter: grayscale(1);
    transition: all .4s cubic-bezier(.395,.425,.015,1);*/
}
/*.clientBox .owl-carousel .owl-item img:hover{
    opacity: 1;
    filter: grayscale(0);
}*/
.marketingBusinessBox{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background: #fafafa !important;
    border:none !important;
    padding: 45px 0 55px !important;
}
.marketingBusinessBox h1{
    line-height: 1.3;
    font-size: 45px;
    /*font-family: Metropolis Black,Helvetica,Arial,sans-serif !important;*/
    margin-bottom: 1rem;
    font-weight: 400;
    margin-bottom: 0px;
}
.aboutContactBox h1{
    font-size: 25px;
}
.marketingBusinessBox p{ 
    font-weight: 400;
    font-size: 20px;
    font-family: metropolisRegular,Helvetica,Arial,sans-serif;
    margin:10px 0 30px 0;
}
.aboutContactBox p{ 
    font-size: 15px;
}
.marketingBusinessBox span{
    margin: 0 25px;
}
.marketingBusinessBox .btn-primary {
    font-size: 22px;
}
.marketingBusinessBox .btn-outline.btn-primary {
    color: #D90917;
    background-color: transparent;
}
.marketingBusinessBox .btn-outline.btn-primary:hover, .marketingBusinessBox .btn-outline.btn-primary:focus, .marketingBusinessBox .btn-outline.btn-primary:active:hover, .marketingBusinessBox .btn-outline.btn-primary:active:focus{
    color: #ffffff;
    background-color: #C9000E;
    border-color: #D90917 #D90917 #D90917; 
}
.aboutContactBox .enquiryBox{
    background: #222;
    padding: 10px;
    border-radius: 5px;
}
.aboutContactBox .enquiryBox h1{
    color: #fff;
    margin-bottom: 10px;
}
.aboutContactBox .enquiryBox .form-control{
    background: #fafafa;
    border:1px solid #ddd;
    text-shadow: none;
    box-shadow: none;
    padding: 5px;
    margin-bottom: 15px;
    resize: none;
}
.aboutContactBox .enquiryBox .btn{
    width: 100%;
}
.aboutContactBox .enquiryBox .form-group {
    margin-bottom: 0;
}


/** index page End**/
/** packages page**/
.packagesBox{
    margin-top: 0;
    border: none !important;
    background: #fafafa;
    padding: 25px 0 40px !important;
    margin-bottom: 0 !important;
}
.packagesBox h2{
    /*font-weight: bold;*/
}
.packagesBox .planBox{
    
    margin: 0 30px !important;
}
.packagesBox .planBox .midBox{
    box-shadow: 0 0px 4px 1px #ccc;
    background: #fff;
    min-height: 960px;
    padding: 0;
}
.packagesBox hr.tall {
    margin: 10px 0 !important;
}
.packagesBox .planBox h6{
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 20px;
    background: #D90917;
    color: #fff;
    padding:18px;
}
.packagesBox .planBox h6 i{
    color: #f9f917;
}
.packagesBox .planBox h2{
    margin: 0 !important;
}
.packagesBox .planBox p.titleBox{
    display: -webkit-inline-box;
    background: #eee;
    font-size: 16px; 
}
.packagesBox .planBox p{
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    margin: 0px 0 20px;
}
.packagesBox .planBox ul{
    /*border-top: 1px solid #DBDBDB;*/
    padding: 0 10px;
}
.packagesBox .planBox ul li{
    padding: 10px 15px;
    margin: 0;

    font-family: metropolisExtraLight,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 17px;
}
.packageStatics{
    text-align: center;
    text-transform: uppercase;
    line-height: 22px;
}
.packageStatics span{
    background: #0D2E41;
    color: #fff;
    padding: 5px;
}
.FAQBox{
    background: #fff !important;
    border:none !important;  
}
.FAQBox h2{
    line-height: 1.3;
    font-size: 35px;
    /*font-family: Metropolis Black,Helvetica,Arial,sans-serif !important;*/
    margin-bottom: 4rem;
}
.FAQBox h5{
    line-height: 1.3;
    font-size: 18px;
    margin:0;
    /*font-family: Metropolis Black,Helvetica,Arial,sans-serif !important;*/
}
.FAQBox p{
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    margin: 10px 0 35px;
}
.itWoksBox{
    margin-top: 0;
    border: none !important;
    background: #fafafa;
    padding: 40px 0 !important; 
}
.itWoksBox .col-md-2 i{
    font-size: 80px;
    color: #D90917;
}
.itWoksBox h2{
    font-weight: bold;
}
.itWoksBox h5{
    font-weight: bold;
    font-size: 18px;
}
.itWoksBox p{
    font-size: 16px;
}
/** packages page End**/
/** footer **/
#footer {
    margin-top: 0px;
    background-color: #222 !important;
    border-top: none;
    padding-top: 0px !important;
}
#footer .footer-topbar{
    background: #D90917;
}
#footer .footer-topbar p{
    margin: 10px !important;
    color: #fff;
    font-size: 16px;
}
#footer .footerlogo img{
    margin:28px;
    height: 40px;
}
#footer .footerBox{
    /*background-color: #24262b!important;
    padding: 10px;*/
}
#footer .footerBox h4{
    text-decoration: underline #D90917;
    text-underline-position: under;
}
#footer .footerBox p{
    color: #FFF;
    margin-bottom: 3px;
    line-height: 20px;
}
#footer .footerBox ul.social-icons{
    margin-top: 15px;
}
#footer .footer-copyright{
    text-align: center;
    border-top: none;
    margin-top: 0px!important;
    padding: 10px 0 0px!important;
    
}
#footer .footer-copyright .copyright {
    margin-bottom: 0px;
}  
#footer .followUs{
    text-align: right;
} 
#footer .footerLinkBox{
    padding: 15px 0;
}
#footer .footerLinks{
    margin: 0;
    padding-left: 40px;
} 
#footer .footerLinks li{
    color: #ccc;
    text-decoration: none;
    width: 100%;
}
#footer .footerLinks li b{
    color: #fff;
}
#footer .footerLinks li a{
    text-decoration: none;
    color: #ccc;
}
#footer .footer_logo{
    /*padding-top: 50px;*/
}
#footer .networkBox .footerTitle{
    font-size: 30px;
    text-align: center;
    text-transform: inherit;
    color: #fff;
    line-height: 30px;
}
.networkBox p{
    color: #999;
}
.network_link img {
    width: 11%;
}
.net_small_pic img {
    width: 8%;
}

/***Contact page CSS***/
.contactBreadcrumb{
    margin-top: 110px !important;
}
.page-header.parallax{
    padding-top: 110px;
    padding-bottom: 70px;
}
.breadcrumbTitle{
    font-size: 60px !important;
    /*font-family: Metropolis Black,Helvetica,Arial,sans-serif !important;*/
}
.form-control{
    border:none;
    box-shadow: none;
    text-shadow: none;
    border-bottom: 3px solid #ccc;
    border-radius: 0;
    resize: none;
}
.contactFormBox h4{
    font-weight: bold;
    font-size: 18px;
}
.contactFormBox .btn{
    border-radius: 50px;
    margin-top: 30px;
    text-transform: uppercase;
}
/* The container */
.checkBoxContainer {
    display: block;
    position: relative;
    padding-left: 35px !important;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkBoxContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.checkBoxContainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkBoxContainer input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkBoxContainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkBoxContainer .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Responsive */
@media (max-width: 480px) {
    #header .header-btn-collapse-nav{
        display: none;
    }
    #header .header-body{
        padding-top: 10px;
    }
    #header .header-logo{
        text-align: center;
    }
    #header.header-narrow .header-logo img{
        width:  40%;
        height: auto;
        margin: auto;
        background: none !important;
        position: relative !important;
        top: 0;
    }
    .header-column .topbarButton{
        width: 48%;
        font-size: 11px;
        padding: 6px;
        margin-bottom: 3px;
    }
    .header-column .topbarPckButton{
        
    }
    .header-column .callNowText{
        float: none;
        text-align: center;
    }
    .firstBox{
        margin-top: 150px !important;
        padding-bottom: 30px !important;
    }
    .firstBox .method1Img{
        margin-top: 30px;
        width: 100%;
    }
    .firstBox .slideBox h2 {
        line-height: 30px;
        font-size: 25px;
        margin-bottom: 0;
    }
    .firstBox .slideBox p {
        font-size: 14px;
        line-height: 20px;
        margin: 15px 0;
    }
    .firstBox .slideBox a {
        padding: 10px 50px;
        font-size: 14px;
        width: 100%;
    }
    .specialiseBox ul.logoBox{
        padding: 0;
    }
    .specialiseBox{
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    .whatWeKnowBox{
        padding-top: 0px !important;
    }
    .workTogetherBox{
        padding-top: 0px !important;
    }
    .workTogetherBox .feature-box.reverse{
        height: auto;
        /*box-shadow: 0px 6px 6px -1px #ccc;*/
    }
    .marketingBusinessBox h1 {
        font-size: 35px;
        margin-bottom: 10px;
        line-height: 40px;
    }
    .marketingBusinessBox span {
        margin: 5px 25px;
        display: block;
    }
    .contactBreadcrumb{
        padding-top: 100px !important;
        margin-top: 140px !important;
        background-position: 90% 50px !important;
    }
    .breadcrumbTitle{
        font-size: 30px !important;
    }
    .packagesBox{
        margin-top: 0 !important;
    }
    .packagesBox h2{
        margin-bottom: 0;
    }
    .packagesBox .planBox .midBox {
        padding-top: 0px;
        margin-top: 10px;
        float: left;
        min-height: 200px;
    }
    .FAQBox{
        padding-top: 0 !important;
    }
    .itWoksBox .col-md-2, .itWoksBox .col-md-10{
        text-align: center;
    }
    .itWoksBox .col-md-10{
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
    }
    #footer .footerLinks {
        margin-bottom: 10px;
        border-bottom: 1px solid #555;
        padding-bottom: 10px;
    }
    #footer .footer_logo {
        padding-left: 50px;
        padding-top: 0;
    }
    #footer .copyright{
        width: 100% !important;
        float: left;
    }
    #footer .footer-copyright p {
        text-align: center;
        margin-bottom: 10px;
    }
    #footer .followUs{
        width: 100% !important;
        float: left;
        text-align: center;
    }
    #footer .networkBox .footerTitle{
        font-size: 20px;
    }
    .networkBox{
        padding-left: 30px;
    }
    .network_link img {
        width: 14% !important;
    }
}