/*
Theme Name: Custom
Author: Thrive web design 
Author URI: http://thriveweb.com.au/
*/
 
/*---------------------------- normalize ----------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #f9ff51; color: black; text-shadow: none; }
::selection { background: #f9ff51; color: black; text-shadow: none; }

a { color: #00e; }
a:visited {  }
a:hover { color: #06e; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }




/*---------------------------- typography ----------------------------*/

h1, h2, h3, h4, h5, h6				{ position: relative; font-weight: normal;  margin-bottom: 10px; margin-top: 20px; }


h1									{ font-size: 60px; line-height: 65px; }
h2									{ font-size: 40px; line-height: 45px;}
h3									{ font-size: 32px; line-height: 38px;}
h4									{ font-size: 18px; line-height: 22px;}
h5									{ font-size: 15px; line-height: 18px;}
h6									{ font-size: 13px; line-height: 18px;}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
p:first-child						{ margin-top: 0; }

p{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
}

body, textarea, input{
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
 
	font-size: 16px;
	line-height: 24px;
	color: black;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6{
	color: black;
	font-weight: normal;	
	font-family: 'Quicksand', sans-serif;
	-webkit-font-smoothing: antialiased;
}


a{
	color: #d6dddd;
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	
	cursor: pointer;
	text-decoration: none;
	outline: none;
}

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

blockquote{
	font-style: italic;
	font-size: 20px;
	line-height: 24px;
	color: gray;
	margin-left: 0;
	padding-left: 40px;
	border-left: dotted 2px silver;  
	
}


/*---------------------------- helpers ----------------------------*/

.clear{
	clear:both;
}
 
.center{
	max-width:1100px;
	margin: 0 auto;
	text-align:left;
	position:relative;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}

.fright{
	float:right;
}

.taright{
	text-align:right;
}

.tacenter{
	text-align: center;
}

.fleft{
	float:left;
}

.fright{
	float:right;
}

.alignright{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.alignleft{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

/* Images */

.content_style img,
.wp-caption,
.wp-post-image,
a#logo img,
.hoitem img,
.imagewrap img,
.homecat_inner img,
.list_itemimg_wrap img,
.staff_itemimg_wrap img,
.media_inner img,
.single_feture img,
.popimg,
.logo_wrap img{
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="wp-post-image"],
.wp-post-image,
a#logo img,
.hoitem img,
.imagewrap img,
.homecat_inner img,
.list_itemimg_wrap img,
.staff_itemimg_wrap img,
.media_inner img,
.single_feture img,
.popimg,
.logo_wrap img{
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full{
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}


/*---------------------------- header and body ----------------------------*/

body{
	background-color: white;
}
   

header{

}

header p.tagline{
	color: #7e7f82;
	float: left;
	
	line-height: 30px;
	margin: 0;
	padding-left:10px;
	
	width: 750px;
	background-color: white;
	
	font-size: 12px;
}

a#logo{
	display: block;
	width: 100%;
	text-align: right;
	margin-top: 70px;
	padding-right: 20px;
	box-sizing: border-box;
}

#head_cont{
	max-width: 1100px;
	overflow: hidden;
	z-index: 600;
	position: relative;
}

a#logo:hover{
	opacity: 0.8;
}

#main{
	margin-top: 60px;
	margin-bottom: 60px;
}

/*-- Content --*/

.content_style{
	
}

.content_style,
.content_style p,
.content_style li{
	font-size: 17px;
	line-height: 26px;
}

.content_style ul,
.content_style ol{
	margin-left: 20px;
}


.content_style dl{
	background-color: #f5f5f5;
}

.content_style dt{
	color: black;
	padding-bottom: 5px;
	padding-top: 5px;
	
	clear: left;
	float: left;
	text-align: right;
	width: 27%;
	margin-right: 1em;

}

.content_style dd{
	border-bottom: 1px dashed #CCC;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left: 0;
	
	clear: right;
	width: 70%;
	padding-left: 30%;
}

/*-- Content --*/

.fcol{
	margin: auto;
	width: 100%;
}

.scol{
	width: 80%;
	margin: auto;
}

.lcol{
	float: left;
	width: 45%;
}

.rcol{
	float: right;
	width: 45%;
}

.fcol{
	margin: auto;
	width: 100%;
}

.rcol .content{
	padding-left: 0;
	padding-right: 0;
}


.contact .lcol{
	float: left;
	width: 35%;
}

.contact .rcol{
	float: right;
	width: 60%;
}

/* ----- Full Size Nav ----*/

#menu-btn{
	cursor: pointer;
}

