/*
    RCC Baseline Stylesheet
    Developer: Brandon Lang
    Date Created: 7/20/2013

    Please seperate all sections with 4 breaks.
*/
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  transition: all 250ms ease-out 0s;
  image-rendering:optimizeQuality;
  text-rendering:optimizeLegibility;
 }  



/* base tag styles */
    body{margin:0; padding:0; background-color:#FFF; color:#232323;}
    body, p, h1, h2, h3, h4, h5, ul, ol, li, label, input, select, textarea {font-family:'Montserrat', sans-serif;} /* Font Family ONLY */
    p, h1, h2, h3, h4, h5, ul, ol {margin:1em 0; line-height:23px;}
    h1 {font-size:28px; color:#09467d;}
    h2 {font-size:24px; text-transform:uppercase;}
    h3 {font-size:20px; color:#041644; text-transform:uppercase;}
    h4 {font-size:16px; text-transform:uppercase;}
    h5, p, ul, ol, li, input, select, textarea  {font-size:14px;}
    a {text-decoration:none; color:#01215c;}
/* END */




/* header styles */
    header {
        background-color:#fff;
        border-top:solid 30px #041644;
        
        text-transform:uppercase;
    }
    header .logo a, a.logo{
        display:inline-block;
        background-image:url(/images/logo.png);
        background-repeat:no-repeat;
        background-size:inherit;
        background-position:center;
        width:305px;
        height:110px;
    }
    header .g4:last-child{text-align:right;} /* Right align the last column (replace g4 with the last column's class) */
    header strong{font-size:18px;}
    
    
	/* END */




/* nav styles */
    .nav-wrapper {background-color:#fff;}
    .nav-wrapper ul {list-style-type:none; display:block;  padding:10px 0px; margin:0;}
    .nav-wrapper ul li {display:inline-block; padding:0; margin:0; border-right:1px solid #eee;}
    .nav-wrapper ul li:last-child{border-right:none;}
    .nav-wrapper a {display:block; padding:4px 28px; color:#222; font-weight:bold; font-size:15px;}

    .nav-wrapper a:hover{color:#09467d;}
    
    .nav-promotion .c{background-color:#ec1937; color:#fff; font-size:12px; line-height: 40px;
                      
     }
    .nav-sel{width:100%; padding:8px;}
    
    
    .nav-promotion p{white-space: nowrap;overflow: hidden; text-overflow: ellipsis; line-height: 40px; color:#fff; font-size:12px; margin:0; display:block;}
    .nav-promotion p a{padding-right:25px;font-weight:bold; color:#fff;  background-image:url(/images/arrow_right_white.png); background-repeat:no-repeat; background-position:right center;}
    .nav-promotion .g6:last-child p{text-align:right;}
/* END */




/* footer styles */
    .bottomRaq {width:100%;}
    .bottomRaq .c{background-color:#ec1937; color:#fff; font-size:12px; line-height: 40px;}
    .bottomRaq p{white-space: nowrap;overflow: hidden; text-overflow: ellipsis; line-height: 40px; color:#fff; font-size:12px; margin:0; display:block;}
    .bottomRaq p .raqlink{font-size: 16px; padding-right:25px;font-weight:bold; color:#fff;  background-image:url(/images/arrow_right_white.png); background-repeat:no-repeat; background-position:right center;}
    .bottomRaq h4 {}

    footer {background-color:#041644; color:#fff;}
    footer .g1, footer .g6, footer .g4 {margin-top:20px;}
    footer p {color:#3c79b0;}
    footer a {color:#fff;}
    footer .footer-logo {margin-top:10px; width:}
    footer #social_links {list-style-type:none; display:block; padding:0; margin:0;}
    footer #social_links li {display:inline; padding:0; margin:0;}
    footer #social_links a {display:inline-block; padding:5px 10px; color:#222; font-weight:bold; font-size:16px; text-transform:uppercase;}
    footer .g4:last-child{text-align:right;} /* Right align the last column (replace g4 with the last column's class) */
/* END */




/* reusable classes */
    .content{
        border-top:1px solid #aaa; 
        border-bottom:1px solid #aaa; 
        background-color:#eee;
    }
    .content {background-color:#fff; border-right:1px solid #ccc; border-left:1px solid #ccc;}
    .input-label{font-weight:bold; display:block;}
/* END */




/* input/textarea/select styles */
    input[type=text], input[type=tel], input[type=email], textarea, select{
        padding:6px 12px;
        margin:0;
        width:200px;
        max-width:100%;
    }
    textarea {resize:vertical; width:300px; max-width:100%;} /* Specific to textareas. */

    input[type=submit], input[type=button]{
        background-color:#eee;
        border:1px solid #aaa;
        margin:0;
        padding:3px 5px;
        font-weight:700;
        font-family:'Exo', Arial, Sans-Serif;
        cursor:pointer;
    }

    button{
        background-color:#041644;
        border:0px solid #000;
        margin:0;
        padding:10px 20px;
        font-size:14px;
        font-weight:700;
        color:#fff;
        text-transform:uppercase;
        cursor:pointer;
        font-family:'Exo', Arial, Sans-Serif;
    }

    .button{
        background-color:#041644;
        border:0px solid #000;
        margin:0;
        padding:10px 40px;
        font-size:14px;
        font-weight:700;
        color:#fff;
        font-family:'Exo', 'Montserrat', Sans-Serif;
        text-transform:uppercase;
        cursor:pointer;
        text-align: center;
        display:inline-block;
    }


    button.big{
        width:100%;
        font-size:16pt;
        padding:15px 40px;
    }



    .button.big{
        width:100%;
    }
/* END */



/* one-off homepage styles */

/* SLIDERS */
.home-slider{
    background-color:#f1f1f1;
    -webkit-box-shadow:inset 0px 0px 250px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:inset 0px 0px 250px 0px rgba(0, 0, 0, 0.1);
    box-shadow:inset 0px 0px 250px 0px rgba(0, 0, 0, 0.1);
    position:relative;
    top:0px;
    min-height:358px;
}
.home-slider-red-bar {
    background-color:#ec1937;
    height:37px;
    width:100%;
    position:relative;
    top:120px;
    z-index:0;
}
#bar {
    background: none repeat scroll 0 0 #f3c828 !important;
    height: 4px;
    max-width: 100%;
    width: 0;
}
#progressBar {
    background: none repeat scroll 0 0 transparent !important;
    position: absolute;
    top: 0;
    width: 100% !important;
    z-index: 1;
}
.owl-controls {
    margin-bottom: 15px !important;
}
.owl-theme .owl-controls .owl-page span {
}
.slider .slide {
    position: absolute;
    width: 100%;
}
.slider .slider-image {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 300px;
    /*max-width: 40%;*/
    margin-top:-20px;
    float:left;
}
.home-slider .item {
    height: 270px !important;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.slider-heading-content {
    width:100%;
}
.slider-heading {
    font-size:18px;
    text-transform:uppercase;
    margin-top:-5px;
    text-align:right;
    white-space:nowrap;
}
.slider-heading strong {
    font-size:72px;
    font-weight:700;
    vertical-align:middle;
    white-space:nowrap;
}
.slider-middle {
    font-size:24px;
    text-transform:uppercase;
    color:#fff;
    text-align:right;
}
.slider-bottom {
    font-size:20px;
    text-transform:uppercase;
    text-align:right;
    margin-top:20px;
}
.home-slider .button{
    text-align:right;
    text-transform:uppercase;
    margin-top:25px;
}
.home-product-slider .item {
    height: 200px !important;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.home-slider-product{
    margin-top:43px;
    text-align:center;
}
.home-slider-product img{
    height:120px;
}
.view-all-products{
    text-align:right;
    margin-bottom:20px;
}
.view-all-products a{font-size:12px;}
/* END SLIDERS */

/* PAGE CONTENT */
.services-box{
    background-color:#041644;
    background-image:url(/images/home_bg.png);
    background-repeat:repeat-x;
	background-position:top left;
    padding:20px 30px;
    color:#fff;
	border:1px solid #ddd;
}
.services-box h4{
	color:#041644;
	font-size:20px;
	margin-top:10px;
}
.services-box ul{
	margin-top:60px;
}
#request-quote{margin-bottom:10%;}
#request-quote h2{margin:0px;}
#request-quote h2 img{vertical-align:text-top;}
#request-quote p:first-of-type{margin-top:0px;}
#get-a-quote {max-width:415px;margin-top:10%;}
/* END PAGE CONTENT */

/* SIDEBAR */
.sidebar{

}
#tech-support{
    background-color:#ec1937;
    background-image: url("/images/techSupportBG.png");
    background-position:right top;
    background-repeat:no-repeat;
    color:#fff;
    padding:10%;
}
#tech-support h4{
    color:#fb9fac;
    margin:0px;
}
#tech-support a{
    color:#fff;
    text-decoration:underline;
}
#tech-support p{
    line-height:24px;
    margin:0px;
    margin-top:10px;
}
#news-articles {
    background-color:#041644;
    color:#fff;
    padding:20px 10%;
}
#news-articles h4 {
    color:#7194c0;
}
#news-articles .date {
    color:#939393;
    font-size:10pt;
}

.product-line {float:left; display:inline-block;}
.product-line a{padding:12px 28px; background-color:#041644; color:#fff; font-weight:normal; display:block; }
.product-line a.sel{background-color:#ec1937; }

.product-table tr{border-bottom:1px solid #eee;}

.product-image{height:150px;}

.home-content{background-image:url(/images/home_repair.png); background-repeat:no-repeat; background-position:right top; }

/* END SIDEBAR */


/* END HOMEPAGE */
  /*.content {transition:none !important; position:relative; background: radial-gradient(ellipse at center center , #FAFAFC 40%, #8B868D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); min-height:550px;}*/
    .content-interior {transition:none !important; position:relative; background-color:#fff; min-height:550px;}

    .content-interior .c{}
	
    .medheight{min-height:350px;}
    .smallheight{min-height:150px;}
    .tall{min-height:550px;}
    .content .c.nobg{background-color:transparent; box-shadow:none;}
    .c.inquiry{background-color:#fff;}
    
    .heading{ background-color:#09467d; color:#fff;
    -webkit-box-shadow:inset 0px 0px 250px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:inset 0px 0px 250px 0px rgba(0, 0, 0, 0.5);
    box-shadow:inset 0px 0px 250px 0px rgba(0, 0, 0, 0.5);
    padding:20px 30px;
    margin-bottom:10px;
    }
    .heading h1{color:#fff;}
    .hbg{ background-position:center top; background-repeat:no-repeat; background-size:inherit;}
    
    .hbg.hbg1{background-image:url(/images/hbg1.jpg); background-color:#f3f4f8;}
    .hbg.hbg2{background-image:url(/images/hbg2.jpg); background-color:#bbbcc1;}
    .hbg.hbg3{background-image:url(/images/hbg3.jpg); background-color:#262626;}
    .hbg.hbg4{background-image:url(/images/hbg4.jpg); background-color:#262626;}
    .hbg.hbg5{background-image:url(/images/hbg5.jpg); background-color:#f4f4f4;}
    .hbg.hbg6{background-image:url(/images/hbg6.jpg); background-color:#f4f4f4;}
    .hbg.hbg7{background-image:url(/images/hbg7.jpg); background-color:#f4f4f4;}
    .hbg.hbg8{background-image:url(/images/hbg8.jpg); background-color:#f4f4f4;}
    .hbg.hbg9{background-image:url(/images/hbg9.jpg); background-color:#262626;}
   
   .extendbefore:before{
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    content: "";
    margin: 0 0 0 -9999px;
    padding: 0 0 0 9999px;
    position: absolute;
    right: 100%;
    top: 0;
    width: 100%;
       }
   .extendafter:after{
     background: none repeat scroll 0 0 #041644;
     height:100%;
    bottom: 0;
    content: "";
    left: 100%;
    margin: 0 -9999px 0 0;
    padding: 0 9999px 0 0;
    position: absolute;
    top: 0;
    width: 100%;

       }
   
    .left{text-align:left;}
    .right{text-align:right;}
    .center{text-align:center;}

    
    .addressicon{background-image: url(/images/address.png);}
    .phoneicon{background-image: url(/images/address.png);}
    .hoursicon{background-image: url(/images/address.png);}
    
    .fr{float:right;}
    .fl{float:left;}
    .inline{display:inline-block;}
    .block{display:block;}
    .table{display:table;}
    .absolute{position:absolute;}
    .displaynone{display:none;}
    .display{display:block !important;}
    
    
   
    .light{font-weight:lighter;}
    .white{color:#ffffff !important;}
    .whitebg{ background-color:#ffffff !important;}
    .bluebg{background-color:#041644 !important;}
    .blue{color:#041644 !important;}
    .darkblue{color:#041644 !important;}
    .darkbluebg{background-color:#041644 !important;}
    .lightblue{color:#3566d4 !important;}
    .lightyellow{color:#ffee43 !important;}
    .lightyellowbg{background-color:#ffee43 !important;}
    .orange{color:#ec521e !important;}
    .orangebg{background-color:#ec521e !important;}
    .yellow{color:#f8b417 !important;}
    .yellowbg{background-color:#f8b417 !important;}
    .red{color:#ec1937 !important;}
    .redbg{background-color:#ec1937 !important;}
    .lightredbg{background-color:#A60C01}
    .black{color:#000!important;}
    .blackbg{background-color:#000 !important;}
    .lightgrey{color:#E9ECF0 !important;}
    .lightgreybg{background-color:#f9f9fc !important;}
    .darkgrey{color:#333333 !important;}
    .darkgreybg{background-color:#333333 !important;}
    .darkgrey2{color:#262626 !important;}
    .darkgrey2bg{background-color:#262626 !important;}
    
    .grey{color:#808080 !important;}
    .greybg{background-color:#808080 !important;}
    .grey2{color:#f6f9fd !important;}
    .grey2bg{background-color:#f6f9fd !important;}
    .shadow{box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.15), -10px 0 30px 0 rgba(0, 0, 0, 0.15);}
    .blockout{display:block;background-image:url("/images/blackout.png"); background-repeat:repeat; position:fixed; width: 100%; top:0; right:0; left:0; bottom:0; z-index:2;}
   
    .border{border:1px solid #eee;}
    .border-bly{border-bottom:2px solid #FDD328;}
    .bordert{border-top:1px solid rgba(0,0,0,.1);}
    .borderb{border-bottom:1px solid rgba(0,0,0,.1);}
    .borderl{border-left:1px solid rgba(0,0,0,.1);}
    .borderr{border-right:1px solid rgba(0,0,0,.1);}
    .lineunder{border-bottom:5px solid #2F3133;}
    .lineunder-red{border-bottom:5px solid #ec1937;}
    .border-white{border:2px solid #fff;}
	.borderbox{border: 1px solid #d4d4d4;border-radius: 3px;padding: 17px 17px 36px;}
    
    .shatteredbg{background-image:url(/images/shattered.png); background-position:top center; background-repeat:repeat;}
    .aboutbg{background-image:url(/images/aboutbg.jpg); background-position:left center; background-repeat:no-repeat; background-size:cover;}
    .referralbg{background-image:url(/images/referralbg.jpg);  background-repeat:no-repeat; }
    .realtorsbg{background-image:url(/images/realtorsbg.jpg);  background-repeat:no-repeat; }
    
    .full{width:100% !important;}
    .padbox{padding:50px 50px 50px 0;}
    .padg{padding:50px 50px 50px 0;}
    .padgl{padding:50px 50px 50px 0;}
    .padgr{padding:50px 0px 50px 50px;}
    .padtext{padding:10px 15px;}
    
    .padl{padding-left:50px;}
    .padr{padding-right:50px;}
    
    .padboth-big{padding:100px;}
    .padh-big{padding-left:100px; padding-right:100px;}
    .padv-big{padding-top:100px; padding-bottom:100px;}
    
    
    .padboth{padding:30px 50px;}    
    .padv{padding-top:50px; padding-bottom:50px;}
    .padh{padding-left:50px; padding-right:50px;}
    
    .padboth-mid{padding:70px;}
    .padh-mid{padding-left:70px; padding-right:70px;}
    .padv-mid{padding-top:70px; padding-bottom:70px;}

    
    .padboth-small{padding:25px;}
    .padv-small{padding:25px 0;}
        
    .padg-small{padding:25px 25px 25px 0;}
    .padboth-xsmall{padding:5px 15px;}
    .mar{margin:25px;}
    .marboth{margin:60px;}
    .marboth-small{margin:25px;}
    .marh{margin-left:50px; margin-right:50px;}
    .marv{margin-top:50px; margin-bottom:50px;}
    .mart{margin-top:50px;}
    .marb{margin-bottom:50px;}

    .nomar{margin:0 !important;}
    .nomart{margin-top:0 !important;}
    .traj{font-family:'Trajan Pro', serif;}
    
    .pad16{padding:16% !important;}
    
    .os{font-family:'Open Sans';}
   
    
    .small{font-size:12px;}
    .medium{font-size: 18px;line-height: 30px;}
    /*.big{font-size:80px; line-height:1em;}*/
    .xbig{font-size:125px; line-height:1em;}
    .super{vertical-align:super;}
    .sub{vertical-align:sub;}
    .pointer{cursor:pointer;}
    .nopointer{cursor:default;}
    .truncate {white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
    .link{text-decoration:underline;}
	
	

	
	/* RAQ.aspx Service Request From Page styles */
	.service-request{}
	.service-request-heading{ margin-bottom:20px;}
	.service-request-form label.input-label{margin-top:20px; margin-bottom:10px;}
	.service-request-form input[type="text"],.service-request-form input[type="tel"],.service-request-form input[type="email"],.service-request-form textarea,.service-request-form select {
		width:100%;
	}
	.service-request-form input[type="submit"]{
		padding:5px 15px 5px 25px;
		font-size:18px;
		font-weight:bold;
		border-radius:5px;
		box-shadow:1px 1px 2px rgba(0,0,0,.25);
		background-image: url("/images/arrow_right_white.png");
		background-position: 10px center;
		background-repeat: no-repeat;
	}
	
	.service-request-heading .printable{
		padding:8px 15px 8px 55px;
		font-weight:bold;
		box-shadow:1px 1px 2px rgba(0,0,0,.25);
		background-image: url("/images/printer_white_icon.png");
		background-position: 10px center;
		background-repeat: no-repeat;
	}
	
	
	

/* one-off responsive styles */
    @media only screen and (max-width: 1320px) {}
    @media only screen and (max-width: 995px) {
        .slider .slider-image {
            max-width: 420px;
        }
        .nav-promotion{background-color: #ec1937;}
    }
    @media only screen and (max-width: 778px) {
        /* Center the header / footer content on small screens*/
        header .g1, footer .g1,        
        header .g2, footer .g2,
        header .g3, footer .g3, 
        header .g4, footer .g4,
        header .g5, footer .g5,
        header .g6, footer .g6,
        header .g7, footer .g7,
        header .g8, footer .g8,
        header .g9, footer .g9,
        header .g10, footer .g10,
        header .g11, footer .g11,
        header .g12, footer.g12, 
        nav ul {text-align:center !important;}
        
         	/* Force table to not be like tables anymore */
        table,
        thead,
        tbody,
        th,
        td,
        tr {
        display: block;
        }
 
        /* Hide table headers (but not display: none;, for accessibility) */
        thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        }
 
        tr { border: 1px solid #ccc; margin-bottom:10px; }
 
        td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
        }

        td:before {
        /* Now like a table header */

        /* Top/left values mimic padding */



        padding:10px;
        padding-right: 90px;
        text-align:left;
        font-family: 'gothambold1';font-weight:normal;
        background-color: #0738A6;
            color: #FFFFFF;
            cursor: pointer;
            font-size: 16px;
            display:inline-block;
            width:100px !important;
            margin-right:20px;
        }
 
        /*
        Label the data
        */
        td:before {  }
        
        .product-table td{padding:10px; border:none;}
        
        .padg{padding:0;}
        .padh{padding-left:4%; padding-right:4%;}

        /* Shrink the large font in the slider */
        .slider-heading {margin-top:10px; text-align:center;}
        .slider-heading strong {font-size:18px; vertical-align:inherit;}
        .slider-middle {color: #ec1937; text-align:center;}
        .slider-bottom {text-align:center;}

        /* Move the slider image down more 
        .slider .slider-image {margin-top:60px;}*/
        .home-slider{min-height:500px;}
        .home-slider .item {height: 400px !important;}
         header .logo a, a.logo{background-size:inherit;width:100%;}
         
         .nav-promotion p{line-height:28px;}
         .nav-promotion p:last-child{text-align:left;}
         .service-request{width:100%;}
         .product-line{width:100%; display:block;}
         .home-content{background-image:none;}
         .home-content .g9.padr{padding:0;}
    }
    @media only screen and (max-width: 490px) {
        header .logo a, a.logo{background-size:inherit;width:100%;}
        }
/* END */




/*  
    one-off page styles
    /Gallery.aspx, /GalleryList.aspx */


    .gallery-list .g3{
        cursor:pointer;
        text-transform:none;
        vertical-align:top;
    }
    .gallery-list h4{
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    margin:5px 0;
    }
    .gallery-list .gallery{display:block; height:250px; overflow:hidden; width:23% !important;}
    .gallery-list .gallery div {position:absolute; width:100%; height:250px; background-position:center; background-repeat:no-repeat; background-size:cover; display:block;}
    .gallery-list .gallery:hover div:first-child{ -webkit-transform: scale(1.1); transform:scale(1.1); transition:8s;}
     .gallery-list .gallery:hover .gallery-overlay{  background:#041644; }
    .gallery-list .gallery-overlay{color:#fff; display:block; height:auto !important; width:100%; position:relative; background:#041644;  margin-top:0px;}


    



    .gallery-pics {text-align:center;}
    .gallery-pics a{display:inline-block; padding:0; margin:12px; clear:none; height:160px; width:280px; overflow:hidden; border:0; position:relative; background-repeat:no-repeat; background-position:center center;}
    .gallery-pics a span{position:absolute; bottom:0; display:block; width:300px; color:#fff; border-top:1px solid #aaa; visibility:hidden;}
/* END */