/*
Theme Name: CPO - 2016
Author: Custom Patches Online
Author URI: http://www.custompatchesonline.com
Version: 1.0
*/

html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body {margin: 0;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: 700;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
hr {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
code,kbd,pre,samp {font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
select {text-transform: none;}
button {overflow: visible;}
button,input,select,textarea {max-width: 100%;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;opacity: .5;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-right: 0.4375em;padding: 0;}
input[type="date"]::-webkit-inner-spin-button,input[type="date"]::-webkit-outer-spin-button,input[type="time"]::-webkit-inner-spin-button,input[type="time"]::-webkit-outer-spin-button,input[type="datetime-local"]::-webkit-inner-spin-button,input[type="datetime-local"]::-webkit-outer-spin-button,input[type="week"]::-webkit-inner-spin-button,input[type="week"]::-webkit-outer-spin-button,input[type="month"]::-webkit-inner-spin-button,input[type="month"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #d1d1d1;margin: 0 0 1.75em;min-width: inherit;padding: 0.875em;}
fieldset > :last-child {margin-bottom: 0;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
optgroup {font-weight: bold;}

body {font-family: 'Open Sans', sans-serif;}
h1,h2,h3,h4,h5,h6 {clear: both; font-weight: 300; font-family: 'Oswald', sans-serif; margin: 0;	text-rendering: optimizeLegibility;}
p {	margin: 0 0 20px;}
dfn,cite,em,i {	font-style: italic;}

.container {width: 98%; max-width: 1200px; overflow: hidden; margin: 0 auto;}

#navigation {display: block; background: #2c80a2; font-family: 'Oswald', sans-serif; font-size: 18px;}
#primaryNav{float: left; color: #FFF;}
#primaryNav a, #socialNav a {color: #FFF; text-decoration: none; display: inline-block; margin: 10px 8px;}
#primaryNav a:hover {color: #f9ffa5; text-decoration: underline;}
#primaryNav a.orderLink {color: #f7ff94;}
#primaryNav a:first-child {margin-left: 0;}  
#socialNav {float: right;}
#socialNav a {margin: }
#socialNav a:last-child {margin-right: 0;}

#mainLogo{float: left; margin: 40px 0 60px;}
#info {display: block; overflow: hidden; width: 295px; float: right; margin-top: 30px;}
#info img {float: left;}
#info p {display: block; float: left; margin: 18px 0px 20px 10px;}
#info a {color:#2c80a2; text-decoration: none; }
#phoneLink {font-size: 20.7px;}
#emailLink {font-size: 13px;}

#sliderArea {background: url(images/sliderBg.jpg) 0px 20px no-repeat;}
#sliderContainer {position: relative; height: 630px;}

#saleText {color: #2c80a2; position: absolute; top:21.2%; left: 15%;}
#saleText h1 {font-size: 31px; font-family: 'Open Sans'; font-weight: 500;}
#saleText h1 span {font-size: 50px; line-height: 50px; font-weight: 700;}
#saleText li {list-style-image: url(images/li.png); font-size: 21px; margin-left: 10px;}

#layerslider {max-width: 747px; position: absolute; right: 34%; top: 9.5%; width: 100%;}
.ls-slide {position: relative; right: 0;}
.slideTxt {background: rgba(0,0,0,0.8) none repeat scroll 0 0; color: #fff; display: block; width: 330px; text-align: right;}
.slideTxt h1 {font-size: 36px; margin: 15px 0;}
.slideTxt p {font-size: 16px; line-height: 20px;}

#form {background: url(images/peak.png) top left no-repeat; padding-left: 23px; width: 420px; position: absolute; right: 2.5%;z-index: 100;}
#formTop {display: none;}
#formMain {background: #2c80a2; height: auto; min-height: 530px; padding-bottom: 10px;}

#easyPatches {padding: 0px 0 50px;}
#products, #features, #costumers {padding: 50px 0; font-weight: 300;}
#easyPatches h1, #products h1, #features h1, #costumers h1, .innerPage h1 {font-weight: 400; font-size: 36px; margin-bottom: 18px; }
#easyPatches h2, #products h2, #features h2, #costumers h2 {font-weight: 300; font-size: 30px; margin-bottom: 18px; }
#easyPatches h3, #products h3, #features h3 {font-weight: 300; font-size: 24px; margin-bottom: 6px; }

#easyPatches h1, #easyPatches h2, #easyPatches h3, #costumers h1, #costumers h2, .innerPage h1  {color:#2c80a2 !important;}
#easyPatches .step {display: block; overflow: hidden;}
.step img {float: left; width: 189px;display: block; margin-right: 4.5%;}
.stepTxt {display: block; float: left; width: 65%; margin-top: 4%;}
#easyPatches .button, #products .button {font-size: 24px !important; font-weight: 400;}

.button {font-family: 'Oswald', sans-serif; text-align: center; text-decoration: none; display: block; padding: 15px; border-radius: 5px; font-size: 18px; width: 350px; margin: 0 auto; cursor: pointer;}
.green, .gform_button {background: #c7d32c; color: #003347;}
.green:hover, .gform_button:hover {background: #a9ad75; color: #FFF;}

#products, #features, footer {background: #2c80a2; color: #FFF !important;}

#itemContainer {margin: 36px 0; overflow: hidden; text-align: center; padding: 0;}
.item {display: inline-table; width: 30%; }
.item:nth-child(2) {margin: 0 4%;}

#features ul {display: inline-block; margin: 24px 60px;}

#clientLogos {text-align: center; margin: 50px 0;}
.testimony {display: inline-block; width: 35%; margin: 4%;}
.testimony b {display: block; text-indent: 10px;}

footer {text-align: center; padding: 24px 0; font-size: 14px;}
#secondayNav {display: block; margin: 18px 0 24px;}
#secondayNav a {color: #fff; margin: 0 12px; text-decoration: none; font-size: 18px; font-family: 'Oswald'}
#secondayNav a:hover {text-decoration: underline;}
#responsiveNav {display: none;}

.innerPage {overflow: hidden;}
.innerPage article {width: 60%; float: left; margin-right: 36px; padding-bottom: 60px;}
.innerPage aside {float: right; min-width:340px; width: 32%; }

.innerPage .gform_widget {background: #2c80a2;}


/* Quote Form */
.widget-title{background: #08658a; text-align: center; color: #FFF; font-weight: 300; font-size: 30px; padding: 1% 0; }
.booking_form {padding-bottom: 30px;}
.booking_form label {display: block; color: #FFF; font-size: 16px; font-weight: 300;}
.gform_body {width:80%; margin: 0 auto;}
.gform_fields {list-style:none; padding-left: 0px;}
.gplaceholder {width: 100%; margin-bottom:5px; }
.gfield_required {color: #FFF;}
.booking_form input, .booking_form textarea, .booking_form select {width: 99%;padding: 5px 0px; text-indent: 10px;border-radius: 5px; border: 0;}
.booking_form #field_2_3, .booking_form #field_2_8, .booking_form #field_2_4 {width:45%; float: left;}
.booking_form #field_2_3  {margin-right: 9%}
.booking_form textarea {height: 25px; }
#input_2_7 {color: #FFF; text-decoration: underline;}
#extensions_message {color: #FFF; font-style: italic; font-size: 13px;margin-left: 12px;}
.booking_form select {text-indent: 2px; font-size: 14px;}
.gform_validation_container {display: none;}
input.gform_button {width: 50%; padding: 10px 0;}
.validation_error, .validation_message  {font-size: 13px; color:#FFF; background: #000;padding: 0 10px }

.gallery-bank-filter-categories {margin-bottom: 36px; border: none !important;}
.gallery-bank-filter-categories a {border: 1px solid; border-radius: 5px; box-shadow: none !important; color: #fff; margin: 5px; background: #ccc; }
.gallery-bank-filter-categories a.act {border-radius: 5px !important;}

/*.hidden_onload {display: none;}*/
.page #formPrices {display: block; width: 100%; text-align: left; margin: 36px 0;}
.page table {width: 100%;}
.page table th {background: #ccc; font-weight: bold;}
.page table td {text-align: center;}
.page table tr:nth-child(odd) {background: #EEE;}
.page table tr td:first-child {background: #CCC;}
.tableHeadline {margin: 36px 0;}

.hidden_onload {display: none !important;}

#post-153 img.alignnone {
    display: block;
    float: left;
    margin-right: 20px;
    max-width: 200px;
    width: 100%;
}


#post-153 .addons {
    display: block;
    margin: 25px 0;
    overflow: hidden;
}

#post-169 .medium {
    width: 100%;
}


#post-169 .gfield_label {
    display: block;
    margin-top: 10px;
    width: 100%;
}
/* Media Queries*/

@media screen and (max-width:1099px) {
    #saleText {left:10%;}
}
    
@media screen and (max-width:1020px) {
    #navigation {text-align: center;}
    #primaryNav, #socialNav {float: none;}
    #mainLogo {width: 60%;}
    #info {margin-top: 20px;}
    #saleText {left: 0%;}
    .innerPage article {width: 52%;}
}
    
@media screen and (max-width:790px) {
    #saleText h1 {font-size: 27px;}
    #saleText h1 span {font-size: 43px;}
    #saleText li {font-size: 18px;}
    .innerPage article {width: 50%;}
    
}

@media screen and (max-width:765px) {
    #logoArea {text-align: center;margin-top: 40px;}
    #mainLogo {float: none; width: 90%; margin: 30px auto 0;}
    #info {float: none; margin: 15px auto}
    #saleText {display: none;}
    #form {right: 13.5%;}
    #easyPatches, #products, #features, #costumers {text-align: center;}
    #easyPatches ul {padding: 0;}
    #easyPatches .step {text-align: center;}
    .step img {float: none; margin: 0 auto;}
    .stepTxt {float: none;margin: 4% auto; width: 85%;}
    #responsiveNav {display: block; background: #2c80a2; position: fixed; top:0; margin: 0 auto; width: 100%; text-align: center; padding: 10px 0; z-index: 100;}
    #responsiveNav a {margin: 5px 3%;}
    #navigation {display: none;}
    .innerPage article {width: 100%; float: none;}
    .innerPage aside {width: 100%; float: none;}
    
}
    
@media screen and (max-width:590px) {
    #form {right: 5.5%;}
    #easyPatches h1, #products h1, #features h1, #costumers h1 {font-size: 30px;}
    #costumers ul {padding: 0;}
    .testimony {width: 75%;}
}
    
@media screen and (max-width:450px) {
    #form {left: 0; padding-left: 0; width: 100%;}
    .button {width: 250px;}
    .item img {width: 300px;}
    .item:nth-child(2) {margin: 0 0;}
    #responsiveNav a {margin: 5px 1%;}


}