#menu-btn.hide{
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	z-index: 99999999;
	
	border-color: black transparent transparent black;
	border-style: solid;
	border-width: 90px;
	color: white;
	xxbackground-color: black;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.mopen.click #mopen_text{
	opacity: 1 !important;

	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	
	top: 90px;
	left: 90px;
	position: fixed;
}

.mopen #mopen_text{
	opacity: 0 !important;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	
	top: -90px;
	left: -90px;
	position: fixed;
}

#menu-btn.mopen i.mop{
	opacity: 1 !important;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#menu-btn.mopen.click i.mop{
	opacity: 0 !important;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#menu-btn.mopen.click i{
	position: absolute;
	font-size: 16px;
}

#menu-btn.mopen i{
	position: absolute;
	top: -75px;
	left: -70px;
	font-size: 16px;
	width: 140px;
}

#menu-btn.mopen span,
#mopen_text span{
	margin-left: 10px;
	font-size: 17px;
	text-transform: uppercase;
	font-family: 'Quicksand', sans-serif;
}

#menu-btn.mopen.click img{
	opacity: 0 !important;
}

#menu-btn.mopen img{
	position: absolute;
	top: -35px;
	left: -70px;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#menu-btn.hide.click{	
	border-color: transparent transparent transparent transparent;
	z-index: 9999999999;
	position: absolute;
	top: -140px;
	left: -140px;
	color: #7d7d7d;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#menu-btn.mopen.click span{
	margin-left: 10px;
	font-size: 14px;
	text-transform: uppercase;
}

#menu-btn.mopen.click img{
	position: absolute;
	left: -70px;
	top: -45px;
	display: block;
}

#res_nav_wrap.hide{
	height: 100%;
	z-index: 999;
	position: fixed;
	width: 15%;
	left: 0;
	top: 0;
	opacity: 1;
	display: block;
	background-color: black;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#res_nav_wrap{
	overflow: hidden;
	position: fixed;
	width: 20%;
	height: 100% !important;
	display: block;
	opacity: 0;
	height: 0;
	left: -260px;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#res_nav_wrap ul{
	margin: 0;
	padding: 0;
	
	margin-top: 40px;
	padding-left: 0;
	padding-right: 20px;
	
	text-align: center;
}

#res_nav_wrap ul li{
	margin: 0;
	padding: 0;
	
	list-style: none;
}

#res_nav_wrap ul li a{
	color: #a1afb2;
	font-size: 16px;
	padding: 20px;
	padding-left: 0;
	padding-right: 0;
	display: block;
	text-transform: uppercase;
	
	text-align: right;
}

#res_nav_wrap ul li.current_page_item a,
#res_nav_wrap ul li.current_page_parent a,
#res_nav_wrap ul li.menu-item-object-catalog.current-page-parent a{
	color: white;	
}

#res_nav_wrap ul li a:hover,
#res_nav_wrap ul li.sfHover a{
	color: white;
}

#mcontainer.full.width{
	width: 85%;
	float: right;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#mcontainer.full{
	width: 100%;
	float: right;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.social{
	text-align: right;
	padding-right: 20px;
}

.social p{
	color: white;
}

.social a{
	color: white;
}

.social ul{
	margin: 0 !important;
	padding: 0 !important;
	margin-top: 60px !important;
	text-align: right !important;
}

.social ul li{
	margin: 0;
	padding: 0;
	display: inline-flex;
	float: right;
}

.social ul li a{
	margin-left: 10px;
}

#date{
	font-size: 15px;
	margin: 0;
}

a#thrive{
	font-size: 12px;
	color: #A1B8B8;
}

a#thrive:hover{
	color: white;
}


/*---------- Page Style ----------*/

/* map */
#map_canvas{
	height: 410px;
	color: black;
}

/*-- Cycle --*/

.cs-image{
	max-width: 100%;
	height: auto;
}

.cycle-slideshow {
	max-height: 610px;
}

.cycle-slideshow li {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}

.cycle-pager{
	position: absolute;
	bottom: 25px;
	z-index: 9999999;
	width: 100%;
	text-align: center;
}

.cycle-pager span{
	width: 15px !important;
	height: 15px !important;
	border-radius: 70px !important;
	text-indent: -999999px;
	display: inline-block !important;
	background-color: white;
	opacity: 0.5;
	cursor: pointer;
	margin-right: 10px;
	margin-left: 10px;
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.cycle-pager-active,
.cycle-pager span:hover{
	opacity: 1 !important;;
}


/*-- Colour Wraps --*/

.white_wrap,
.darkgrey_wrap{
	padding-top: 50px;
	padding-bottom: 40px;
}

.darkgrey_wrap{
	background-color: #383e3f;
}

.lightgrey_wrap{
	background-color: #d6dddd;
	padding-top: 40px;
	padding-bottom: 40px;
}

.logo_wrap {
	background-color: #fff;
	padding-top: 0px;
	padding-bottom:0px;
	text-align: center;
}


.page-template-page-whatwedo .lightgrey_wrap {
	padding-top: 20px;
	padding-bottom: 20px;
}

.darkgrey_wrap .content_style,
.darkgrey_wrap h1,
.darkgrey_wrap h2,
.darkgrey_wrap h3,
.darkgrey_wrap h4,
.darkgrey_wrap h5,
.darkgrey_wrap h6{
	color: white;
}

.lightgrey_wrap .content_style ul{
	margin: 0;
	padding: 0;
	padding-left: 17px;
}

.lightgrey_wrap .content_style ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}

