body, td, th, li {
    /*specific font*/
    font-family:Roboto;
    font-size: 15px;
    color: #27282b;
    text-align: left;
}

p
{
    margin-bottom: 20px;
}

h1
{
    font-family: Roboto;
    color:  #27282b;
    font-size: 27px;
    font-weight: 400;
    text-transform:uppercase;
    margin-top: 15px;
}

h2
{
    font-family: Roboto;
    color:  #27282b;
    font-size: 25px;
    font-weight: 400;
}
h3
{
    font-family: Roboto;
    color:  #27282b;
    font-size: 23px;
    font-weight: 400;
}

h4
{
    font-family: Roboto;
    color:  #27282b;
    font-size: 21px;
    font-weight: 400;
}

h5
{
    font-family: Roboto;
    color:  #27282b;
    font-size: 19px;
    font-weight: 400;
}

h6
{
    font-family: Roboto;
    color:  #27282b;
    font-size: 17px;
    font-weight: 400;
}


.module-content img
{
    max-width:100%;
}

.img-responsive,img
{
    display:inline-block;
}

img.left {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}


img.right {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}


table {
    border-spacing: 0px;
    border-collapse: collapse;
}

b, strong {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

a {
   font-family: Roboto;
    color:  #ae1928;
    font-size: 15px;
    font-weight: 400;
    line-height:24px;
}

    a:HOVER,a:active,a:link,a:visited{
         color:  #ae1928;
        text-decoration: none;
    }

.btn-red,.btn-red:hover,.btn-red:link,.btn-red:active,.btn-red:visited
{
    background:url(/themes/straightpaint/images/btn-red.png) no-repeat right #ae1928;
    height:47px;
    border: none;
    border-radius: 0;
    padding: 12px 72px;
    font-family: Roboto;
    color:  #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-transform:uppercase;

}

.btn-grey,.btn-grey:hover,.btn-grey:link,.btn-grey:active,.btn-grey:visited
{
    background:url(/themes/straightpaint/images/btn-grey.png) no-repeat right #27292b;
    height:47px;
    border: none;
    border-radius: 0;
    padding: 12px 72px;
    font-family: Roboto;
    color:  #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-transform:uppercase;
}
.bxslider .slide-item {
  visibility: hidden;
}

.gallery-block h1 a,.gallery-block h1 a:hover
{
    font-family: Roboto;
    color: #27282b;
    font-size: 27px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 15px;
}

.module-basicgallery .bx-main li
{
    display:none;
}

#FeatureBanner .module-contentslider
{
   height:0px;
   overflow:hidden;

}

#FeatureBanner .bx-wrapper .item-image,#FeatureBanner .bx-wrapper .item-content
{
    display:none;
}

#FeatureBanner .bx-wrapper .slider-item .item-image, #FeatureBanner .bx-wrapper .slider-item .item-content
{
    display:inherit;
}

.module-content.col-md-3.col-sm-6.col-xs-6 h1 a
{
    font-family: Roboto;
    color: #27282b;
    font-size: 27px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 15px;
}

.module-basicgallery .bx-thumbs li
{
    display:none;
}

.module-basicgallery .bx-thumbs .bx-viewport li
{
    display:inline-block;
}


.module-formbuilder .btn-primary 
{
    background-color:#ae1928 !important;
    border:none !important;
    color:#fff !important;
    width:170px !important;
}

.module-basicgallery .bx-wrapper .bx-viewport
{
    background:none !important;
}

.module-basicgallery .bx-wrapper .bx-caption
{
    display:none !important;
}

.module-basicgallery .bx-thumbs
{
    margin-bottom:30px;
    margin-top:20px;
}

.module-contenteditor .btn-red
{
    position:relative;
    top:-25px;
}

#module31128 .module-contenteditor .btn-red
{
    top:0;
}

.container
{
    max-width:1200px;
}

#Header {

}

    #Header .wrapper.top {
        background-color: #ae1928;
        min-height:46px;
    }


     #Header .wrapper.top .free-quote,#Header .wrapper.top .free-quote:hover
    {
        font-weight:bold;
        margin:7px;
        margin-left:15px;
            color: #ae1928;
    }
        #Header .wrapper.top .fb-btn
        {
            padding-top:9px;
        }

    #Header .wrapper.top .top-nav
    {
        list-style:none;
        padding-left:0;
        margin-bottom:0;
    }
        #Header .wrapper.top .top-nav li
        {
            display:inline-block;
            font-family: Roboto;
            margin:13px 0px;
            border-right: solid 1px #fff;
            padding:0px 13px;
        }

            #Header .wrapper.top .top-nav li a
            {
                color:  #ffffff;
                font-size: 14px;
                font-weight: 400;                
            }

        #Header .wrapper.top .number
        {
            font-family: Roboto;
            color:  #ffffff;
            font-size: 18px;
            font-weight: 500;
            background:url(/themes/straightpaint/images/phone.png) no-repeat;
            padding-left: 34px;
            margin-left: 15px;
            margin-top: 10px;
            display: inline-block;
        }

        #Header .wrapper.top a:hover
        {
            text-decoration:none;
        }

    #Header .wrapper.bottom {
        min-height:110px;
    }

        #Header .wrapper.bottom .logo {
            display: inline-block;
            position: relative;
             top: 26px;
             z-index:99;
        }

