body {font-family: 'Roboto', sans-serif,Arial, Helvetica, Verdana; font-size: 100%; color: #000000; font-weight: 400; background: #FFFFFF;}

h1 {font-family: 'Roboto', sans-serif, Arial, Helvetica, Verdana; font-size: 44px; font-weight: 700; color: #000000;}
.carousel-caption h1, #wrapperBlack h1, #title h1 {color: #FFFFFF;}
h2 {font-family: 'Roboto', sans-serif, Arial, Helvetica, Verdana; font-size: 32px; font-weight: 700; color: #000000; margin-bottom: 20px;}
#wrapperBlack h2, #wrapperGreyDark h2 {color: #FFFFFF;}
h3 {font-family: 'Roboto', sans-serif, Arial, Helvetica, Verdana; font-size: 22px; font-weight: 700; color: #999999; text-transform: uppercase;}

.question { color: #842C2A !important;}

#wrapperHeader {border-bottom: 7px solid #842C2A;}
#wrapperGrey {background: #E6E6E6;}
#wrapperGreyDark {background: #3B3B3B;}
#wrapperBlack {background: #000000;}

.carousel-caption {width: 65%;}
.container-fluid {padding: 0 !important;}
.carousel-item img {display: block; max-width: 100%; height: auto; line-height: 1;}
.carousel-control-prev, .carousel-control-next {filter: invert(100%);}
.carousel-indicators li {height: 15px !important; width: 15px !important; margin: 0 5px 0 5px; border-radius: 50%;}

.carousel-h1 { font-size:44px; color: white; letter-spacing: 2px; }

#logo {
    padding: 15px 0 15px 15px;
}

#nav {list-style: none; margin: 0; padding: 75px 0 0 0;}
#nav li {list-style: none; display: inline; font-size: 16px; font-weight: 400; padding: 0; margin: 0;}
#nav li a:link {color: #842C2A; display: inline; text-decoration: none; padding: 0 2% 0 0; margin: 0;}
#nav li a:visited {color: #842C2A; display: inline; text-decoration: none;  padding: 0 2% 0 0; margin: 0;}
#nav li a:active {color: #842C2A; display: inline; text-decoration: none; padding: 0 2% 0 0; margin: 0;}
#nav li a:hover {color: #842C2A; display: inline; font-weight: 600; text-decoration: none; padding: 0 2% 0 0; margin: 0;}

#nav li a.active {color: #842C2A; display: inline; font-weight: 600; text-decoration: none; padding: 0 2% 0 0; margin: 0;}

#social {text-align: right; padding: 15px 15px 15px 0;}
.tel {font-size: 20px; margin: 0 30px 0;}
#wrapperGreyDark .tel {font-size: 24px; color: #FFFFFF; font-weight: 700; margin: 0 0 0 20px; position: relative; top: 3px;}

#title {position: absolute; padding: 2%; margin: 9% 0 0 3%;}

#boxWhite, #boxWhite2 {background: #FFFFFF; margin: 0 0 80px 0;}

#boxIcons {padding: 180px 0 30px 0;}

#floatPhoto {float: left; position: relative; top: 35px; left: -100px;}

#wrapperBlack p, #wrapperGreyDark p {color: #FFFFFF;}
p.intro {color: #842C2A; font-size: 18px;}
p.icons {font-size: 13px; padding: 5px 0 0 0;}
p.indent {padding: 0 0 0 130px;}
p.indent2 {padding: 0 0 0 90px;}
p.spacer {padding: 0 0 40px 0;}
#wrapperFooter p {font-size: 13px;}

#footerCol {padding: 70px 0 0 0 !important;}

.btn {font-size: 16px; font-weight: 600; color: #FFFFFF !important; background: #842C2A; padding: 5px 25px 5px 25px; border: none; border-radius: 8px;}
.btn:hover {color: #FFFFFF; background: #000000;}

#wrapperBlack .btn, #wrapperGreyDark .btn, .carousel-caption .btn {font-size: 16px; font-weight: 600; color: #000000 !important; background: #FEFEFE; padding: 5px 25px 5px 25px; border: none; border-radius: 8px;}
#wrapperBlack .btn:hover, #wrapperGreyDark .btn:hover, .carousel-caption .btn:hover {color: #FFFFFF; background: #842C2A;}

.btn-lg {font-size: 24px; font-weight: 600; color: #FFFFFF !important; background: url(../img/arrow.png) 95% center no-repeat #842C2A; padding: 5px 80px 5px 30px; border: 2px solid #FFFFFF; border-radius: 12px; position: absolute; top: -25px; right: 0;}
.btn-lg:hover {color: #FFFFFF; background: url(../img/arrow.png) 95% center no-repeat #000000;}

#buttonMobile {display: none; visibility: hidden;}

.shadow-lg {box-shadow: 20px 20px 25px rgba(0, 0, 0, 0.63) !important;}

.sticky-top {top: 50px;}

img.twitter, img.facebook, img.linkedin {background: #FFFFFF; margin: 5px;}
img.twitter:hover, img.facebook:hover, img.linkedin:hover {background: #FFFFFF; transition: 0.3s;}

.red {color: #842C2A;}

a:link {color: #842C2A; text-decoration: none;}
a:visited {color: #842C2A; text-decoration: none;}
a:active {color: #842C2A; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}

a.footer:link {color: #000000; font-size: 13px; text-decoration: none; text-transform: uppercase;}
a.footer:visited {color: #000000; font-size: 13px; text-decoration: none; text-transform: uppercase;}
a.footer:active {color: #000000; font-size: 13px; text-decoration: none; text-transform: uppercase;}
a.footer:hover {color: #842C2A; font-size: 13px; text-decoration: none; text-transform: uppercase;}

.form-group .row { padding-bottom: 10px;}
.form-group label {text-align: left; }

.servicesBox { min-height: 270px; height: 270px; padding:10px; }

.ci-background {
    min-height: 300px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    padding-bottom: 24% !important;
}

.ci-background._small {
    min-height: 200px;
}

.banner-background {
    /*min-height: 478px;
    height:55vh;*/
    max-height:415px;
}

.banner-inner-left 
{ 
    float:left;
    padding-left:10%;
    text-align:left;
}

.banner-inner-right {
    float:right;
    padding-right: 10%;
    text-align:right;
}

.banner-inner img {
    /*max-width: 33%;*/
    margin: 5% 8% 6% 0;
    float: right;
    min-height: 150px;
    /*height: 42vh;*/
    height:37.5vh;
}

.banner-inner h1 {
    font-size: 44px;
}


@media screen and (max-width: 1480px) {
    .tel {margin: 0;}
	#socialIcons {display: block;}
	#social br {display: none; visibility: hidden;}
}

@media screen and (max-width: 1383px) {
	.carousel-caption h1 {font-size: 30px;}
}


@media screen and (max-width: 1170px) {
	#nav li {font-size: 14px;}	
	
	#socialIcons {display: block;}

    .banner-background {
        min-height: 275px;
    }
}

@media screen and (max-width: 1042px) {
	#nav li {font-size: 13px;}
	.tel {font-size: 16px;}

    
}

@media screen and (max-width: 725px) {
    .carousel-caption h1 {
        font-size: 22px;
    }

    h1, h2 {
        text-align: center !important;
    }

    .carousel-h1 {
        text-align: left !important;
    }

    p {
        text-align: left !important;
    }

    .btn {
        width: 100%;
    }

    .banner-background {
        min-height: 165px;
    }
}

#wrapperHeader {
    border: 0px;
}

.second-nav {
    background: #842c2a;
}

    .second-nav ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        float: right;
    }

        .second-nav ul li {
            display: inline-block;
            float: right;
        }

            .second-nav ul li a {
                padding: 10px 10px 10px 40px;
                color: #fff;
                display: block;
                font-weight: 600;
            }

                .second-nav ul li a:hover {
                    color: #EA522D;
                }

                .second-nav ul li a span {
                    margin-left: 20px;
                }

                    .second-nav ul li a span img {
                        height: 17px;
                    }

#nav li.mobonlynav {
    display: none;
}



@media screen and (max-width: 981px) {
    #nav li.mobonlynav {
        display: block;
    }

    .second-nav {
        display: none;
    }

    #wrapperHeader {
        border-bottom: 7px solid #842C2A;
    }
}


.blogitem {
    margin-bottom: 30px;
}

.blogitem a {
    text-decoration: none;
    color: #000000;
}

.blogitem a p {
    text-decoration: none;
    color: #000000;
}

.blogimage {
    background-size: cover;
    background-position: center center;
    padding-top: 66.66%; /* 3:2 aspect ratio */
    margin-bottom:10px;
}


.sh-banner {
    background-color: #851728;

}

.dummylink {
    padding: 3px 8px;
    background-color: #ffe9e9;
    border-radius: 2px;
    -webkit-transition: background-color 0.6s ease-out;
    -moz-transition: background-color 0.6s ease-out;
    -o-transition: background-color 0.6s ease-out;
    transition: background-color 0.6s ease-out;
}


.blogitem a:hover .dummylink {
    background: #851728;
    color: #fff;
}

p span.italic {
    font-style:italic;
}

p span.bold {
    font-weight:700;
}

li span.bold {
    font-weight: 700;
}


p.center {
   text-align:center;
}

p span.center {
    text-align: center;
}

li span.italic {
      font-style:italic;
}


@media screen and (max-width: 767px) {

    .sh-banner {
        height:250px;
        z-index:0;
        overflow:hidden;
    }

    .sh-banner h1 {
        z-index:2;
    }
    .sh-banner .banner-inner img{
            z-index: 1;
        position: absolute;
        height: 200px;
        position: absolute;
        top: 50%;
        left: 30px;
        /*margin-right: -50%; */
        /* transform: translate(-50%, -50%); */
        top: 0;
        margin-top: -230px;
        opacity: 0.4;
    }

    .sh-banner .banner-inner-left {
         margin: 0 auto;
        padding: 0;
        height: 250px;
        position:relative;
    }

    .sh-banner .banner-inner-left  h1 {
        z-index:2;
       position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        margin-top:0px;
    }


    .sh-banner .banner-inner-left small {
        margin: 20px auto;
        text-align: center;
        display: block;
    }
    .g-recpasize {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}
 
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    color: #fff;
    right: 20px;
    text-shadow: 1px 1px 1px #000;
    z-index: 2;
}

.owl-carousel .owl-nav button.owl-prev {
    font-size: 70px;
    position: absolute;
    top: 50%;
    color: #fff;
    left: 20px;
    z-index: 2;
    text-shadow: 1px 1px 1px #000;
}

    .owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {
        font-size: 70px;
    }

.owl-carousel button:focus {
    outline-color: transparent;
    outline-style: none;
}

.feedback {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 20px 0px;
    border-bottom: 2px solid #851728;
}

    .feedback:last-child {
        border-bottom: 0px;
    }

.comment-text ._date {
    font-weight: 500;
    color: #8c8c8c;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}

.quote-top, .quote-bottom {
    width: 100px;
    position: absolute;
    padding: 30px;
}

.quote-top img, .quote-bottom img {
    width:30px;
    text-align:center;
}

.quote-top {
    top: 0;
    left: 0;
    padding-top:30px;
}

.comment-inner {
    width: 567px;
    width: 100%;
    padding-left: 110px;
    padding-right: 110px;
    padding-top: 20px;
    padding-bottom: 20px;
   
}

.comment-text p:last-child {
    margin-bottom:0px;
}

.comment-inner img {
    max-width: 100%;
}

.quote-bottom {
    bottom: 0;
    right: 0;
    padding-bottom:30px;
}

p.right {
    text-align:right;
}

@media screen and (max-width: 767px) {
    .comment-inner {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .quote-top {
        padding: 20px 15px 15px 15px;
    }
    .quote-bottom {
        text-align:right;
        padding: 15px 15px 20px 15px;
    }
}

.gradientRed {
    background-image: linear-gradient(to right, rgba(132,44,42,1), rgba(132,44,42, 0.64));
    background-image: -moz-linear-gradient(to right, rgba(132,44,42, 1), rgba(132,44,42, 0.64));
    background-image: -webkit-linear-gradient(to right, rgba(132,44,42, 1), rgba(132,44,42, 0.64));

}

#homecomments {
    DISPLAY: block;
    position: relative;
}

#homecomments .quote-top img, #homecomments .quote-bottom img {
    width:30px !important;
}

#homecomments .comment-text {
    text-align: left;
}

#homecomments .comment-inner {
    border: 0;
}

#homecomments .comment-text ._date {
    color: #a7a7a7;
}

#homecomments .comment-text p {
    /*font-size: 18px;*/
    color: #fff;
   /* font-weight: 300;*/
}

    #homecomments .owl-theme .owl-controls .owl-page {
        display: inline-block;
    }
        #homecomments .owl-theme .owl-controls .owl-page span {
            background: none repeat scroll 0 0 #869791;
            border-radius: 20px;
            display: block;
            height: 12px;
            margin: 5px 7px;
            opacity: 0.5;
            width: 12px;
        }