@charset "utf-8";
/* CSS Document */
html, body {height: 100%; width: 100%;}
body {background: url(/themes/theme_ccplating_theme/img/bg.jpg) no-repeat top center scroll; background-color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.c5wrapper {}
.wrapper { margin:0 auto; max-width:960px; color: #000; min-height: 100%;
-webkit-box-shadow: 0px 8px 15px 5px rgba(0,0,0,0.64);
   -moz-box-shadow: 0px 8px 15px 5px rgba(0,0,0,0.64);
        box-shadow: 0px 8px 15px 5px rgba(0,0,0,0.64);
		}
		
.c5wrapper #header { background-color:#000; padding: 0 20px;}

.c5wrapper .top-head{text-align:center; font-family: Arial, Helvetica, sans-serif; color:#fff; margin-top:10px}
.c5wrapper h3.headline{font-size:18px; font-weight:bold; padding:70px 0px}
.c5wrapper h3.contact{font-size:31px; font-weight:bold; padding:70px 00px}
.c5wrapper nav {margin:0 -30px}
.c5wrapper nav ul {display: block; font-size: 0; background:#f1b61c;}
.c5wrapper nav ul li {display: inline-block; font-size: 18px; font-weight:bold; margin: 0; position: relative;}
.c5wrapper nav ul li a {display: block; padding: 12px 20px 7px; color: #000; font-weight: bold; line-height: 24px; text-align: center; border-bottom: 5px solid transparent;
    -webkit-transition: all 300ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
    -moz-transition: all 300ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
    -ms-transition: all 300ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
     -o-transition: all 300ms cubic-bezier(0.810, 0.010, 0.455, 0.945); 
        transition: all 300ms cubic-bezier(0.810, 0.010, 0.455, 0.945); /* custom */}
.c5wrapper nav ul li a:hover, .c5wrapper nav ul li .nav-selected{
	border-bottom:5px solid #f00;
	color: #000;
	background-color:#E1A80F;
}

/* --- Submenu -- */
.c5wrapper nav ul li ul {display: none; z-index: 1111; /*height: 0;*/ overflow: hidden; position: absolute; left:0; top: 100%; min-width: 220px; width: 100%; background: #f1b61c; border-bottom: none; text-align: left; box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.8); /*opacity: 0;*/}
.c5wrapper nav ul li ul li {display: block;}
.c5wrapper nav ul li ul a {border-bottom: 1px solid #f00; border-right: none; text-align: left;}
.c5wrapper nav ul ul li:hover a{border-bottom: 1px solid #f00; background: #f00;}
.c5wrapper .mob-nav { display: none; background: #f1b61c; color: #111; font-size: 14px; font-weight: 700; line-height: 20px; text-transform: uppercase; padding: 8px; margin-bottom: 12px; cursor: pointer;}
.c5wrapper .icon-menu { background: url(/themes/theme_ccplating_theme/img/nav.png) no-repeat right center; height:20px; width: 20px; float: right;}
/*nav ul li:hover ul { top: 100%; opacity: 1; z-index: 100; height: auto;}*/
.c5wrapper .middle {border-bottom: 95px solid #000;}
.c5wrapper .middle ul {list-style:square; list-style-position:inside; font:normal 18px/28px Arial, Helvetica, sans-serif; margin-bottom:12px; color:#000; padding-left: 30px;
text-indent: -16px;}
.c5wrapper .middle ul li, ol li {margin-bottom:5px;}
.c5wrapper .bg-white {background:#fff; min-height:600px;}
.c5wrapper .slider{background:url(/themes/theme_ccplating_theme/img/bg-slider.jpg); color:#fff; padding: 0 20px;}
.c5wrapper .slider-img{background:#fff; padding:8px; display: block; margin:0 auto;}
.c5wrapper .services{text-align:center}
.c5wrapper .testimonials img{
	border-radius: 70px 70px 70px 70px;
	-moz-border-radius: 70px 70px 70px 70px;
	-webkit-border-radius: 70px 70px 70px 70px;
	border: 0px solid #000000;
}
.c5wrapper .services h3 {color: #000;}

.c5wrapper .thumb {display: block; margin: 0 auto; margin-bottom: 15px; position: relative;}
.c5wrapper .thumb span {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 30px; font-size: 15px; line-height: 30px; background: rgb(0,0,0); background: rgba(0,0,0,0.75); color: #fff; text-transform: uppercase; z-index: 1;}
.c5wrapper .tag-line {text-align:center; padding: 70px 0; margin: 20px 0 0;}
.c5wrapper .tag-line h2{font-weight:bold; font-size:34px; line-height: 42px; letter-spacing: -1.5px;}
.c5wrapper .tag-line h2 span{font-weight:normal;font-size:32px;}

.c5wrapper .btn {min-height: 64px; line-height: 24px; padding: 20px; width: 300px; max-width: 100%; background: #00a2ff; border-radius: 8px; border-bottom: 5px solid #017cc3; color: #fff; font-weight: bold; font-size: 26px; color: #fff;}
.c5wrapper .btn:hover {color: #fff; background-color: #0689D7;}

.c5wrapper #footer {color: #fff; line-height: 18px; margin-top: -95px; font-size: 12px;}
.c5wrapper #footer a {font-size: 12px;}

/* Form Styles */
label{margin-top:15px; font:bold 18px/28px Arial, Helvetica, sans-serif; color:#000;}
input,select,textarea{margin:5px 0}
input[type="text"], select, input[type="email"], input[type="tel"], textarea{width:100%; padding:7px 10px; color:#666; font-size:14px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #ccc; -webkit-box-shadow:inset 0px 1px 5px 1px #ccc); /* box-shadow:inset 0px 1px 5px 1px #ccc; */}
select{padding:6px 10px;}
.ccm-input-date{width:100%; padding:7px 7px; color:#666; font-size:14px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #ccc; -webkit-box-shadow:inset 0px 1px 5px 1px #ccc);}
input[type="submit"]{min-height: 64px; line-height: 24px; padding: 20px; width: 250px; max-width: 100%; background: #00a2ff; border-radius: 8px; border-bottom: 5px solid #017cc3; color: #fff; font-weight: bold; font-size: 26px; color: #fff;}
input[type="submit"]:hover{background: #079cf1; color: #fff;}
.ccm-captcha-image {margin-top:5px;}
.checkboxPair label{font-weight:normal;}
.field field-text{padding-top:20px !important;}
.field field-email{padding-top:20px !important;}
.field field-telephone{padding-top:20px !important;}

/* Concrete5 Hacks */
.ccm-ui input, .ccm-ui textarea, .ccm-ui select, .ccm-ui .uneditable-input {height: 28px;}
.theme-default .nivoSlider {box-shadow: none; margin-bottom:0px;}
.chzn-container-multi .chzn-choices .search-field input {height: 28px;}



/* =================================================================================
--------------------------    Media queries      -----------------------------------
================================================================================= */


/* ------------ Desktop, Laptop's and Tablets ----------------- */
@media (max-width:1023px){
    .crwrapper h3.headline, h3.contact {padding: 20px 0;}
    .c5wrapper nav {margin: 0 0 15px;}
    .c5wrapper nav ul {background: none; text-align: center;}
    .c5wrapper nav ul li {margin: 0 2px 5px;}
    .c5wrapper nav ul li a {background: #f1b61c; color: #000;}
    .c5wrapper .slider  {text-align: center;}
    .c5wrapper .slider-img {margin: 20px auto 0}
    .c5wrapper .services .col-md-4 {margin-bottom: 50px;}
}
/* ---------------- Tablets and mobiles ---------- */
@media (max-width: 959px) {

}
/* ---------------- Tablets and mobiles ---------- */
@media (max-width: 767px) {
    .c5wrapper .middle {text-align: center;}
    .c5wrapper .testimonials .row {margin-bottom:60px;}
    .c5wrapper #footer, .text-right {text-align: center;}
}
/* ---------------- mobiles ---------- */
@media (max-width: 599px) {
    .c5wrapper nav ul li {display: block;}
    .c5wrapper nav ul li ul {position: static;}
    .c5wrapper nav ul li a {padding: 12px 10px 7px;}
    .c5wrapper .mob-nav  {display: block;}
    .c5wrapper nav ul  {display: none;}
	.c5wrapper h3.headline {display:none;}
	.c5wrapper h3.contact {padding: 10px 0px 10px 0px;}
}   
/* ---------------- mobiles ---------- */
@media (max-width: 479px) {

}