.lightgrey_wrap .content_style ul li:before {
  content: '\f111'; /* FontAwesome char code inside the '' */
  color: white;
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: -1.2em; /* same as padding-left set on li */
  margin-right: 5px;
  font-size: 12px;
}

.lightgrey_wrap .content_style ul li a{
	
}

.lightgrey_wrap .content_style a{
	color: white;
}

/*---- HOME ----*/

/*-owl-*/

.owl-nav{
	display: none;
}

.owl-controls{
	position: absolute;
	right: 10px;
	bottom: 10px;
	margin-top: 0 !important;
}

/*--*/

.fleft.hlinks{
	width: 50%;	
}

.fright.hlinks{
	width: 50%;
}

.imagewrap img{
	border-radius: 500px;
	border: solid 1px #383e3f;
}

.textwrap{
	width: 60%;
	float: left;
	text-align: right;
	padding-top: 35px;
	padding-right: 20px;
	
	box-sizing: border-box;
}

.imagewrap{
	width: 40%;
	float: right;
}

.textwrap h3{
	margin: 0;
}

.dg_border{
	border-bottom: solid 1px #383e3f;
	width: 70%;
	float: right;
	margin-top: 20px;
	box-sizing: border-box;
}

#homecat_wrap{
	
}

.homecat{
	width: 50%;
	float: left;
	margin-bottom: 50px;
	text-align: center;
}

.blog .homecat, 
.archive .homecat {
	margin-bottom: -25px;
}

.homecat_inner{
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}

.homecat_inner img{
	border: solid 4px white;
	box-sizing: border-box;
}

.cattitle_wrap{
	width: 100%;
}

.cattitle_wrap h3{
	text-transform: uppercase;
	margin-top: 20px;
	font-size: 23px;
}

