/* Theme Name: freshlook */

 /* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/

/*  Responsive grid system */

.section {clear: both;padding: 0px;margin: 0px}

.group:before,.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}

.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

.span_3_of_3 {width: 100%}
.span_2_of_3 {width: 66.13%}
.span_1_of_3 {width: 32.26%}

/* End responsive grid system */

body{background:#f0f0f0}

.header{margin:auto;width: 100%;height:150px;background:#fff;padding: 10px 0 20px 0;}
.header-logo{padding-left:15px;width: 25%}
.contacts{position:relative;float:right; padding-right: 20px; padding-top: 70px; width: 23.1%}
.contacts h3{color: #f38320;font-family:'Times New Roman';font-size: 26px;font-style:italic}
.contacts p{color: #f38320; font-family: 'Arial';font-size: 25px}
.contacts a, .contactfooter p{color: #f68021; font-family:'Times New Roman';font-size: 25px}
.headerimg{position:relative;float: right; padding-right: 15px; padding-top: 25px; width: 15%;}
.headerimg img{border:3px solid #f38320; box-shadow:10px 10px 5px #888888;}

.contactfooter{width:80%;margin:auto;text-align:center; padding-right: 25px; width: 80%}
.contactfooter h3{color: white; font-family:Arial;font-size: 25px;font-weight: bold}
.contactfooter a{color:white; font-family:'Times New Roman';font-size: 25px}
.contactfooter p{color: white; font-family:'Times New Roman';font-size: 25px}
.heading h2{color: #f48220; font:45px Open Sans, sans-serif;}
.heading h2 span{color: #42af4f; font-family:'Palace Script MT'; font-size:65px;}
.topmargin{margin-top: 80px;}

.tagline{background:#f38320;width:100%;padding: 5px 0 5px 25px;height: 50px}
.taghead{width: 30%}
.tagline h2{float:left;color: #000;font-family:'Times New Roman';font-size: 26px;font-style:italic;}


.colheadbox{height: 70px;margin-bottom: 20px}
.colblock h2{font:25px Open Sans, sans-serif;margin:25px 0 25px 0;text-align: center}
.colblock p{color:#292728;font: 17px Helvetica, sans-serif; line-height:25px}
.colblock a{color:#f48220;font: 17px Helvetica, sans-serif; line-height:25px}

.colblock img{display: block;margin: auto}

.aboutblock p, .contactblock{color:#292728;font: 17px Helvetica, sans-serif; line-height:45px}

.contactblock p{color:#292728; font: 17px Helvetica, sans-serif; line-height:45px}

.aboutblockimg{border: 5px solid #f48220; float: right;width: 450px;height: auto}

/*--menu--*/
.mainmenu{background:#fff;text-align:left;width: 100%}
.mainmenu > ul{display: block;height: 56px;}
.mainmenu > ul:first-child{border-left:1px solid #e3e3e3}
.mainmenu > ul > li {display: inline-block;position: relative; border-right:1px solid #e3e3e3}
.mainmenu > ul > li.active a, .mainmenu > ul > li a:hover{color: #000;background:#f48220;}
.mainmenu > ul > li > a, .mainmenu > ul > li > ul > a{
	text-transform: capitalize;
	font-family: Helvetica, sans-serif;
	color: #000;
	display: block;
	padding: 20px;
	letter-spacing: 1px;
	font-size: 14px;
}

.mainmenu > ul > li:hover > ul {opacity: 1;top: 65px;visibility: visible;}
.mainmenu > ul ul > li {position: relative;}

.wrap{width: 80%;margin: auto;margin-bottom:60px;}

.footer{padding-top:10px;width:100%;height:auto;background:#7fad4f}

.footer img{text-align: center;margin-left:20px;}

.copy {width:80%;margin: auto;color: white; font-family:Arial;font-size: 18px;padding-top:20px;padding-bottom:10px;text-align: center}
.copy a{color: #f48220};

div.wpcf7 {
    background:#aed25a;
    width:90%;
    margin: 3%;
    padding: 10%;
    font: 17px Helvetica, sans-serif; line-height:25px;
}

input[type="text"],input[type="email"],textarea{width: 100%; border-radius: 5px}

textarea{width: 100%; border-radius: 5px;border: 2px inset}

input[type="submit"]{background:#f48220;width: 60%; float: right; border-radius: 5px;color:#fff}



@media only screen and (max-width: 480px) {
.col {margin: 1% 0 1% 0%;}
.span_3_of_3, .span_2_of_3, .span_1_of_3{width: 100%; }
}