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

#user-url {margin-top: 40px; padding-top: 40px; border-top: 1px solid #036B19;}
.affsec {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #036B19;}
.affsec h3 {color: #036B19; font-weight: bold; font-size: 22px;}
.affsec h4 {color: #265B59; font-weight:bold; font-size: 18px;}
.afftext {color: #7F2A00; font-weight:bold; font-size: 16px; font-style:italic;}
.affform3 input {max-width: 450px !important;}

.affform1, .affform2 {max-width: 500px;}
.affform input[type="text"], .affform input[type="password"] {width: 80%; height: 30px; line-height: 30px; border: 1px solid #265B59; padding: 5px;}
.affform input.password {width: 80%; height: 30px; line-height: 30px; border: 1px solid #265B59; padding: 5px;}
.affform input[type="submit"] {background: #265B59; color: #ffffff; border: 0; line-height: 30px; height: 30px; min-width: 100px;}

h1 {font-size: 26px; color: #000000; font-weight:bold; margin-top: 30px;}

#affiliate-menu {border: 1px dotted #1A6601; padding:20px 10%; margin: 0; width: 80%;}
#affiliate-menu li {color: #1A6601; line-height: 30px;}
#affiliate-menu li a {color: #1A6601;}
#affiliate-menu li a:hover {color:#265B59;}


@media only screen and (min-width: 1200px) {
.headerblock {position:absolute; z-index:1000; top:9%; right:5%; width: 45%; text-align:left;}
#sitehead-row1 .logo {margin-left: 6%; display: block; width: 24%; height:auto;}
#content {width:45%; float:left;}
#content3 {width:68%; float:left;}
#sidebar {width: 48%; padding: 10px 1.5%; float:right; margin: 30px 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
#sidebar3 {width: 25%; padding: 10px 1.5%; float:right; margin: 30px 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
#sidebar2 {width: 60%; padding: 10px 1.5%; margin: 30px auto;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; background:#3C7B7E;}
#cform .tbcell {margin-bottom: 10px; width: 45%; overflow:hidden;}
#cform .tbcell-left {float:left;}
#cform .tbcell-right {float: right;}
.headerblock2 {width: 80%; margin-top: 30px;}
#content2 {margin-top: 80px;}
.textblock {width: 70%;}
.mobi-banner {display:none;}
#sitehead-row1 .logo {float: left;}
}
@media only screen and (min-width: 1551px) {
#cform .textline1 {margin-bottom: 15px; font-size: 36px;}
#cform .textline2 {margin-bottom: 15px; font-size: 24px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1550px) {
#cform .textline1 {margin-bottom: 5px; font-size: 27px; clear: both;}
#cform .textline2 {margin-bottom: 5px;  font-size: 16px; clear: both;}
}
@media only screen and (max-width: 1199px) {
.textblock {width: 100%;}
.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: 30px; clear: both;}
#cform .textline2 {margin-bottom: 15px;  font-size: 18px; clear: both;}
#sidebar {width: 90%; padding: 20px 4.7%;  margin: 30px auto;}
.headerblock {width: 90%; padding: 10px 5%; background: #DCDBE0 !important; text-align:center;}
#cform .tbcell {margin-bottom: 10px; width: 100%; overflow:hidden;}
.headerblock2 {margin: 10px 0;}
#content2 {margin-top: 40px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
.headerblock {top:5% !important;}
.headerblock h2 {font-size: 22px !important;}
.headerblock p {font-size: 18px !important;}
}

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

.textblock-wrap {padding: 20px 10%; width: 80%; height: auto; overflow:hidden; border-bottom: 4px solid #3C7B7E; border-top: 4px solid #3C7B7E;}
.textblock {float:right; text-align:center;}
.textimg {float: left; width: 28%;}

.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;}

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


.headerblock h2 {color: #3C7B7E;}
.headerblock .style1 {font-weight: bold; font-size: 20px; color: #000000;}
.headerblock .style2{font-weight:bold; font-size: 18px; color: #603800; }
.headerblock .style3 {font-weight: bold; font-size: 22px; color: #E1623F;}
.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;}

#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 */
#sidebar {background:#3C7B7E;} /* Med Grey */
#sidebar .signup {background: #093A70;} /* blue */
#sitemain {background: #AED7D1} /* blue */
#testimonials {background: #08294C;}

/* Font Colors */
body {color: #000000;} /* Black */
#testimonials, #sidebar ul li span, #sidebar .signup {color: #ffffff;} /* White */
#sidebar h2 {color: #ffffff;} /* blue */
#sidebar p {color: #ffffff;} /* Navy */

#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:#265B59;}
#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;}


#sidebar h2 {font-size: 26px; padding: 0; margin: 0 0 10px 0;}
#sidebar p {font-weight: bold;}
#sidebar .signup {display: block; margin-top: 30px; padding: 10px 0; width: 170px; font-weight: bold; text-align:center; text-decoration:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#sidebar ul {padding: 0; margin: 0;}
#sidebar ul li {color: #ffffff; border-bottom: 1px solid #093A70; padding: 0 0 10px 0; margin: 0 0 10px 0; list-style-type:none;   font-weight: bold; overflow:hidden;}
#sidebar ul li span {font-size: 30px; float:left;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  display: inline-block;
  font-weight: bold;
  line-height: 50px;
  margin-right: 5px;
  text-align: center;
  width: 50px; 
  margin-right: 10px;
}

#sidebar3 h2 {font-size: 26px; padding: 0; margin: 0 0 10px 0;}
#sidebar3 p {font-weight: bold;}
#sidebar3 .signup {display: block; margin-top: 30px; padding: 10px 0; width: 170px; font-weight: bold; text-align:center; text-decoration:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#sidebar3 ul {padding: 0; margin: 0;}
#sidebar3 ul li {color: #ffffff; border-bottom: 1px solid #093A70; padding: 0 0 10px 0; margin: 0 0 10px 0; list-style-type:none;   font-weight: bold; overflow:hidden;}
#sidebar3 ul li span {font-size: 30px; float:left;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  display: inline-block;
  font-weight: bold;
  line-height: 50px;
  margin-right: 5px;
  text-align: center;
  width: 50px; 
  margin-right: 10px;
}

/* 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;}