.cat_rm{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	
	width: 100%;
	height: 100%;
	opacity: 1;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.bc_title{
	display: block;
	position: relative;
	overflow: hidden;
}

.bc_title:hover .cat_rm{
	opacity: 1;
	background-color: rgba(56, 83, 88, 0.67);
}

.border_wrap{
	position: relative;
}

.border1 {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid white;
    -webkit-transform:
        translateY(0px)
        translateX(0px)
        rotate(0deg);
    -ms-transform:
    	translateY(0px)
        translateX(0px)
    	rotate(0deg);
    transform:
    	translateY(0px)
        translateX(0px)
    	rotate(0deg);
    position: absolute;
	top: 49%;
	left: 0;
	opacity: 0;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.border2 {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid white;
    -webkit-transform:
        translateY(0px)
        translateX(0px)
        rotate(0deg);
    -ms-transform:
    	translateY(0px)
        translateX(0px)
    	rotate(0deg);
    transform:
    	translateY(0px)
        translateX(0px)
    	rotate(0deg);
    position: absolute;
    top: 49%;
	left: 0;
	opacity: 0;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.bc_title:hover .border1{
	-webkit-transform:
        translateY(0px)
        translateX(0px)
        rotate(-33deg);
    -ms-transform:
    	translateY(0px)
        translateX(0px)
    	rotate(-33deg);
    transform:
    	translateY(0px)
        translateX(0px)
    	rotate(-33deg);
    opacity: 1;
}

.bc_title:hover .border2{
	-webkit-transform:
        translateY(0px)
        translateX(0px)
        rotate(33deg);
    -ms-transform:
    	translateY(0px)
        translateX(0px)
    	rotate(33deg);
    transform:
    	translateY(0px)
        translateX(0px)
    	rotate(33deg);
    opacity: 1;
}

.vwork{
	position: absolute;
	top: 50%;
	width: 50%;
	transform: translate(50%,-50%);
	-o-transition:translate(50%,-50%);
	-moz-transition:translate(50%,-50%);
	-webkit-transform: translate(50%,-50%);
	
	opacity: 0;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.vwork p{
	font-size: 18px;
	color: white;
}

.vwork p.hc_top{
	margin: 0;
	margin-bottom: 70px;
}

.vwork p.hc_bottom{
	margin: 0;
	margin-top: 70px;
}

.bc_title:hover .vwork{
	opacity: 1;
}

/*--- Our Works ---*/

.container{  
  -webkit-backface-visibility: hidden;
}

.container:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.container .mix,
.container .gap{
  display: inline-block;
  width: 49%;
}

.container .mix{
  display: none;
}

.container .mix:after{
  content: attr(data-myorder);
  display: inline-block;
}

.container .mix:before{
  content: '';
  display: inline-block;
}

.xwhite_wrap.butts .scol{
	width: 100%;
}

.controls {
	text-align: center;
}

.controls a{
	font-size: 12px;
	line-height: 24px;
	text-transform: uppercase;
	margin-left: 10px;
	padding-right: 13px;
	color: black;
	border-right: 1px solid rgb(214, 221, 221);
	
}

.controls a:last-child{
border: none;
}

.controls a.active,
.controls a:hover{
	opacity: 0.5;
}

.controls a.desc{
	border-right: none;
}

.my-gallery{
	text-align: center;
}

.my-gallery figure{
	display: inline-flex;
	width: 19%;
	box-sizing: border-box;
	padding: 2px;
	padding-bottom: 8px;
}

.popup_inner{
	padding: 3px;
	padding-bottom: 10px;
	box-sizing: border-box;
}

.my-gallery a:hover{
	opacity: 0.6 !important;
}

.popimg{
	border: solid 3px white;
	box-sizing: border-box;
}

.pswp{
	z-index: 99999999999999 !important;
}

/*---- What We Do ----*/  

.page-template-page-whatwedo .lightgrey_wrap{
	margin-bottom: 50px;
	margin-top: 20px;
	position: relative;

}

.page-template-page-whatwedo .list_itemimg_wrap {
	padding-left: 20px;
	}

.list_itemimg_wrap{
	float: left;
	width: 25%;
	top: -28px;
	position: absolute;
	
	
}

.list_itemimg_wrap img{
	border-radius: 400px;
	border: solid 1px black;
}

.page-template-page-whatwedo .list_itemimg_wrap img{
	border-radius: 400px;
	border: solid 1px black;
	width: 63%;

	
}

.list_info{
	float: right;
	width: 72%;
}

.accord_top{
	position: relative;
	cursor: pointer;
}

.small_border{
	width: 50px;
	border-bottom: solid 1px #6f7576;
	display: block;
	
	margin-bottom: 10px;
}

.accord_top:focus,
.my_accord_cont:focus,
.my_accord_cont .content_style:focus{
	outline: none;
}

.accord_top p strong{
	font-size:24px;
}

.accord_top i{
	position: absolute;
	right: 0;
	top: 0;
	
	font-size: 25px;
	font-weight: 300;
}

.accord_top i.fa-plus{
	opacity: 1,
}

.accord_top i.fa-minus{
	opacity: 0,
}

.ui-state-active i.fa-plus{
	opacity: 0;
}

.ui-state-active i.fa-minus{
	opacity: 1;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

/*---- Staff ----*/

.staff_itemimg_wrap{
	float: left;
	width: 27%;
}

.staff_info{
	float: right;
	width: 70%;
}

.staff_info h3{
	font-weight: 600;
	margin-bottom: 15px;
}

.staff_item{
	margin-bottom: 50px;
}

.lightgrey_wrap.staff{
	text-align: center;
}

.media_item{
	width: 20%;
	float: left;
}

.media_inner{
	padding: 10px;
	box-sizing: border-box;
}

.media_inner img{
	border: solid 4px white;
	box-sizing: border-box;
}

.media_inner .vwork {
	transform: translate(50%,-50%);
	-o-transition: translate(50%,-50%);
	-moz-transition: translate(50%,-50%);
	-webkit-transform: translate(75%,-50%);
}

.mediawhite h3{
	text-align: center;
	margin-bottom: 0;
	margin-top: 120px;
}

/*---- up button ----*/

#botton-to-top{
	background-image: url(images/up-button.png);
	width: 40px;
	height: 40px;
	position: fixed;
	top: 10px;
	right: 10px;
	opacity: 0;
	
	z-index: 50;
}

.ie7 #botton-to-top,
.ie8 #botton-to-top{
	display: none;
}

/*----*/

.four04{
	color: white !important;
	text-align: center;
}

h1.four04{
	margin-top: 100px !important;

	font-size: 300px;
	line-height: 350px;
}

.edit_link{
	position: fixed;
	left: -10px;
	top: 60px;
	
	background-color: white;
	color: #125a68;
	
	padding: 5px;
	padding-left: 20px;
	padding-right: 15px;
	
	display: inline-block;
	font-size: 11px;
}

.edit_link span{
	padding-left: 5px;
	margin-right: 5px;
	border-right: dotted 1px #eaede3;
}

.edit_link a{
	background-color: transparent !important;
}


/*---------------------------- sub pages ----------------------------*/

.attachment-subpage_thumbnail {
    float: left;
	margin-right:20px;
	margin-bottom:20px;
    padding: 5px;
    background:#FFF;
    background-image: url(images/diag.png);
    padding: 10px;
}
.description {
	overflow: hidden;
	margin-bottom:10px;
}

.description a{
	color: black;
	text-decoration: none;
	font-weight: bold;
}

.description  h3 a{
	padding-top:0;
}

.border{
	border-top:1px #E9E9E9 solid;
	margin-bottom: 20px;
}


/*---------------------------- sidebar ----------------------------*/
.sidebar_widget{
	padding-bottom: 20px;
	
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
}

.sidebar_widget.banner{
	padding-bottom: 0;
	background-color: transparent;
}

.sidebar_widget h3{
	padding-left: 10px;
	line-height: 40px;
	
	font-size: 16px;

	color: #808080;
	
	border-radius: 3px;
	background-color: #EFEFEF;
    text-shadow: 1px 1px 1px white;

}

.sidebar_widget p{
	overflow: hidden;
	font-size: 12px;
}

.sidebar_widget a.more{
	color: #e85434;
	font-size: 10px;
}

.attachment-blog_thumbnail{
	padding: 3px;
	border: solid 1px #ccc;
	border-radius: 10px;
	float: left;
	margin-left: 20px;
}

.sidebar_widget li{
	padding-top: 5px;
	padding-bottom: 5px;
}


/*------------------------- blog header ------------------------*/

#blog_head{	
	text-align: right;
	padding-bottom: 15px;
	line-height: 45px;

}

.sres{
	font-style: italic;	
}

#searchbox{
	display: inline-block;
	position: relative;
	margin-right:20px;
}

#searchbox form{
	width:103%;
}



