/*
Theme Name: Levitch
Version: 1.0
Description: Custom website for Levitch
Author: Intervision Design (Ehren Fergusson)
Author URI: http://www.intervision.com
*/





/************************************/
/*** CSS CODED BY EHREN FERGUSSON ***/
/************************************/






/************************************/
/************ START CSS *************/
@font-face {
  font-family: 'fontello';
  src: url('_assets/fonts/fontello.eot');
  src: url('_assets/fonts/fontello.eot?#iefix') format('embedded-opentype'),
       url('_assets/fonts/fontello.woff') format('woff'),
       url('_assets/fonts/fontello.ttf') format('truetype'),
       url('_assets/fonts/fontello.svg#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/************************************/
/*********** CUSTOM CSS *************/

body {
	background: #4c4b51;
	color:#4b4b50;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
}
a {
	color:#D9A300;
}
a:hover,
a:active {
	color:#484a57;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Raleway', sans-serif;
	line-height: 1.2em;
	font-weight: 300;
	text-transform: uppercase;
}

/*a {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}*/

/************************************/
/*************** MAIN ***************/

.section-dark { background: #4b4b50 !important; color: #fff;}
.section-medium { background: #f9f8f6;}
.section-overlay { background: rgba(75,75,80,0.8);}

#header { min-height: 130px; background: #fff;}
#logo {}

#content { position: relative;}
#content, #homeblock { background: #fff;}
#homeblock { padding-bottom: 20px;}

.site_forms {}
.site_forms .item { padding: 5px 10px;}

#slideshow_wrap { position: relative; background: #4b4b50;}
#slideshow { min-height: 500px;}
.slide {background:no-repeat center center; min-height: 500px;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;}

#slidenav { position: absolute; z-index: 999; right: 50%; bottom: 15px; margin-right: -165px;}
#slidenav li { margin: 5px 20px;}
#slidenav li a { display: block; width: 5px; height: 30px; background: rgba(255,255,255,0.7);}
#slidenav li a.activeSlide { background: #fff;}

#slidecaps { position: absolute; top: 0; left: 0; width: 100%; z-index: 99;}
#slidecaps .text { min-height: 500px; color: #fff !important; padding: 30px 30px 0 30px;}
#slidecaps .text h1 { color: #fff; font-weight: 200; font-size: 60px; line-height: 1em !important; padding: 5px 0 30px 0 !important;}

.banner { margin: 20px 20px 0 0; position: relative; overflow: hidden;}
.banner2 { margin: 20px 20px 0 0; position: relative; overflow: hidden;}
.banner .caption { position: absolute; left: 0; bottom: 0; padding: 15px; color: #fff; z-index: 9;}
a .banner:before { content: ''; display: block; position: absolute; top: 0; left: -140%; background: rgba(75,75,80,0.2); width: 200%; height: 200%; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
a:hover .banner:before {top:-50%; left: -70%; background: rgba(75,75,80,0.8);
/*top: 60%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(0deg);*/
}
.banner h1 { font-size: 48px;}
.banner h2 { font-size: 30px; font-weight: 300;}
.banner_full {}

#portfolio_block { padding: 10px 0;}
.gallery_post {}
.gallery_post .item { display: block; padding: 10px; position: relative;}
.gallery_post .item img { max-width: 100%; height: auto;}
/* Gallery on Pages */
.gallery_page .item { display: block; padding: 5px; width: 25%; position: relative; float: left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.gallery_page .item:after { content: ''; display: block; position: absolute; bottom: 5px; right:5px; width: 0; height: 0; border-style: solid; z-index: 13; opacity: 0; border-width:0 0 20px 20px; border-color: transparent transparent #ffdd00 transparent; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.gallery_page .item:hover:after {border-width:0 0 50px 50px; opacity: 1;}
.span50 .gallery_page .item { width: 50%;}

/* Masonry */
.masonry {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	position: relative;
}
.masonry .item * {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.masonry .item { float: left; width: 33.333%; position: relative;}

.masonry .item .inner { position: relative; display: block; margin: 10px;}
.masonry .item .caption { background: #ffdd00; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; z-index: 9;}
.masonry .item .caption span { display: block; position: absolute; top: 0; right: 0; width: 0px; height: 0px; border-style: solid; border-width:50px 0 0 50px; border-color: transparent transparent transparent #ffd200; z-index: 13;}
.masonry .item a:hover .caption { opacity: 1;}
.masonry .item .caption h2 { position: absolute; bottom: 0; left: 0; padding: 20px; font-size: 36px; line-height: 1em;}

.filter { float: right; padding: 25px 0 20px 0;}
.filter li { float: left; font-size: 16px; text-transform: uppercase; padding:10px 0; margin: 0 10px; color: #fff; cursor: pointer; font-family: 'Raleway', sans-serif;}
.filter li:before { content: ''; display: block; width: 1%; margin: 0 auto; height: 3px; background: none; margin-bottom: 10px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.filter li.selected { color: #fff;}
.filter li.selected:before { background: #ffdd00; width: 100%;}

#gallery_block { position: relative;}
#fixedheading { width: 100%; display: block; z-index: 999; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
#fixedheading.normal { position: absolute; top: -110px; left: 0;}
#fixedheading.fixed { position: fixed; top: 0; left: 0;}
#fixedheading.fixed .section-dark { background: rgba(75,75,80,0.95);}
#fixedheading h1, #fixedheading .back { padding-left: 40px; padding-right: 60px;}

#fixedheading #scrollto { position: absolute; right: 20px; top: 50%; width: 40px; height: 40px; margin-top: -20px; border: 2px solid #fff; text-align: center; font-size: 20px; padding-top: 5px; cursor: pointer; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;
-webkit-border-radius: 20px; 
   -moz-border-radius: 20px; 
        border-radius: 20px;
}
#fixedheading.normal #scrollto { opacity: 0;}
#fixedheading.fixed #scrollto { opacity: 1;}
#fixedheading .span33 { position: relative;}

#baseline { position: relative; margin-top: 110px;}
#gallery_content { padding:0 30px 30px 30px; margin-left: 10px;}
#gallery_content .info {}
#gallery_content .info li { padding: 5px 0 5px 80px; border-bottom: 1px solid #6b6b70; position: relative;}
#gallery_content .info li:last-child { border: none;}
#gallery_content .info li span { font-weight: 700; position: absolute; left: 0;}
#gallery_content .info li a { color: #ffdd00;}

#openme { position: absolute; display: block; opacity: 1; left:10px; top:0; background: #4b4b50; width: 50px; height: 40px; padding:0 10px 10px 10px; text-align: center; z-index: 99; cursor: pointer; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
#closeme { position: absolute; display: block; opacity: 1; right:0; bottom:0; width: 50px; height: 50px; padding:10px; text-align: center; z-index: 99; cursor: pointer; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}

#fixedheading.fixed #openme { background: rgba(75,75,80,0.95);}
#openme.hidden, #closeme.hidden { opacity: 0;}

#closeme span, #openme span { display: block; width: 30px; height: 30px; border: 2px solid #6b6b70; position: relative;
-webkit-border-radius: 15px; 
   -moz-border-radius: 15px; 
        border-radius: 15px;}
#closeme span {-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}

#closeme span:before, #openme span:before { content: ''; display: block; width: 2px; height: 16px; position: absolute; left: 50%; margin-left: -1px; top: 5px; background: #6b6b70;}
#closeme span:after, #openme span:after { content: ''; display: block; height: 2px; width: 16px; position: absolute; top: 50%; margin-top: -1px; left: 5px; background: #6b6b70;}
#openme span { border-color: #fff;}
#openme span:before, #openme span:after { background: #fff;}

.back { color: #ffdd00; font-size: 14px; text-transform: uppercase; padding: 8px 0 0 0; display: block; cursor: pointer;}
.back a { color: #ffdd00;}

#numbers { margin-top: 30px; text-align: center;}
#numbers li { display: inline-table; width: 12.5%; text-align: center;}
#numbers li:before { content: ''; display: block; width: 100%; height: 2px; background: #6e6e77; margin-top: 29px;}
#numbers li a { position: relative; display: block; color: #6e6e77; background: #4b4b50; font-size: 40px; width: 60px; height: 60px; border: 2px solid #6e6e77; margin: 0 auto; margin-top: -29px; text-align: center; padding-top: 15px; 
-webkit-border-radius: 30px; 
   -moz-border-radius: 30px; 
        border-radius: 30px;
-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;
}
#numbers li :hover {color: #fff; border-color: #fff;}
#numbers li a.activeSlide { color: #ffdd00; border-color: #ffdd00;}
#process { min-height: 600px; margin: 40px 0;}
.panelblock { min-height: 300px;}
.panel {background:no-repeat center center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;}
.panel .text { min-height: 600px; color: #fff !important; padding: 30px; overflow: hidden;}
.panel .text h1 { color: #fff; font-weight: 200; font-size: 40px;}

.prev, .next { width: 50%; display: block; float: left; border: 1px solid #fff; padding: 10px 0; text-align: center; text-transform: uppercase; cursor: pointer; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.next { border-left: none; float: right;}
.next.alone { border-left: 1px solid #fff;}
.prev.hidden { opacity: 0;}
.next.hidden { opacity: 0;}

.haschildren { margin-top: 40px; }
.haschildren a h4 { background: #5d5d63; font-size: 36px; padding: 20px; position: relative; color: #fff;}
.haschildren a h4 span { display: block; position: absolute; bottom: 0; right: 0; width: 0px; height: 0px; border-style: solid; border-width: 30px 30px 0 0; border-color: #4b4b50 transparent transparent transparent; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.haschildren a:hover h4 span { bottom: 25px; right: 30px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.haschildren .hidden { display: none !important;}

.theposts { padding: 20px 0; border-bottom: 1px solid #d3cdc9;}
h2.posttitle { padding: 0; font-size: 24px; font-weight: 300; text-transform: none;}
.theposts .text { padding: 10px 0 !important; min-height: 110px;}
.feature { position: relative; margin-right: 20px;}
.feature span {display: block; position: absolute; bottom: 0; right: 0; width: 0px; height: 0px; border-style: solid; border-width:0 0 40px 40px; border-color: transparent transparent #ffdd00 transparent; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.feature:hover span { border-width:0 0 70px 70px;}
.theposts .readmore a { background: #ffdd00; padding: 10px; text-align: center; text-transform: uppercase; display: block;}
.theposts .readmore a:hover { background: #ffd200;}
.theposts .date { background: #f9f8f6; padding: 10px 20px; text-align: left; display: block; color: #bfb7b2;}

.post_meta { position: relative; height: 40px; margin-top: 30px;}
	.post_date { position: absolute; top: 0; left: 0; width: 80px; height: 40px; border-right: 2px solid #99A2AE; color: #99A2AE; text-align: center; padding-top: 5px; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 1em;}
	.post_date em { font-style: normal; font-weight: normal; font-size: 13px; display: block;}
	.post-social { margin-left: 90px;}
	.post-social li { display: inline-block; position: relative; text-align: center; margin: 0;}
	.post-social li a { display: block; height: 40px; padding-top: 8px; font-size: 16px; padding: 10px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
	.post-social li a em { font-style: normal; padding: 0 10px;}
	
	.post-social li.fb a { /*border: 2px solid #3a589b;*/ color: #3a589b;}
	.post-social li.tw a { /*border: 2px solid #1daaf1;*/ color: #1daaf1;}
	.post-social li.pi a { /*border: 2px solid #e14b33;*/ color: #cb2027;}
	
	.post-social li.fb a:hover { background: #3a589b; color: #fff;}
	.post-social li.tw a:hover { background: #51c7ef; color: #fff;}
	.post-social li.pi a:hover { background: #cb2027; color: #fff;}


#sidebar { padding-left: 30px;}
	.widget { padding:20px; background: #f9f8f6; margin-bottom: 30px;}
	.widget h3 { padding: 10px; display: none;}
	.widget ul { padding: 10px;}
	.widget ul li { padding: 3px 0; position: relative;}
	.widget ul li a:before {content: ''; display: block; position: absolute; top: 7px; left: -20px; width: 0; height: 0; border-style: solid; border-width:0 0 12px 12px; border-color: transparent transparent #f9f8f6 transparent; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
	.widget ul li a:hover:before {border-color: transparent transparent #bfb7b2 transparent;}
	.widget ul li.current-menu-item a:before {border-color: transparent transparent #ffdd00 transparent;}
	.widget ul li a {color: #484a57; font-size: 18px; text-transform: uppercase; font-family: 'Raleway', sans-serif;}
	.widget ul ul li { margin: 0 15px;}
	.widget .textwidget { padding: 0;}
	#searchform { position: relative;}
	#searchform input[type="text"] { display: block; width: 100%;}
	#searchform .searchsubmit { position: absolute; top: 5px; right: 5px; border: none ; background: none; width: 30px; height: 30px ; margin: 0; font-size: 18px; line-height: 1em; display: block; cursor:pointer; color: #999;}
	#searchform .searchsubmit:hover { color: #333;}

/* TEXT */
h1.pagetitle { font-size: 48px; color: #484a57; padding: 30px 0; line-height: 1em;}
h1.pagetitle a { color: #484a57; font-weight: 200;}
h1.pagetitle.withnav { font-size: 48px; padding: 0 0 30px 0;}

.section-dark h1.pagetitle, .section-dark h1.pagetitle a { color: #fff;}

.section-dark .text {color: #c5c8d1;}

#testimonials { padding: 30px; background: #4c4b51; margin-top: 20px; color: #87878f;}
#testimonials .quote { text-align: center; font-size: 16px; font-style: italic; padding: 0 80px; margin-bottom: 20px;}
#testimonials .quote span { display: block; text-align: right; color: #b4b4be; font-size: 12px; padding-right: 80px;}
#testimonials .quote:before, #testimonials .quote:after { display: block; width: 40px; height: 100px; font-size: 100px; font-style: normal; font-family: sans-serif; position: absolute; line-height: 1em;}
#testimonials .quote:before { content: '“'; top: -10px; left: 0;}
#testimonials .quote:after { content: '”'; bottom: 0; right: 0;}
#testimonials a { display: block; width: 240px; margin: 0 auto; text-align: center; padding: 10px; border: 2px solid #ffdd00; color: #ffdd00; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 300;}
#footer { padding: 20px 0; color: #87878f; font-size: 12px; line-height: 1.4em; background: #4c4b51; text-align: center;}
#footer .address { border-top: 3px solid #87878f; padding: 20px 0; text-align: center;}
#footer a { color: #87878f;}

.social { text-align: center; padding: 10px 0 20px 0;}
	.social li { display: inline-block; margin: 5px; vertical-align: top;}
	.social li span { position: relative; display: block; width: 40px; height: 40px; color: #4c4b51; background: #87878f; text-align: center; padding-top: 9px; font-size: 20px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
	.social li span:hover { background: #ffdd00; color: #4c4b51;}

/************************************/
/************** MENUS ***************/

#menu {}
#menu ul { float: right;}
#menu ul li { position: relative; float: left;}
#menu ul li a { display: block; font-size: 12px; line-height: 1em; color: #4b4b50; padding:100px 10px 20px 10px; border-top: 3px solid #fff; text-transform: uppercase; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
#menu ul li a:hover { border-top: 3px solid #ffdd00;}
#menu ul li.current-menu-item a, #menu ul li.current-menu-parent a { background: #f9f8f6; border-top: 3px solid #ffdd00;}

/* Level 1 */
#menu ul ul:before { content: ''; position: absolute; left: 50%; top: -10px; margin-left: -7px; width: 0px; height: 0px; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #ffdd00 transparent;}
#menu ul ul { position:absolute; left: 50%; margin-left: -125px; top: 135px; background:#fff; width: 250px; z-index:9999; text-align: left; padding:0; border-top: 3px solid #ffdd00;
	/*-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	-ms-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
	box-shadow: 0 2px 5px rgba(0,0,0,0.5);*/
}
#menu ul ul li { width: 250px; display: block; margin: 0;}
#menu ul ul li a, #menu ul li.current-menu-item li a { display: block; text-align: center; color: #4b4b50 !important; background:#fff !important; padding: 10px; font-size: 14px; margin: 0; border: none !important; background: none;}
#menu ul ul li a:hover, #menu ul ul li.current-menu-item a, #menu ul ul li.current-menu-parent a { background: #efede8 !important; border: none !important;}
/* level 2 */
#menu ul ul ul:before { left: -5px; top: 7px; margin-left: -5px; border-width: 10px 10px 10px 0; border-color: transparent #fff transparent transparent;}
#menu ul ul ul { left:200px; margin-left:0; top:0; background:#fff; padding: 0;
	-webkit-box-shadow: -5px 0px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: -5px 0px 5px rgba(0,0,0,0.1);
	-ms-box-shadow: -5px 0px 5px rgba(0,0,0,0.1);
	box-shadow: -5px 0px 5px rgba(0,0,0,0.1);
}

/* mobile menu */
#menumobile {position: relative; z-index: 9999 !important; display: block; width: 100%; background: #f9f8f6;}
#menu-icon {width: 40px; height: 40px; padding: 10px 0 0 0; background:#a2958c; text-align: center; font-size: 16px; color: #fff; text-transform: uppercase; cursor: pointer; display: block; position: relative;}
#menu-icon.active {background: #4b4b50; color: #fff;}
#menumobile ul {clear: both; width: 100%; z-index: 10000 !important; padding: 20px 0; background: #f9f8f6; display: none; text-align: left;}
#menumobile ul li { clear: both; float: none; }
#menumobile ul a, #menumobile ul ul a {color: #4b4b50; text-transform: uppercase; font-size: 14px; display: block; padding: 5px 20px;}
#menumobile ul a:hover, #menumobile ul ul a:hover {color: #000;}
#menumobile ul ul {top: 0; padding: 0;width: auto;position: relative;display: none;border: none;background: none;}
#menumobile ul ul li { padding:0 15px;}

/************************************/
/************** GRIDS ***************/

.container {
	margin:0 auto;
	width:1000px;
	display:block;
}

/* GRIDS TABLET */
@media (min-width: 768px) and (max-width: 999px) {
	
	.container {
		margin:0;
		width:100%;
		padding:0;
	}
	#slidenav { right: 33%; margin-right: 0;}
	#slidecaps { padding: 0 20px;}
	#homeblock { padding: 0 20px 20px 20px;}
	#slidecaps .text h1 { font-size: 50px;}
	h1.pagetitle { padding: 30px;}
	.text { padding: 30px !important;}
	.theposts { padding: 20px 0 20px 30px;}
	.filter { padding-right: 30px;}
	.haschildren { margin: 40px 30px 0 30px;}
	#footer .address { padding: 20px 30px;}
	#footer .copyright { padding: 0 30px 30px 30px;}
	
}

/* GRIDS MOBILE */
@media (max-width: 767px) {
	
	#logo { text-align: center;}
	#slidenav { right: 60%; margin-right: 0;}
	#slidecaps .text h1 { font-size: 30px;}
	#homeblock { padding: 0 40px 40px 40px;}
	.banner, .banner2, .banner_full { margin: 30px 0 0 0;}
	.back { color: #ffdd00; font-size: 14px; text-transform: uppercase; padding: 8px 0 0 30px; display: block;}
	h1.pagetitle { padding: 30px; font-size: 30px;}
	h1.pagetitle.withnav { font-size: 30px; padding: 0 0 30px 30px;}
	.text { padding: 30px !important;}
	.theposts { padding: 20px 30px;}
	.filter { float: none; padding:0 15px 15px 15px; text-align: center;}
	.filter li { display: inline-table; float: none;}
	.masonry .item { width: 100%;}
	.masonry .item .inner { margin: 10px 40px;}
	
	.haschildren { margin: 40px 30px 0 30px;}
	#numbers li:before {margin-top: 15px;}
	#numbers li a { font-size: 20px; width: 30px; height: 30px; margin-top: -15px; padding-top: 2px;}
	
	#process { min-height: 750px;}
	.panelblock { min-height: 150px;}
	.panel {background:no-repeat center top;
		-webkit-background-size: contain !important;
		-moz-background-size: contain !important;
		-o-background-size: contain !important;
		background-size: contain !important;}
	.panel .section-overlay { background: #4b4b50;}
	#sidebar { padding: 0;}
	#footer .address { padding: 20px 30px;}
	#footer .copyright { padding: 0 30px 30px 30px;}
	
	#testimonials .quote {padding: 0;}
	#testimonials .quote:before { left: -30px; font-size: 70px;}
	#testimonials .quote:after {right: -30px; font-size: 70px;}
}

/************************************/
/*********** ICON STYLING ***********/

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
  	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	text-align: center;
}
.icon-quote:before { content: '\e800'; } /* '' */
.icon-mail:before { content: '\e810'; } /* '' */
.icon-heart:before { content: '\e802'; } /* '' */
.icon-heart-empty:before { content: '\e804'; } /* '' */
.icon-star:before { content: '\e806'; } /* '' */
.icon-star-empty:before { content: '\e807'; } /* '' */
.icon-user:before { content: '\e80f'; } /* '' */
.icon-camera:before { content: '\e814'; } /* '' */
.icon-layout:before { content: '\e813'; } /* '' */
.icon-menu:before { content: '\e80d'; } /* '' */
.icon-plus:before { content: '\e85d'; } /* '' */
.icon-minus:before { content: '\e85f'; } /* '' */
.icon-info-circled:before { content: '\e816'; } /* '' */
.icon-home:before { content: '\e818'; } /* '' */
.icon-link:before { content: '\e83e'; } /* '' */
.icon-attach:before { content: '\e842'; } /* '' */
.icon-eye:before { content: '\e817'; } /* '' */
.icon-tag:before { content: '\e819'; } /* '' */
.icon-bookmarks:before { content: '\e81a'; } /* '' */
.icon-thumbs-up:before { content: '\e81b'; } /* '' */
.icon-download:before { content: '\e81c'; } /* '' */
.icon-comment:before { content: '\e81d'; } /* '' */
.icon-chat:before { content: '\e820'; } /* '' */
.icon-map:before { content: '\e81f'; } /* '' */
.icon-docs:before { content: '\e83d'; } /* '' */
.icon-book:before { content: '\e81e'; } /* '' */
.icon-rss:before { content: '\e821'; } /* '' */
.icon-basket:before { content: '\e803'; } /* '' */
.icon-calendar:before { content: '\e841'; } /* '' */
.icon-clock:before { content: '\e843'; } /* '' */
.icon-down-arrow:before { content: '\e840'; } /* '' */
.icon-left-arrow:before { content: '\e811'; } /* '' */
.icon-right-arrow:before { content: '\e812'; } /* '' */
.icon-up-arrow:before { content: '\e82e'; } /* '' */
.icon-search:before { content: '\e838'; } /* '' */
.icon-play:before { content: '\e822'; } /* '' */
.icon-stop:before { content: '\e823'; } /* '' */
.icon-pause:before { content: '\e824'; } /* '' */
.icon-target:before { content: '\e826'; } /* '' */
.icon-list:before { content: '\e827'; } /* '' */
.icon-trophy:before { content: '\e828'; } /* '' */
.icon-network:before { content: '\e82a'; } /* '' */
.icon-cd:before { content: '\e829'; } /* '' */
.icon-flash:before { content: '\e82b'; } /* '' */
.icon-paper-plane:before { content: '\e82d'; } /* '' */
.icon-leaf:before { content: '\e82c'; } /* '' */
.icon-suitcase:before { content: '\e83f'; } /* '' */
.icon-chart-area:before { content: '\e82f'; } /* '' */
.icon-ticket:before { content: '\e831'; } /* '' */
.icon-megaphone:before { content: '\e830'; } /* '' */
.icon-rocket:before { content: '\e832'; } /* '' */
.icon-gauge:before { content: '\e833'; } /* '' */
.icon-cw:before { content: '\e825'; } /* '' */

.icon-paypal:before { content: '\e801'; } /* '' */
.icon-android:before { content: '\e836'; } /* '' */
.icon-google-plus:before { content: '\e834'; } /* '' */
.icon-fivehundredpx:before { content: '\e83a'; } /* '' */
.icon-pinterest:before { content: '\e83b'; } /* '' */
.icon-appstore:before { content: '\e815'; } /* '' */
.icon-flickr:before { content: '\e83c'; } /* '' */
.icon-linkedin:before { content: '\e808'; } /* '' */
.icon-rss:before { content: '\e809'; } /* '' */
.icon-twitter:before { content: '\e80a'; } /* '' */
.icon-youtube:before { content: '\e80b'; } /* '' */
.icon-vimeo:before { content: '\e80c'; } /* '' */
.icon-facebook:before { content: '\e80e'; } /* '' */
.icon-tumblr:before { content: '\e839'; } /* '' */
.icon-deviantart:before { content: '\e805'; } /* '' */
.icon-picasa:before { content: '\e835'; } /* '' */
.icon-instagram:before { content: '\e837'; } /* '' */

/************************************/
/************** OTHER ***************/

/* SELECT & PLACEHOLDER */
::selection,
::-moz-selection { background: #f1f1f1; color:#333;}

::-webkit-input-placeholder { color:#999999;}
	 :-ms-input-placeholder { color:#999999;}
	 	 ::-moz-placeholder { color:#999999;}
		  :-moz-placeholder { color:#999999;}

/* FORMS */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	background:#f9f8f6;
	border: 1px solid #efece8;
	color:#4b4b50;
	font-size:12px !important;
	padding: 10px !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	background:#fff;
}

input[type="button"],
input[type="submit"] {
	border:1px solid #f0d105;
	background:#ffdd00;
	color:#4b4b50;
	font-size:15px; 
	text-transform: uppercase;
	font-weight: 400;
}
input[type="button"]:hover,
input[type="submit"]:hover {
	color: #f0d105;
}

input[type="radio"],
input[type="checkbox"] {
margin: 0 !important;
*margin-top: 0 !important;
line-height: normal;
}

.gform_wrapper { margin: 0 !important;}
.gform_wrapper br { display: none !important;}
.gfield_label { font-size: 13px !important; padding: 0;}
.gfield_checkbox li { margin: 0 !important; font-size: 12px !important;}
.gfield_radio li { margin: 0 !important; font-size: 12px !important;}
.gfield_html ol { font-size: 12px !important;}
.gfield_html ol li { margin: 0 !important;}

/* TEXT STYLING */

.text 	 { padding: 30px 0;}
.text h6 { font-size:16px;}
.text h5 { font-size:18px;}
.text h4 { font-size:24px;}
.text h3 { font-size:30px;}
.text h2 { font-size:33px;}
.text h1 { font-size:40px;}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
	padding-bottom: 15px;
	color: #484a57;
	font-weight: 400;
	text-transform: uppercase;
}

/* PAGE NAVIGATION */
.page_navigation { border: none; padding: 0 0 30px 0;}
.page_navigation ul li a { border-color: #ddd;}
.page_navigation ul li a {background: #f9f9f9; color: #4b4b50;}
.page_navigation ul li a:hover { background: #f1f1f1;}
.page_navigation ul li a.current { color: #4b4b50; background: #ffdd00; border: 1px solid #ffd200;}

/* FANCYBOX */
.fancybox-skin{ background: #fff; color: #323a45;}
.fancybox-next span { background-image: url(../img/fancybox_sprite.png);}
.fancybox-close{ background-color: #000;}
.fancybox-close i { color: #fff;}
.fancybox-prev span i { color: #000;}
.fancybox-next span i { color: #000;}

/* COMMENTS */
#respond .comment-notes, #comments ol li .myquote, #comments ol li cite, #comments ol li .commentmetadata, #comments .reply a { color: #ccc;}
#respond label, #comments .reply a:hover, #comments ol li cite a, .comment-reply-title small a, #comments ol.commentlist #respond .comment-notes, #comments ol li.bypostauthor .myquote { color: #666;}
#respond .comment-notes { border-color: #f1f1f1;}
#comments ol.commentlist, #comments ol li, #comments ol .children { border-color: #f0f0f0;}
#respond .comment-notes, #comments ol li { background: #f9f9f9;}
#comments ol.commentlist #respond, #comments ol.commentlist #respond .comment-notes, #comments ol.commentlist #respond h3 { border-color: #e1eaed;}
.comment-reply-title small a, #comments ol.commentlist #respond .comment-notes { background: #e1eaed;}
#comments h3 { border-bottom:1px solid #ddd;}
#comments ol li.odd { background: #fff;}
#comments .reply a:hover { background: #ccc;}
.comment-reply-title small a:hover { background: #c7d4d9;}
#comments ol.commentlist #respond { background: #eef4f6;}

/* ALIGNMENTS */
.wp-caption {
	border: 1px solid #ddd;
	background-color:#fff;
	color:#999;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/************************************/
/************* END CSS! *************/



.top-widget{ text-align:right; position:absolute; margin-top:30px; z-index:9; right:10px; color:#9A7B66; font-size:16px;}
.top-widget a{ color:#9A7B66;}

@media (max-width:767px){
.top-widget{ text-align:center; position:inherit; margin-top:3px; margin-bottom:15px; z-index:9; }
}

@media (min-width:768px) and (max-width:1023px){
.top-widget{right:30px;}
}