@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Architects+Daughter);
* {box-sizing: border-box;}
body {background:url(../images/crossword.png) repeat 0 0 scroll transparent;font-family:'Droid Sans',sans-serif !important;}
::-moz-selection{background:#00699E;color:#fff;text-shadow:none}
::selection{background:#00699E;color:#fff;text-shadow:none}
input, select, textarea {background: none; border-radius: 0;}
a:link{-webkit-tap-highlight-color:#8EC252;}
#html5-watermark { display: none!important;}
ins{background-color:#fcd700;color:#000;text-decoration:none}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:bold}
input:-moz-placeholder{color:#a9a9a9}
textarea:-moz-placeholder{color:#a9a9a9}

.leftimg{float:left;margin:5px 10px 5px 0}
.rightimg{float:right;margin:5px 0 5px 10px}

#back-top span { background-color: #005580!important;}

h1.page-title {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	margin-bottom: 15px;
	margin-top: 30px;
	padding-bottom: 15px;
	position: relative;
}
h1.page-title::after {
	background-color: #DBD3BE;
	bottom: -1px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 30px;
}

h3 { color: #000; font-size: 2.1em; text-align: left;line-height: 1.1;font-weight: bold;}

.title {text-align: center;}

div.horizontalSep {background: rgba(0,0,0,0) url("http://www.customclosetandgarage.com/wp-content/uploads/2015/08/horizontalSeparator.jpg") no-repeat scroll center top / contain;height: 55px;margin-top: 35px;width: 1000px;}

.lp-ul{margin:1em 0 0;}

.lp-ul li{
	list-style: inside none disc;
	font-size: 20px;
    line-height: 1.1;
    margin: 40px 0px 40px 20px;
	}

.margin-25 {float: left; height: 25px; width: 100%;}

.center {text-align: center;}

.left {float: left;}

.right {float: right;}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{min-height:1px;position:relative;float:left}
.col-12{width:100%}
.col-11{width:91.6667%}
.col-10{width:83.3333%}
.col-9{width:75%}
.col-8{width:66.6667%}
.col-7{width:58.3333%}
.col-6{width:50%}
.col-5{width:41.6667%}
.col-4{width:33.3333%}
.col-3{width:25%}
.col-2{width:16.6667%}
.col-1{width:8.33333%}


.wrapper{width:100%;float:left;overflow: hidden; padding: 30px 0; position: relative;}
.wrapper.top-section{padding:0;overflow:visible}
.container {width: 1000px !important;}
.row{margin-left:0 !important;}

/* Header CSS */
.header { border: medium none; padding: 30px 0 0;}

.header-widgets { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; float: right;}

.header-widgets::after { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;}

.mid-section img{padding:5px; border:1px solid #777;}

.mid-section h4 {text-align: left; font-size: 1.8em; margin: 0 0 40px;font-weight:bold;}	

.testimonials h4  {text-align: left; font-size: 1.8em; margin: 0 0 40px;font-weight:bold; font-family: "Architects Daughter",cursive;}   

.features { padding: 0;}

.features h6 { color: #fff; font-size: 1.3em;}

.features li { clear: both; list-style: outside none none; margin: 40px 0;}

.icon-container {
	background-image: url("<?php echo get_stylesheet_directory_uri(); ?>/images/list-icon.png");
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 40px;
	margin-right: 10px;
	margin-top: -8px;
	width: 40px;
}

.header { background-color:transparent!important; padding: 0;}

.top {background: linear-gradient(to bottom, #333333 0%, #2b2b2b 100%) repeat scroll 0 0 #333333;border-bottom: 1px solid #4e4e4e;}

.top-section {background-image: url("http://www.customclosetandgarage.com/wp-content/themes/OrganizersTheme/images/banner-bg.png");border-top: 2px solid #f08821;border-bottom: 2px solid #f08821;}



.top-section h1 { color: #fff; text-align: center;}

.top-section h3 { color: #c3ad8b; text-align: center;}

.top-section p { color: #fff; font-size: 1.1em;}

.top-cta{display: inline;position: absolute;left: -50px;top:40px;z-index: 10;}

.slogan { color: #e1e1e1; font-style: italic; padding: 7px 0;}

.logo {
	float: left;
	margin: 25px 0 0;
	width: 300px;
}



#header {float: left; width: 100%;}

.header-widgets {
	background-color: #005580;
	float: right;
	height: 100%;
	padding: 10px 0 20px;
	position: relative;
}

.header-widgets::after {
	background: #005580 none repeat scroll 0 0;
	content: "";
	height: 100%;
	position: absolute;
	right: -99%;
	top: 0;
	width: 100%;
}

.widget-icon-box {
	border-bottom: 0 none;
	float: left;
	padding: 8px 0;
	text-align: left;
	width: 330px;
}
.icon-box {
	color: #fff;
	display: inline-block;
	margin-left: 15px;
	padding-right: 15px;
	text-align: left;
	width: 100%;
}
.icon-box > .fa {
	color: #fff;
	float: left;
	font-size: 28px;
	margin-bottom: 30px;
	margin-right: 10px;
}
.icon-box__title {
	color: #f08821;
	font-size: 36px;
	margin-top: 5px;
	font-family:'Droid Sans',sans-serif !important;
}
.social-icons__link {
	color: #FFF;
	font-size: 25px;
	padding: 0 8px;
	transition: all 200ms ease-out 0s;
}
.social-icons__link:hover {color: #F36B21;}

.icon-box__title { font-size: 36px;}
.icon-box > .fa {color: #333;}
.icon-box__text {display: inline;color: #4E4E4E;margin: 0;font-weight:bold;}
.icon-box__text p{
	font-size: 16px;
	font-family: 'Droid sans';
	font-weight: normal;}
.icon-box__text h5{color: #666;font-size: 24px;margin: 0;font-weight:bold;}
.promo {
	background-color: #005580;
	float: left;
	margin-bottom: 30px;
	padding: 10px 0;
	position: relative;
	width: 100%;
	z-index: 200;
}

.promo .btn:hover {background-color: #176F53!important;color: #FFF!important;}

.banner__text {
	color: #fff;
	float: left;
	font-size: 24px;
	font-weight: 700;
	padding: 23px 0 22px;
	text-align: center;
	text-transform: uppercase;
}
.banner__buttons {
	float: right;
	padding: 14px 0 13px;
	text-align: center;
}
.btn {
	background: #faa74b; /* Old browsers */
	background: -moz-linear-gradient(top,  #faa74b 0%, #f36b21 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa74b), color-stop(100%,#f36b21)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #faa74b 0%,#f36b21 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #faa74b 0%,#f36b21 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #faa74b 0%,#f36b21 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #faa74b 0%,#f36b21 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa74b', endColorstr='#f36b21',GradientType=0 ); /* IE6-9 */
	border: medium none!important;
	border-radius: 3px;
	box-shadow: none;
	color: #FFF !important;
	font-size: 14px;
	line-height: 1;
	padding: 20px 30px;
	text-shadow: none;
	transition: all 200ms ease-out 0s;
}

.btn.active, .btn.disabled, .btn:active, .btn:focus, .btn:hover, .btn[disabled] {
	background: #f36b21; /* Old browsers */
	background: -moz-linear-gradient(top,  #f36b21 0%, #faa74b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f36b21), color-stop(100%,#faa74b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f36b21 0%,#faa74b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f36b21 0%,#faa74b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f36b21 0%,#faa74b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f36b21 0%,#faa74b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f36b21', endColorstr='#faa74b',GradientType=0 ); /* IE6-9 */
	
	color: #FFF !important;
}

.hours{margin-top:20px;}

.hours p{font-size:14px;line-height:1.1}

/*Slider CSS*/
.rslides_nav{margin-top:195px !important;}
.metaslider img{max-height:500px !important;}
.rslides_nav.prev{left:5px !important;}
.rslides_nav.next{left: 40px !important;right: initial !important;}
	.slider-wrapper {
	display: block;
	float: left;
	position: relative;
	width: 100%;
	z-index: 100;
}

/*Footer CSS*/
.before-footer{background-color:#102540;color:#fff}
.before-footer h4{font-size:26px;color:#fff;}
.before-footer .col-6, .before-footer .col-3 {
	padding: 0 15px;
}

.footer .logo { float: none !important; margin: 0 auto;}
#footer {
	float: left;
	width: 100%;
	background: url(../images/pattern26.png) repeat scroll 0 0 #695B4E;
	color: #DDD;
	font-size: 14px;
	padding: 0;
}

.footer-widgets {
	padding: 40px 0;
}
.footer-widgets::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.textwidget{float: left}

.textwidget ul li {
	list-style: outside none none;
	margin: 0;
	padding: 6.66667px 0;
}
.menu-services-menu-container ul {margin: 0;}

/*Gallery CSS */
#ngg-gallery-4609-1{padding: 0;margin-bottom:35px;}
.click-to {
    clear: both;
    display: block !important;
    float: left;
    font-family: "Architects Daughter",cursive;
    font-size: 15px;
    margin: 0 0 -15px;
    position: relative;
}
.click-to::before {
	background: rgba(0,0,0,0) url("http://www.arizonagaragedesign.com/hubfs/left-arrow.png?t=1439336640212&t=1439406832466") no-repeat scroll 0 0 / contain;
	content: "";
	height: 30px;
	left: -22px;
	position: absolute;
	top: -25px;
	width: 20px;
	display:block;
}
.tab-content { overflow: visible;}
[class*="thumbnail"] { text-align: left !important;}

/*Form CSS*/
.screen-reader-response, .wpcf7-validation-errors { color: #f60000;}
input, select, textarea { background-color: #fff; border: 1px solid #ddd !important; border-radius: 0 !important; height: auto !important; padding: 5px !important; width: 100%;max-height: 70px;}
.form-title{background-color: #F08821;padding: 20px 10px;}
form em{font-size:.75rem; text-align:center;}
.form { background-color: #102540; padding: 25px 15px;}
.wpf-hold {
    background-color: hsla(0, 0%, 100%, 0.9);
    border-bottom: 2px solid #F08821;
    border-left: 2px solid #F08821;
    border-right: 2px solid #F08821;
    display: inline-table !important;
    height: 100%;
    max-width: 350px;
    padding: 5px 15px 0;
    position: absolute;
    right: 0;
    top: -30px;
    z-index: 200;
}
.wpf-hold h3 {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f08821 0px, #db781c 100%) repeat scroll 0 0;
    color: #fff;
    font-size: 26px;
    margin: -5px -15px 20px;
    padding: 15px 0;
    position: relative;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}
.wpcf7-submit {
	background: #f08821;
	background: -moz-linear-gradient(top,#f08821 0,#db781c 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f08821),color-stop(100%,#db781c));
	background: -webkit-linear-gradient(top,#f08821 0,#db781c 100%);
	background: -o-linear-gradient(top,#f08821 0,#db781c 100%);
	background: -ms-linear-gradient(top,#f08821 0,#db781c 100%);
	background: linear-gradient(to bottom,#f08821 0,#db781c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f08821',endColorstr='#db781c',GradientType=0);
	box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset,0 0 5px #3574E3;
	font-family: "Droid Sans",sans-serif;
	font-size: 15px;
	padding: 6px 0!important;
	text-shadow: -1px -1px 0 #333;
	text-transform: uppercase;
	width: 100% !important;
	text-align: center;
	color: #fff!important;
	max-width: 100%;
	margin: 15px auto 0;
	margin-right: 0;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none!important;
	border-color: #64BAF0 #468EE6 #1C4ED5;
	border-radius: 4px 4px 4px 4px !important;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	-webkit-transition: opacity .15s linear 0s;
	-webkit-box-shadow: 0 1px 0 rgba(228, 228, 228, 0.5) inset,0 0 2px #01050B;
}

form p {
	color: #404040 !important;
	text-align: left;
	font-size:14px !important;
}
.privacy {
    color: #333 !important;
    font-size: 12px !important;
    font-style: italic;
    line-height: 12px;
    margin-bottom: 0;
    margin-top: 15px;
    text-align: center;
}	
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{line-height:17px;margin:0;}	

/*Testimonial CSS*/
.testimonials span{font-style:italic; color:#F08821;font-size:14px;}
.testimonials h4::before {
	background: rgba(0,0,0,0) url("http://www.arizonagaragedesign.com/hubfs/bubble.png?t=1439336348173&t=1439406832466") no-repeat scroll 0 0 / contain;
	content: "";
	height: 100px;
	left: -20px;
	opacity: .3;
	position: absolute;
	top: -25px;
	width: 100px;
}
.testimonials .col-4 {padding: 0 15px;}

@media only screen and  (max-width: 768px){
#click-menu{display:none !important;}	
}



@media only screen and (min-width: 320px) and (max-width:480px){
.container {width: 100% !important; padding: 0 15px;}	
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{min-height:1px;position:relative;float:none;width:100%;}	
#click-menu{display:none !important;}	
.pull-left {float: none !important;}
.logo {
    margin: 25px auto 0;
    width: 300px;
    text-align: center;
}
.header-widgets{float:none;}
.textwidget {float: none !important;}
.icon-box{margin:0}
.widget-icon-box{width:100%;float:none;}
.icon-box__text{text-align:center;}
.icon-box__title{display:block;}
.metaslider{display:none;}
.top-cta {display: none !important;}
.wpf-hold {
    display: block !important;
    left: 0;
    margin: 0 auto;
    max-width: none;
    position: relative;
    top: 0;
    width: 300px;
}
.ngg-gallery-thumbnail-box{float:none !important;}
.ngg-gallery-thumbnail{float:none !important;}
.ngg-gallery-thumbnail img{margin:0 auto !important;}


.click-to{text-align:center;}
.lp-ul li{margin-left:30px;font-size:17px;}

.testimonials h4{font-size: 1.7em;margin: 0 0 40px 20px;}
.testimonials h4::before{top: -15px;left: 0px;}


}