.is_webkit select {
  /* Tweaks for Safari + Chrome. */
 
}

select{
	-webkit-appearance: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid;
	border: none;
	color: #000;
	outline: 0;
	padding: 6px;
	font-size: 12px;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
}

h2.btitle{
	font-size: 22px;
	text-transform: uppercase;
	width: 45%;
	float: left;
	background-color: white;
	color: #125a68;
	text-align: center;
}


/*---------------------------- blog format ----------------------------*/

article{
	margin-bottom:40px;
}

article h2{
	word-wrap: break-word;
	overflow:hidden;
}

article h2 a,
article h2 a:visited{
	text-decoration: none;
	color: black;
	opacity: 0.99;
}

article h2 a:hover{
	opacity: 0.6;
}

.date_box p{
	margin: 0;
	padding: 0;
	text-shadow: none;
	position: relative;
	top:2px;
}

.date_box{
	background-color: #E9E9E9;
	
	padding:10px;
	height:18px;
	
	margin-bottom:20px;
	margin-top: 10px;
}

.date_box a{

	font-style:italic;
}

.search .date_box .stats{
	font-size: 20px;
}

.date_box .stats{
	float:left;
}

.date_box .date{
	float:right;
	text-align:right;
}

#info_box{
	background-color: #8c1016;
	border-radius:10px;
	margin-bottom:20px;
	padding: 10px;
}

#info_box h2,
#info_box h5{
	color: white;
	text-shadow: none;
	margin: 5px;
}

.dets_wrap{
	float: left;
	width: 30%;
	text-overflow:clip;
}


.dets{
	border-right: solid 1px #ECECEC;
	padding-left: 20px;
	padding-right: 20px;
}

.dets h2{
	text-align: center;
}

.dets ul #perm a{
	background:none;
}

.dets ul a:hover.
.dets .edit_link a:hover{
	text-decoration: underline;
}

.dets ul img:hover{
	
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);

}

.dets ul{
	padding-left: 0;
}

.dets li,
.dets .edit_link{
	line-height: 22px;
	list-style: none;
	text-align: center;
}

.dets li.perm a{
	background: none;
}

.dets li a:hover{
	text-decoration: underline;
} 

.dets li.perm a:hover{
	background: none;
}

article{

}

.single article{
	border-bottom: 0;
	padding-bottom: 0;
}

article .content_wrap{
	width: 67%;
	float: right;
}
	
article .content{
	padding-top: 0 !important; 
}


/*---------------------------- paging ----------------------------*/

.navigation {  
	display: block;  
	text-align: left;   
	margin-bottom: 20px;  
	font-size:80%;
	padding-top:20px;
	margin-top:20px;	
}  

.nav-previous{
	float: right;
}