.template-default #FeatureBanner {
    background-color:#27282b;
    min-height:60px;
    margin-bottom:30px;
}

    #FeatureBanner .bx-wrapper
    {
        margin:0;
    }

        #FeatureBanner .bx-wrapper .bx-pager
        {
            bottom:8px;
        }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active
{
    background:#a8232c !important;
}

.bx-wrapper .bx-pager.bx-default-pager a
{
    background:#fff !important;
}

    #FeatureBanner .bx-wrapper .bx-viewport
    {
        box-shadow:none;
        border:none;
        left:0;
        transform:none;
    }

        #FeatureBanner .bx-wrapper .bx-viewport .item-title
        {
            display:none;
        }

        #FeatureBanner .bx-wrapper .bx-viewport .slider-item .item-content
        {
            position:absolute;
            top:25%;
            left:0;
            width:100%;
            
        }

            #FeatureBanner .bx-wrapper .bx-viewport .slider-item .item-content .banner-box
            {
                max-width:541px;
                min-height:256px;
                background:url(/themes/straightpaint/images/banner-bg.png);
                padding:30px;
            }

                #FeatureBanner .bx-wrapper .bx-viewport .slider-item .item-content .item-html span
                {
                    font-family: Roboto;
                    color:  #27282b;
                    font-size: 42px;
                    font-weight: 700;
                    line-height: 40px;
                }

                #FeatureBanner .bx-wrapper .bx-viewport .slider-item .item-content .item-html .btn
                {
                    width:207px;
                    padding: 12px 0px;
                    margin-right:5px;
                    margin-top:20px;
                }

.template-home #ContentMain {
    background:#27292b;
    color:#fff;
    min-height:400px;
    padding-top:40px;
}

    .template-home #ContentMain h1
    {
        font-family: Roboto;
        color:  #ffffff;
        font-size: 27px;
        font-weight: 400;
        line-height: 27px;
        text-transform:uppercase;
    }

    .template-home #ContentMain h2
    {
        font-family: Roboto;
        color:  #ffffff;
        font-size: 24px;
        font-weight: 300;
        line-height: 21px; 
        margin-bottom:20px;
    }

    .template-home #ContentMain p
    {
        font-family: Roboto;
        color:  #c8c8c8;
        font-size: 15px;
        font-weight: 400;
        line-height: 21px;
        margin-bottom:20px;
    }

    .template-home #ContentMain .btn-red
    {
        margin-top:13px;
    }

    .template-home #ContentMain .col-md-4 img
    {
        padding:0 10px;
    }

.template-home #ContentExtra1
{
    margin-bottom:30px;
}

.template-home #ContentExtra1 .module-content
{
    margin-top:40px;
    position:relative;
}

    .template-home #ContentExtra1 .module-content .content div
    {
        position:relative;
        min-height:310px;
    }

    .template-home #ContentExtra1 .module-content .img-responsive
    {
        height:188px;
    }

    .template-home #ContentExtra1 .module-content .content a.triangle-btn
    {
        display:inline-block;
        position:absolute;
        top:143px;
        width:45px;
        height:45px;
        left:0;
        background:url(/themes/straightpaint/images/triangle-link.png) left bottom no-repeat;
    }

.template-home #ContentExtra2
{
    background:#f1f1f1;
    min-height:473px;
    padding-top:30px;
}

    .template-home #ContentExtra2 .left ul
    {
        list-style:none;
        padding-left:0;
        margin-bottom:20px;
    }

    .template-home #ContentExtra2 .left li
    {
          background:url(/themes/straightpaint/images/list-style.png) left no-repeat; 
          padding-left:20px;
    }

    .template-home #ContentExtra2 .right .img-responsive
    {
        margin-top:20px;
    }

    .template-home #ContentExtra2 .right .btn
    {
        margin-top:10px;
        width:270px;
    }

    .template-home #ContentExtra2 .right .btn-red
    {
        margin-right:11px;
    }

.module-content.link
{
    min-height:170px;
    text-align:center;
}

    .module-content.link a:first-of-type
    {
        display:block;
        min-height:110px;
    }

