/*
Theme Name: Fractional Laser
Theme URI: https://www.fractionallaser.co.nz/
Description: Fractional CO2 at the womens Health Centre
Version: 1.0
Author: A1dezine Ltd. Hamilton
Author URI: http://a1dezine.com
*/
@charset "utf-8";
/* CSS Document */

body{margin:0 auto; padding:0; font-family:'Open Sans', sans-serif; #font-size:14px;}

img{border:0}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:normal; line-height:normal; font-family: 'Bree Serif', serif;}

h1{font-size:38px; font-weight:400;}
h2{font-size:30px; font-weight:400;}
h3{font-size:24px; font-weight:400;} 
h4{font-size:18px; font-weight:400;} 
h5{font-size:16px; font-weight:400;} 

a{color:#cc9f5b; text-decoration:none;}
a:hover{color:#cc9f5b; text-decoration:underline;}

.wrapper{margin:0 auto; width:1200px;}

.header{float:left; width:100%; padding:0; position:inherit; z-index:99; transition:.5s; #background:#fff; #border-top:2px solid #1eabbc; font-family: 'Bree Serif', serif;
	#box-shadow:2px 0px 3px 0px #999;
}

.header_top{background:#111111; width:90%; float:left; padding:10px 5% 0 5%; color:#fff; font-size:14px; font-weight:400; border-bottom:1px solid #f1ece6;}

.header_top_left{float:left; width:50%}
.header_top_left p{float:left; margin:0 10px 0 0;}
.header_top_left img{ float:left; margin-right:5px;}

.header_top_right{float:left; width:50%; text-align:right;}
.header_top_right img{display:inline-block; margin-right:5px; top:5px;}

.header_main{float:left; width:90%; padding:25px 5% 15px 5%; background:#fff; color:#FFFFFF;}

.cart_sec{float:right; margin-top:0;}

.logo{float:left; transition:.5s; #width:100%; padding:0;}
.logo img{#display:block; width:306px; height:auto; transition:.5s;}

.logo p, .header_top_left p, .header_top_right p{ margin:0;}

.smaller{padding:0; transition:.5s; position:fixed; border-bottom:1px solid #ddd;}
.smaller .header_main{float:left; width:90%; padding:5px 5%; #background:#004392; color:#FFFFFF;}
.smaller .logo{float:left; transition:.5s; #width:100%; padding:0;}
.smaller .logo img{width:300px; display:block; height:auto; transition:.5s;}

.smaller .header_top{#background:#222;}

.smaller .cart_sec{#float:right; margin-top:5px; }

.smaller .menu_sec{float:right; #width:100%; margin-top:2px;}

.menu_sec{float:right; #width:100%; margin-top:0; transition:.5s; margin-right:1%;}

.sections{float:left; width:100%; background:#f1f1f1;}
.banner{float:left; width:100%;}
.banner img{width:100%; height:auto; display:block;}

.services_sec{float:left; width:100%; padding:2% 0; font-size:14px; background:#111111;}
.services_sec h1{text-align:center; color:#fff; margin-bottom:25px;}
.services_sec ul{padding:0; margin:0; list-style-type:none}
.services_sec ul li{float:left; width:31.33%; color:#cc9f5b; margin-right:2%; text-align:center;}
.services_sec ul li img{width:70%; height:auto;
border-radius:360px;
}

a.more{padding:10px 25px; font-size:16px; font-weight:400; background:#cc9f5b; border:0; color:#FFFFFF; margin-left:5px; cursor:pointer;
 border-radius:35px;
 display:inline-block;
 transition:.5s;
 text-decoration:none
}



.why_sec{float:left; width:100%; padding:3% 0 2% 0; line-height:24px; font-size:14px; color:#333333; background:#fff;}
.why_sec iframe{float:left; margin-right:25px; width:50%;}



.categories_sec{float:left; width:93%; padding:2% 3%; background:#f1f1f1;}
.categories_sec h1{float:left; text-align:center; color:#000; width:100%; margin-bottom:45px;}
.categories_sec ul{padding:0; margin:0; list-style-type:none}
.categories_sec ul li{float:left; width:16.66%; color:#cc9f5b; margin-right:0%; text-align:center;}
.categories_sec ul li img{width:75%; height:auto; margin-bottom:10px;
 border-radius:360px;
}


.testimonials{float:left; width:100%; padding:2% 0; text-align:center; font-size:14px; color:#333333; background:#fff;}
.testimonials h1{text-align:center; color:#000; margin-bottom:45px;}
.testimonials h3{text-align:center; color:#cc9f5b;}
.testimonials img{
 border-radius:180px;
}
.wrapper7{margin:0 auto; width:700px;}



.footer{float:left; width:90%; padding:2% 5%; background:#111111; color:#FFFFFF; font-size:14px;}
.footer h2{color:#cc9f5b}
.footer .fdiv1{float:left; width:25%; margin-right:3%;}
.footer .fdiv2{float:left; width:24%}
.footer a{color:#FFFFFF; line-height:24px;}


.PageHeading{float:left; width:96%; padding:2%; background:#111111; color:#FFFFFF; text-align:center;}
.PageHeading h1{font-size:54px; }

.ContentWrap{float:left; width:100%; padding:2% 0; background:#fff; color:#666}
.ContentLeft{float:left; width:75%; color:#111}

.ContentRight{float:right; width:22%; color:#111}
.FormBox{width:90%; padding:5%; background:#cc9f5b; color:#FFFFFF; font-size:14px; margin-bottom:15px;
 border-radius:3px; float:left;
}
.in7{width:94%; padding:3%; border:0;
 border-radius:3px;
}
.in7-textarea{width:94%; height:150px; padding:3%; border:0;
 border-radius:3px;
}
.submit7{width:100%; padding:4%; background:#111; color:#FFFFFF; font-size:16px; border:0; cursor:pointer;
	border-radius:35px;
}
.submit77{width:20%; padding:2%; background:#111; color:#FFFFFF; font-size:16px; border:0; cursor:pointer;
	border-radius:35px;
}
.comment-form .submit{width:150px; padding:1%; background:#111; color:#FFFFFF; font-size:16px; border:0; cursor:pointer;
	border-radius:35px;
}

.comment-form #comment{width:94%; height:150px; padding:1%; border:1px #ddd solid; border-radius:3px;}
.comment-form label{display:block;}
.comment-form label:after{content:':';}
.comment-form input[type=text]{width:54%; padding:1%; border:1px #ddd solid; border-radius:3px;}

.MoreServices{float:left; width:100%; margin-bottom:25px; font-size:14px;}
.MoreServices ul{margin:0; padding:0;}
.MoreServices ul li{ list-style:none;}
.MoreServices ul li:after{ content:'\2192';}

.BlogtLeft{float:left; width:75%;}
.BlogSec{float:left; width:100%; line-height:28px; margin-bottom:10px; border-bottom:2px solid #ddd;}



.BlogtRight{float:right; width:22%}
.RecentSec{float:left; width:100%; margin-bottom:15px;}
.RecentSec ul{padding:0; margin:0 0 0 0; list-style-type:none;}
.RecentSec ul li{margin-top:10px; width:100%; margin-bottom:15px;}
.RecentSec ul li a{color:#594a4a}

.BlogSec{float:left; width:100%}

@media only screen and ( max-width : 1280px ) {
.wrapper{margin:0 auto; width:95%;}

}

@media only screen and ( min-width : 150px) and ( max-width : 900px ) {
.wrapper{margin:0 auto; width:95%;}
.wrapper7{margin:0 auto; width:95%;}

.smaller{padding:0; transition:.5s; position:inherit;}
.cart_sec{float:right; margin-top:22px; margin-right:15%;}

.header_main{float:left; width:94%; padding:0 3%; color:#FFFFFF;}

.logo{margin-top:10px;}

.menu_sec{float:right; width:100%; margin-top:20px; transition:.5s; position:relative}

h1{font-size:32px; font-weight:400;}
h2{font-size:20px; font-weight:400;}
h3{font-size:18px; font-weight:400;} 
h4{font-size:16px; font-weight:400;} 



.header_top_left{float:left; width:100%; text-align:center; margin-bottom:5px;}
.header_top_right{float:left; width:100%; text-align:center;}

.services_sec{width:96%; padding:3% 2%}
.services_sec ul li{float:left; width:31.33%; color:#cc9f5b; margin-right:2%; text-align:center;}
.services_sec ul li img{width:90%; height:auto;}


.why_sec iframe{width:100%; margin-bottom:10px;}

.categories_sec ul li{float:left; width:33.33%; color:#cc9f5b; margin-right:0%; text-align:center; margin-bottom:15px;}
.categories_sec ul li img{width:90%; height:auto; margin-bottom:10px;
 border-radius:360px;
}



.footer{float:left; width:90%; padding:2% 5%;}
.footer .fdiv1{float:left; width:100%; margin-right:3%;}
.footer .fdiv2{float:left; width:100%}

.ContentLeft{float:left; width:100%}
.ContentRight{float:right; width:100%}

.BlogtLeft{float:left; width:100%;}
.BlogtRight{float:right; width:100%}

}



@media only screen and ( max-width : 480px ) {
.logo{float:left; transition:.5s; width:100%; padding:15px 0; text-align:center; #background:#000}
.logo img{width:%;}

.smaller .logo img{display:inline; width:auto; margin:0}
.cart_sec{float:left; margin-top:15px; margin-left:0%;}

.categories_sec ul li{float:left; width:50%; color:#cc9f5b; margin-right:0%; text-align:center; margin-bottom:15px;}
}
.attachment-home_image, .image-class{width:100%; height:auto;}
.wpcf7-response-output{border:0 !important;}
.current-menu-item a{color: #fff !important; background: #cc9f5b;}