.navigation a{  
	text-align:center;  
	padding:5px 10px !important;  
	margin:0 2px 0 2px !important;  
	font-size:14px !important;
	text-decoration:none;
	line-height:25px;
}



/*---------------------------- comments ----------------------------*/

div#comments{
	position:relative;
}

#comments textarea{
	width:600px;
}

#comments .author{
	float:left;
	font-weight:bold;
	line-height: 30px;
}

#comments .time{
	color:#a5a5a5;
	float:right;
}

#comments em{
	padding-bottom:15px;
	display:block;
}

#comments #comments_num{
	position:absolute;
	left:-260px;
	top:0;
	margin:0;
}

article #comments #comments_num{
	display:none;
}

#comments .commentlist{
	margin:0;
	padding:0;
}

#comments .comment {
	padding-bottom:5px; 
	border-top:solid 1px #cfcfcf;
	list-style:none;
	padding-bottom: 5px;
}

#comments #respond{
	margin-top:20px;
}

#comments input{
	padding:5px;
}

#comments .avatar{
	margin-right: 10px;
	float:left;
}

#comments .children{
	padding-left: 0;
	
}

#comments .children li{
	margin-left:60px;	
}

p.author, p.time{
	margin-bottom: 0;
}

/*----- Genral Button Styles -----*/

.button,
.navigation a,
.post-next,
.post-prev{

	padding: 0;
	margin: 0;
	
	border: none;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	
	background-color: #125a68;
	
	color: #fff;
	
	text-transform: uppercase;
	

	font-size: 18px;
	line-height: 40px;
	
	padding-left: 15px;
	padding-right: 15px;
	
	width: 100%;
	height: 40px;
	text-align: center;
	
}

.navigation a:hover,
.navigation a.current,
.post-next:hover,
.post-prev:hover,
.post-next:active,
.post-prev:active{	
	color: white;
	background: #00303A !important;
}



/*----- Genral Input Styles -----*/


input:hover,
input:focus, 
input:active,
textarea:hover,
textarea:focus, 
textarea:active{
	background: #FAFFFC;
	outline: none;
}

#Searchform,
#cat{
	
	display: inline-block;
	position: relative;
	
	width:120px;
	
	padding-left:5px;
	padding-right: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	
	background-image:url(images/search.png);
	background-position:125px 5px;
	background-repeat:no-repeat;
	
	font-size: 12px;
}

#cat{
	padding-top: 6px;
	padding-bottom: 4px;
	background-image: url(images/drop.png);
	background-repeat: no-repeat;
	background-position: right 11px;
	
	width: 140px;
	
	font-size: 12px;
}

/*---------------------------- footer ----------------------------*/


#foot_wrap{
	background-color: #383e3f;
}

footer{
	padding-top: 20px;
	padding-bottom: 20px
}

/*------------------ Forms ---------------------*/

.page-template-page-contact .white_wrap{
	margin-top: 60px;
	margin-bottom: 60px;
}

.contact_left{
	float: left;
	width: 48%;
}

.contact_right{
	float: right;
	width: 48%;
}

span.wpcf7-form-control-wrap{
	width: 100%;
}

span.wpcf7-form-control-wrap{
	height: 50px !important;
}

input,
textarea,
select{
  	
  	-webkit-transition-property: -webkit-box-shadow, background;
  	-webkit-transition-duration: 0.25s;
  	
  	padding: 6px;
  	padding-left: 10px;
  	padding-right: 8px;
  	
	border: none;
	border-radius: 0 !important;
	
	background-color: white;

	margin-bottom: 10px;
	
	color: #383e3f;
}

.wpcf7 input,
.wpcf7 textarea{
	font-size: 15px;
	line-height: 21px;
	
	width: 100%;
	box-sizing: border-box;
	
	background-color: whitesmoke;
}

.wpcf7 input:hover,
.wpcf7 textarea:hover,
.wpcf7 input:active,
.wpcf7 textarea:active,
.wpcf7 input:focus,
.wpcf7 textarea:focus{
	background-color: #e8e8e8;
}

.wpcf7 input{
	height: 68px;
}

.wpcf7 textarea{
	height: 222px;
}

.wpcf7-submit{
	background-color: #d6dddd !important;
	color: #383e3f;
	font-size: 24px !important;	
	text-transform: uppercase;
}

.wpcf7-submit:hover{
	background-color: #b6c2c2 !important;
}

.wpcf7 p{
	font-size: 26px;
	color: #7f7f7f;
}

.wpcf7 .watermark {
	color: #c3c3c3 !important;
}

.wpcf7-checkbox label{
	border-radius: 4px;
	border: 1px solid #DBDBDB;

	padding: 10px;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-top: 15px;
}

span.wpcf7-list-item {
	margin: 0 !important;
}