.testimonial
{
    background:#e0e0e0;
    padding-top:10px;
    padding-bottom:20px;
}

    .testimonial .module-content
    {
        background:url(/themes/straightpaint/images/testimonial-bg.png) top left no-repeat; 
        padding-left:40px;
        padding-top:10px;
    }

        .testimonial .module-content p
        {
            font-family: Lora;
            color:  #27282b;
            font-size: 18px;
            font-style: italic;
            line-height: 21px;
        }

        .testimonial .module-content span
        {
            font-family: Lora;
            color:  #ae1928;
            font-size: 18px;
            font-style: italic;
            line-height: 21px;
        }

        .testimonial .module-content a
        {
            float:right;
        }

#Footer .wrapper.top {
    background-color: #27292b;
    padding-bottom: 30px;
    min-height:290px;
}

   

    #Footer .wrapper.top .col-sm-4
    {
        padding-top:40px;
    }

        #Footer .wrapper.top .col-sm-4.left img
        {
            position: relative;
            left: -40px;
            top:-5px;
        }

        #Footer .wrapper.top .col-sm-4.left .fb-btn img
        {
             left: 0;
            top: 4px;
            display: block;
        }

        #Footer .wrapper.top p
        {
            font-family: Roboto;
            color:  #e0e0e0;
            font-size: 15px;
            font-weight: 400;
            line-height: 21px
        }

    #Footer .wrapper.top h1
    {
        font-family: Roboto;
        color:  #ffffff;
        font-size: 27px;
        font-weight: 400;
        line-height: 21px;
        text-transform:none;
    }

    #Footer .wrapper.top .right img
    {
        padding-top:4px;
    }

#Footer .wrapper.bottom {
    min-height:72px;
    background:#222426;
}

    #Footer .wrapper.bottom p,#Footer .wrapper.bottom a
    {
        font-family: Roboto;
        color:  #7a7a7a;
        font-size: 13px;
        font-weight: 400;
        line-height: 72px;
       margin:0;
    }

/* Main Navbar */

.navbar.navbar-default ul.nav.navbar-nav > li span.arrow {
    width: 32px;
    height: 32px;
    background-color: rgba(0,0,0, 0.33);
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: center;
    line-height: 32px;
    font-size: 23px;
    color: #fff;
}

.navbar.navbar-default ul.nav.navbar-nav ul {
    position: static;
    float: none;
    width: 100%;
}

.navbar.navbar-default ul.nav.navbar-nav ul li {
    position: relative;
}

.navbar.navbar-default ul.nav.navbar-nav ul li span.arrow {
    top: 0px;
    width: 24px;
    height: 24px;
    line-height: 24px;
} 

@media (min-width: 768px) {

    .navbar.navbar-default {
        min-height:0;
        margin-bottom: 0;
        background: none;
        border: none;
        min-height:110px;

    }

        .navbar.navbar-default *::after,
        .navbar.navbar-default *::before {
            content:none;
        }

        .navbar.navbar-default .navbar-collapse {
            padding-left: 10px;
            padding-right: 10px;
        }

    .navbar.navbar-default ul.nav.navbar-nav {
        display:table;
        float:none;
        width:100%;
    }

        .navbar.navbar-default ul.nav.navbar-nav > li {
            display:table-cell;
            float:none;
            width:auto;
            vertical-align:middle;
        }

            .navbar.navbar-default ul.nav.navbar-nav > li.position-9
            {
                display:none;
            }

            .navbar.navbar-default ul.nav.navbar-nav > li span.arrow {
                display:none;
            }

            .navbar.navbar-default ul.nav.navbar-nav > li > a {
                display:table;
                width:100%;
                height:110px;
                padding:0;
                font-family: Roboto;
                color:  #333333;
                font-size: 14px;
                font-weight: 500;
                text-transform:uppercase;
            }

                .navbar.navbar-default ul.nav.navbar-nav > li > a:hover,.navbar.navbar-default ul.nav.navbar-nav > li > a.menuSelected
                {
                    background:url(/themes/straightpaint/images/nav-bg.png) repeat-x bottom;
                }

                .navbar.navbar-default ul.nav.navbar-nav > li > a > span {
                    display:table-cell;
                    padding:4px;
                    text-align:center;
                    vertical-align:middle;

                }

               

    /* dropdown */
    .navbar.navbar-default ul.nav.navbar-nav ul {
        margin-top:0;
        width:180px;
        position: absolute;
        float: left;
        width: auto;
    }

        .navbar.navbar-default ul.nav.navbar-nav ul li {
            position:relative;
        }
            .navbar.navbar-default ul.nav.navbar-nav ul li a span {
                white-space:normal;
            }

    .navbar.navbar-default ul.nav.navbar-nav ul ul {
        top:0;
        left:100%;
    }

    .navbar.navbar-default ul.nav.navbar-nav li:hover > ul {
        display:block;
    }

}
/*Event */

.module-events .content .search-holder.detail-view {
    display: block;
}

