/* Theme Name: Collagen Theme */
#cform .wpcf7-date {color: #000000 !important;}

#sidebar2 {width: 60% !important; padding: 10px 1.5%; margin: 30px auto;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; background:#3C7B7E;}


@media only screen and (min-width: 1201px) {
.headerblock {position:absolute; z-index:1000; top:10%; right:10%; width: 40%; text-align:left;}
#sitehead-row1 .logo {margin-left: 6%; display: block; width: 24%; height:auto;}
#content {width:45%; float:left;}
#cform .tbcell {margin-bottom: 10px; width: 45%; overflow:hidden;}
#cform .tbcell-left {float:left;}
#cform .tbcell-right {float: right;}
#content2 {margin-top: 80px;}
.textblock {width: 50%; float:right; text-align:center; color: #064042 !important; margin: 30px 10% 0 0;}
.mobi-banner {display:none;}
#sitehead-row1 .logo {float: left;}
#sidebar {width: 48%; float:right; margin: 60px 0;}
#sidebar1 {padding: 20px 3%; }
#sidebar2 {padding: 20px 3%; }
#sidebar1 {-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
}
@media only screen and (min-width: 1401px) {
#cform .textline1 {margin-bottom: 15px; font-size: 28px;}
#cform .textline2 {margin-bottom: 15px; font-size: 22px;}
.headerblock h2 {font-size: 28px !important;}
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
#cform .textline1 {margin-bottom: 15px; font-size: 22px;}
#cform .textline2 {margin-bottom: 15px; font-size: 18px;}
.headerblock h2 {font-size: 24px !important;}
.headerblock p {font-size: 16px !important;}
}
@media only screen and (max-width: 1200px) {
.textblock {width: 90% !important; margin: 0 10% !important; float:none !important;}
.textimg {display: none;}
#sitehead-row1 .logo {margin: 0 auto; display: block; max-width: 88%; height:auto;}
#sitehead .banner, .garua, #sitehead-row1 .share {display: none !important;}
#cform .textline1 {margin-bottom: 15px;  font-size: 26px; clear: both;}
#cform .textline2 {margin-bottom: 15px;  font-size: 18px; clear: both;}
.headerblock {width: 90%; padding: 10px 5%; background: #8AAB7E !important; text-align:center;}
#cform .tbcell {margin-bottom: 10px; width: 100%; overflow:hidden;}
.headerblock2 {margin: 10px 0;}
#content2 {margin-top: 40px;}
#sidebar1, #sidebar2 {padding: 20px;}
#sidebar {width: 100%; margin: 30px auto;}
.textblock {text-align:center; color: #064042 !important; width: 80%; margin: 30px auto 0 auto !important;}
.headerblock h2 {font-size: 24px !important;}
.headerblock p {font-size: 16px !important;}
}

#sidebar1 {background: #33602D;}
#sidebar1 li {color: #AED7D1; font-size: 18px;}
#sidebar2 {background: #3C7B7E;}
#sidebar h2 {color: #ffffff; font-size: 26px; padding: 0; margin: 0 0 20px 0;}
#sidebar1 p {color: #ffffff; font-weight: bold; font-size: 22px; padding: 0; margin: 0 0 10px 0;}


.headerblock {font-size: 24px; font-weight:bold; text-align:center;}
.headerblock ul {padding: 0; margin: 0 0 0 19px;}
.headerblock ul li {padding: 0; margin: 0 0 10px 0;}
.headerblock h2 {color: #ffffff; text-shadow: 1px 1px 2px #000000;}
.headerblock .style1 {font-weight: bold; font-size: 28px; color: #293B4F; }
.headerblock .style2{font-weight:bold; font-size: 20px; color: #000000; }
.headerblock .style3 {font-weight: bold; font-size: 22px; color: #AED7D1;}
.headerblock .style4 {font-weight: bold; font-size: 22px; color: #89622C;}
.headerblock .style5 {text-align:center; font-weight: bold; font-size: 26px; color: #000000;}
.headerblock .style6 {text-align:center; font-weight: bold; font-size: 22px; color: #89622C;}

#content2 {color: #ffffff;}
#content2 h2{font-size: 28px;}
#content2 ul {font-size: 22px;}

.textblock-wrap {background: #acc38f; padding: 0; width: 100%; height: auto; overflow:hidden; border-bottom: 4px solid #3C7B7E; border-top: 4px solid #3C7B7E;}
.textimg {float: left; width: 37%;}

.mobi-banner {width: 100%; height: auto;}



#sitehead-row1 {overflow: hidden;}
#sitehead-row1 .share {float:right; margin-right: 4%; }

/* Basics */
body {font-family: open sans;  padding: 0; margin: 0;font-size: 16px;}
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}

#cform .terms {clear:both; color: #064042; font-style: italic; display:block; width: 100%;}
#cform .tbcellspace {margin-bottom: 40px;}
#cform {width: 100%;overflow: hidden; padding: 50px 0 40px 0;}
#cform form {padding: 0; margin: 0;}
#cform .textline1 {color: #064042; font-family:Oswald;}
#cform .textline2 {font-family: Oswald; margin-bottom: 20px; color: #064042;}

#cform .tbcell label {font-family: Oswald; margin-bottom: 5px; color: #3C7B7E; font-size: 24px; display:block; width: 100%;}
#cform .tbcell input {border: 1px solid #3C7B7E; background: #ffffff; font-weight: bold;  display:block; width: 96%; height: 40px; padding: 0 1%; line-height: 40px;}
#cform .tbcell textarea {border: 2px solid #0D1D2D; background: #ffffff; font-weight: bold;  display:block; width: 96%; height: 100px; padding: 0 1%; line-height: 40px;}


#cform .cfsubmit {color: #ffffff; background: #064042; clear: both; font-family: Oswald; font-size: 24px; border: 0 !important; margin: 30px 0 0 0 !important; padding: 0 20px; height: 60px; line-height: 60px;}
#cform .tbcell input, #cform .cfsubmit {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

#cform .wpcf7-select {width: 25%; margin-right: 5%; height: 30px; line-height: 30px;}

/* Background Colors */
body {background: #ffffff;} /* White */
#sitehead-row2 {background: #afa597;} /* Grey */
#sitemain {background: #AED7D1} /* blue */
#testimonials {background: #08294C;}

/* Font Colors */
body {color: #000000;} /* Black */

#sitefoot {background: #3C7B7E; font-size: 14px; font-weight: bold; color: #ffffff; border-top: 6px solid #ffffff;}
#sitefoot p {padding:20px 0; margin:0;}
#sitefoot .inside { width: 70%; margin: 0 auto; text-align:center;}

/* Site Header */
#sitehead {width: 100%; }
#sitehead-row1 {padding: 10px 0 10px 0; overflow:hidden; height: auto; width: 100%;}

#sitehead-row1 {background:#33602d;}
#sitehead-row1 .share {}
#sitehead-row2 {width: 100%; position: relative; border-bottom: 6px solid #ffffff;}
#sitehead-row2 .banner {display: block; width: 100%; height: auto; border-bottom: 4px solid #3C7B7E;}

#sitewrap {width: 100%;}
#sitefoot {width: 100%;}

#sitemain {width: 90%; padding: 0 5%; overflow:hidden; border-bottom: 6px solid #ffffff;}



.cblue {color: #0079FF;}
.cgreen {color: #6CAA01;}
.corange {color: #F79405;}

.bgblue {background: #0079FF;}
.bggreen {background: #6CAA01;}
.bgorange {background: #F79405;}






/* content */

#testimonials {padding: 30px 10%; margin: 0; width: 80%; text-align:center;}
#testimonials p {padding: 0; margin: 0; line-height: 26px;}
#testimonials .stars {display:block; margin: 20px auto 0 auto;}
#services {}


/* Reset */
/* HTML5 for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}