input.checkout-button{
	border-radius: 5px;
}

/*--- Placeholder ---*/

.wpcf7 .watermark {
    color: #383e3f !important;
}
::-webkit-input-placeholder {
    color: #383e3f !important;
}
:-moz-placeholder {
    color: #383e3f !important;
}
::-moz-placeholder {
    color: #383e3f !important;
}
:-ms-input-placeholder{
    color: #383e3f !important;
}


/*---------------------------- CF7 Notices ----------------------------*/

.wpcf7-form{

}

.wpcf7-form .wpcf7-validation-errors{
   border:none;
   background-color: #b6c2c2;
   margin:0;
   padding:10px;
   padding-top:5px;
   padding-bottom:5px;
   text-shadow: none;  
   color:#FFF;
   font-size: 16px;
   
   
   text-align: center;
}
.wpcf7-form .wpcf7-mail-sent-ok{
    border:none;
	background-color: #b6c2c2;
    margin:0;
    padding:10px;
	padding-top:5px;
   	padding-bottom:5px;
    text-shadow: none;  
	color:#FFF;
	font-size: 16px;
	text-align: center;
}
.wpcf7-form .wpcf7-mail-sent-ng{
    border:none;
	background-color: #b6c2c2;
    margin:0;
    padding:10px;
	padding-top:5px;
	padding-bottom:5px;
    text-shadow: none;  
    color:#FFF;
	font-size: 16px;
	
	text-align: center;

}
.wpcf7-form span.wpcf7-not-valid-tip{
    border:none;
   	background-color: transparent !important;
   	color: #85a7a7 !important;
   	width: auto !important;
   	right: 15px;
   	left: auto !important;
   	font-size: 24px;
	top: 20%;
	position: absolute;
}

.message .wpcf7-not-valid-tip{
	top: 55% !important;
}

.ajax-loader{
	display: none;
}

.wpcf7-form-control-wrap.event{
	margin-right:5px;
}

/*------------------- Responsive Syling ------------------*/

@media screen and (max-width: 1150px) {
	
	#main{
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#menu-btn.mopen.click i{
		font-size: 16px;
	}
	
	#menu-btn.mopen.click span{
		font-size: 14px;
	}
	
}

@media screen and (max-width: 1024px) {
	
	/*-- MENU --*/
	
	#res_nav_wrap ul{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#res_nav_wrap ul li a{
		font-size: 16px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	#res_nav_wrap.hide{
		overflow: hidden;
		position: fixed;
		width: 150px;
		height: 100% !important;
		display: block;
		opacity: 0;
		height: 0;
		left: -260px;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	
	#res_nav_wrap{
		height: 100%;
	z-index: 999;
	position: fixed;
	width: 150px;
	left: 0;
	top: 0;
	opacity: 1;
	display: block;
	background-color: black;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	}

	#menu-btn.hide {
		border-color: transparent transparent transparent transparent;
		z-index: 9999999999;
		position: absolute;
		top: -140px;
		left: -140px;
		color: white;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	
	#menu-btn.hide.click{
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		z-index: 99999999;
		border-color: black transparent transparent black;
		border-style: solid;
		border-width: 80px;
		color: white;
		xxbackground-color: black;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	
	#menu-btn.mopen.click img{
		position: absolute;
		top: -35px;
		left: -70px;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
		opacity: 1 !important;
	}
	
	#menu-btn.mopen img{
		position: absolute;
		left: -70px;
		top: -45px;
		display: block;
		opacity: 1 !important;
	}
	
	.mopen #mopen_text{
		opacity: 1 !important;
		top: 0;	
		left: 0;
	}
	
	.mopen.click #mopen_text{
		left: -90px;
		top: -90px;
	}
	
	#menu-btn.mopen i {
		position: absolute;
		top: 15px;
		left: 15px;
		font-size: 15px;
	}
	
	#menu-btn.mopen.click i.mop {
		opacity: 1 !important;
		position: absolute;
		top: -70px;
		left: -70px;
		font-size: 22px;
		width: 140px;
		font-size: 15px;
	}
	
	#menu-btn.mopen span,
	#mopen_text span{
		font-size: 14px;
	}
	
	#mcontainer.full.width,
	#mcontainer.full{
		width: 100%;
		xxmargin-top: 160px;
	}
	
	.darkgrey_wrap.top .content_style{
		margin-left: 60px;
		margin-top: 50px;
	}

}