@media (max-width: 1200px)
{
    .template-home #ContentMain .col-md-4 img
    {
        width:49%;
        display:inline-block;
    }

    .template-home #ContentExtra2 .right .btn
    {
        width:48.3%;
        padding:12px 0;
    }
}
@media (max-width: 1300px)
{
     #FeatureBanner .bx-wrapper .bx-viewport .slider-item .item-content
    {
        top:10%;
    }
}

@media (max-width: 1200px)
{
     #FeatureBanner .bx-wrapper .bx-viewport .slider-item .item-content
    {

        width:50%
    }

    #FeatureBanner .bx-wrapper .bx-pager
    {
        width:50%
    }

    .template-home .module-contentslider
    {
        overflow-x:hidden;
    }

    .template-home .module-contentslider .content
    {
        width:200%;
    }
}

@media (max-width: 1100px)
{
    #FeatureBanner .bx-wrapper .bx-viewport .slider-item .item-content
    {
        top:10%;
    }
}

@media (max-width: 991px)
{
    #FeatureBanner .bx-wrapper .bx-viewport .slider-item .item-content
    {
        top:15%;
        width:50%
    }

    #FeatureBanner .bx-wrapper .bx-pager
    {
        width:50%
    }

    .template-home .module-contentslider
    {
        overflow-x:hidden;
    }

    .template-home .module-contentslider .content
    {
        width:200%;
    }

    .template-home #ContentMain .col-md-4 img
    {
        width:auto;
        margin-top:20px;
    }

    .template-home #ContentExtra2 .right .btn
    {
        width:38.3%;
        margin-bottom:20px;
    }

    #Footer .wrapper.top .center .btn
    {
        width:100%;
        padding:12px 0;
    }

    #Footer .wrapper.top .col-sm-4.left img
    {
        margin-top:10px;
    }

    #Footer .wrapper.top h1
    {
        font-size:26px;
    }

    .module-contenteditor .btn-red {
        position:inherit;
        float: none !important;
        margin-top: 10px;
    }
}

@media (max-width: 767px)
{
    #Header .wrapper.bottom .logo
    {
        margin-bottom:40px;
    }

    #FeatureBanner .bx-wrapper .bx-viewport .slider-item .item-content .item-html span
    {
        font-size:28px;
        display:block;
    }

    #FeatureBanner .bx-wrapper .bx-viewport .slider-item .item-content .banner-box
    {
        min-height:0;
    }

    .template-home #ContentExtra1 .module-content .content div
    {
        min-height:330px;
    }

    

    .template-home #ContentExtra2 .left .col-sm-5 ul
    {
        margin-bottom:0;
    }

    .template-home #ContentExtra2 .left ul
    {
        max-width: 200px;
        margin: auto;
    }

    .template-home #ContentExtra2 .right .btn
    {
        width:100%;
        max-width: 569px;
        margin-bottom:0;
    }

    #Footer
    {
        text-align:center;
    }

        #Footer .wrapper.top .col-sm-4
        {
            padding-top:20px;
        }

        #Footer .wrapper.top .col-sm-4.left img
        {
            left:0;
        }

        #Footer .wrapper.bottom .text-right
        {
            text-align:center;
        }

        #Footer .wrapper.bottom p, #Footer .wrapper.bottom a
        {
            line-height:40px;
        }

}

@media (max-width: 600px)
{
    #FeatureBanner .bx-wrapper .bx-viewport .slider-item .item-content .banner-box
    {
        padding:10px;
    }

    #FeatureBanner .bx-wrapper .bx-viewport .slider-item .item-content .item-html span
    {
        font-size:25px;
    }

    #Header .wrapper.top .top-nav
    {
        display:none;
    }
}


@media (max-width: 500px)
{

    #FeatureBanner .bx-wrapper .bx-viewport .slider-item .item-content .item-html span
    {
           font-size: 23px;
            line-height: 27px;
    }
    #FeatureBanner .bx-wrapper .bx-viewport .slider-item .item-content .item-html .btn
    {
        width:48%;
        margin-right:0;
        margin-top:5px;
        height:35px;
        padding: 7px 0px;
        font-size: 10px;
    }
    #FeatureBanner .bx-wrapper .bx-viewport .slider-item .item-content .item-html .btn-red
    {
        margin-right:2%;
    }

    .template-home #ContentMain .col-md-4 img
    {
        width:49%;
        padding:0;
    }

    .module-content img
    {
        display:block;
        float:none;
        margin-right:0;
        margin-left:0;
    }

    .template-home #ContentExtra1 .content
    {
        max-width:272px;
        margin:auto;
    }

    .template-home #ContentExtra1 .module-content
    {
        width:100%;
    }

        .template-home #ContentExtra1 .module-content .content div
        {
            min-height:0;
        }

    .module-content.link a img
    {
        margin:auto;
    }

}