@media screen and (max-width: 800px) {
 
 	/*-- Logo--*/
	
	a#logo{
		text-align: center;
		width: 100%;
	}
	
	/*-- Nav --*/
	
	#full_nav{
		display: none;
	}
 
	/*-- Page Layout --*/
	
	#main{
		margin-top: 50px;
	}
	
	.lcol{
	  width: 100%;
	  margin-bottom: 20px;
	  margin-top: 30px;
	}
	
	.rcol{
		width: 100%;
	}
	
	.scol{
		margin: 0;
		width: 100%
	}
	
	.contact .lcol,
	.contact .rcol{
		width: 100%;
		float: none;
	}
	
	.contact .rcol{
		margin-top: 60px;
	}
	
	.homecat_inner {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.cattitle_wrap h3{
		margin-top: 5px;
		font-size: 17px;
	}
	
	.homecat{
		margin-bottom: 20px;
	}
	
	.my-gallery figure{
		width: 24%;
	}
	
	.fleft.hlinks,
	.fright.hlinks{
		width: 100%;
		float: none;
	}
	
	.fleft.hlinks{
		margin-bottom: 30px;
	}
	
	.fright.hlinks .textwrap{
		float: right;
		text-align: left;
		padding-right: 0;
		padding-left: 20px;
	}
	
	.fright.hlinks .dg_border{
		float: left;
	}
	
	.fright.hlinks .imagewrap{
		float: left;
	}
	
	.textwrap {
		width: 56%;
	}
	
	.controls span{
		display: block;
	}
	
	.controls a{
		line-height: 40px;
		margin-left: 0;
		margin-right: 10px;
	}
	
	/*-- Content Style --*/
	
	#featimg_wrap{
		margin-bottom: 20px;
	}	
	
	/*--- Blog ---*/
	
	h2.btitle{
		float: none;
		width: 100%;
		font-size: 17px;
		text-align: center;
	}

}

@media screen and (max-width: 700px) {

	.white_wrap.butts{
		display: none;
	}	
	
}

@media screen and (max-width: 650px) {
	
	.cycle-pager{
		display: none;
	}

	
	/*--Contact--*/
	
	.contact .lcol,
	.contact_left{
	float: left;
	width: 100%;
	}
	
	.contact .rcol,
	.contact_right{
		float: right;
		width: 100%;
	}
	
	/*---Pages ---*/
	
	.staff_item {
		margin-bottom: 80px;
	}
	
	.staff_itemimg_wrap,
	.staff_info{
		width: 100%;
		float: none;
	}
	
	.staff_itemimg_wrap{
		text-align: center;
		margin-bottom: 30px;
	}
	
	.staff_info{
		text-align: center;
	}
	
	.small_border{
		margin: auto;
		margin-bottom: 10px;
	}
	
	.media_item {
		width: 33.3333%;
	}
	
	.list_itemimg_wrap {
		padding-left: 0px !important;
		box-sizing: border-box;
		text-align: center;
	}
	
	.list_itemimg_wrap{
		position: relative;
		float: none;
		
		width: 100%;
		text-align: center;
		top: 0;
		margin-bottom: 20px;
	}
	
	.list_info{
		float: none;
		width: 100%;
	}
	
	.vwork p.hc_bottom{
		margin-top: 40px;
	}
	
	.vwork p.hc_top {
		margin-bottom: 40px;
	}
	
	/*--Blog--*/
	
	.dets_wrap{
		width: 100%;
		float: none;
		border-bottom: solid 1px #ECECEC;
		margin-bottom: 20px;
	}
	
	.dets{
		border-right: none;
		padding: 0;
	}
	
	article .content_wrap{
		width: 100%;
		float: none;
	}
	
	#blog_head{
		text-align: center;
	}
	
	/*--- Footer ---*/
	
	#copy{
		width: 100%;
		float: none;
		margin: 0;
		text-align: center;
	}
	
	ul#social{
		width: 100%;
		float: none;
		text-align: center;
		margin-top: 20px;
	}
	
}



@media screen and (max-width: 450px) {
	
	.textwrap{
		padding-top: 10px;
	}
	
	.textwrap h3 {
		font-size: 22px;
	}
	
	.cattitle_wrap h3 {
		font-size: 14px;
		line-height: 18px;
	}

}


@media screen and (max-height: 800px) {
	
	a#logo{
		margin-top: 55px;
	}
	
	a#logo img{
		width: 100%;
	}
	
	#res_nav_wrap ul{
		margin-top: 25px;
	}
	
	#res_nav_wrap ul li a{
		padding-bottom: 0;
		padding-top: 10px;
		
		font-size: 14px;
		line-height: 18px;
	}
	
	.social ul{
		margin-top: 25px !important;
	}
	
	.social ul li a{
		margin-left: 2px;
		width: 28px;
	}
	
	.social ul li a img{
		width: 80%;
		height: auto;
	}
	
	.social p{
		font-size: 13px !important;
	}
	
	a#thrive{
		font-size: 11px;
	}
}