/*
Theme Name: Voitin.com Custom Theme
Theme URI: http://www.voitin.com/
Author: Voitin.com Web Services
Author URI: http://www.voitin.com/
Description: Custom WP template developed by Voitin.com
Version: 1.0
*/

html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}::-webkit-input-placeholder{color:inherit}:-moz-placeholder{color:inherit;opacity:1}::-moz-placeholder{color:inherit;opacity:1}:-ms-input-placeholder{color:inherit}

body { font-size: 14px; font-family: 'Open Sans', Arial, Verdana, Georgia, Helvetica, sans-serif; margin: 0; padding: 0; color: #000; background: #908F8F url(images/pattern.png) } 
input, textarea, select { font-size: 12px; font-family: 'Open Sans', Arial, Verdana, Georgia, Helvetica, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }  
.inside { width: 100%; position: relative; margin: 0 auto }
.round { khtml-border-radius: 6px; moz-border-radius: 6px; webkit-border-radius: 6px; border-radius: 6px }
.anim { transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out }
.clear {clear: both }
.clearfix:before, .clearfix:after { content: " "; display: table }
.clearfix:after { clear: both }
.clearfix { *zoom: 1 }
img { border: none }
table { max-width: 100%; width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0 }
table td { padding: 5px 0 }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#wpadminbar { display: none!important }
body { margin-top: -32px!important }
.gallery-item { margin-bottom: 30px!important }

.flex-control-nav { position: absolute; left: 0; bottom: 18px!important; z-index: 200 }
.wpcf7-recaptcha { margin: 0 0 10px 0!important } 
#wrapper { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31); background: #f9f9f9; width: 85%; max-width: 90%; margin: 0 auto }
 
#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 200 }
#header .inside { background: rgba(255,255,255,0.75); width: 85%; max-width: 90%; margin: 0 auto }
#header.fixed .inside { background: #fff }
#header.fixed #mega-menu-wrap-primary { padding: 3px 0 }
#header #logoHeader { width: 90px; display: block; margin: 0 auto 10px auto; text-align: center }
#header #logoHeader img { margin: 0 auto; width: 100%; display: block }
#header #mega-menu-wrap-primary { transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; padding: 10px 0 }
#header #topBar { text-align: center; color: #fff; font-weight: bold; padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.5); font-size: 14px; background: rgba(255,255,255,0.25) }
#header #topBar span { color: rgb(255, 140, 0); display: block }

#coverImage { height: 500px; background-size: cover; background-position: center center; width: 100% }
#slider { margin-top: -100px; width: 100% }
#slider li { position: relative; height: 100% }
#slider .metaslider .flex-direction-nav { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
#slider .metaslider .flex-direction-nav li { position: static; }
#slider .metaslider .caption-wrap span { display: block; font-weight: 300; font-size: 30px; margin: 0 0 20px 0 }
#slider .metaslider .caption-wrap b { cursor: pointer; display: block; margin: 20px 0 0; khtml-border-radius: 6px; moz-border-radius: 6px; webkit-border-radius: 6px; border-radius: 6px; font-weight: normal; font-size: 12px; padding: 10px; float: left; background: #fb7500; color: #fff }
#slider .metaslider .caption-wrap { position: absolute; background: none; width: 450px; top: 50px; right: 0; left: auto; color: #000; font-size: 15px; font-weight: 600; margin: 0; display: block; line-height: 130% }
#slider .metaslider img { display: block; width: 100%!important }
#slider .metaslider .flex-control-paging li a.flex-active { background: rgba(255,255,255,0.8) }
#slider .metaslider .flex-control-paging li a { background: rgba(255,255,255,0.4) }
#slider .metaslider .flex-control-nav li a { margin: 0 3px }

#content { padding: 20px 0 }
#content .inside { width: 88% }
#content #primary { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
#content #primary .entry-title { text-align: center; font-size: 36px; font-weight: 300; padding: 0 0 10px 0; margin: 0 0 10px 0 }
#content #primary h1, #content #primary h2 { color: #fd8000; font-size: 26px; line-height: 1.4; font-weight: 700; margin: 0 0 20px 0 }
#content #primary h4, #content #primary h3 { color: #fd8000; font-size: 22px; line-height: 1.4; font-weight: 700; margin: 10px 0 20px 0 }
#content #primary h6 { font-size: 18px; margin: 20px 0 10px 0 }
#content #primary h5 { color: #000; font-size: 22px; line-height: 1.4; font-weight: 700; margin: 10px 0 20px 0 }
#content #primary h5 span { font-size: 19px; font-weight: 300; display: block; margin: 10px 0 20px 0 }
#content #primary .one_half a { display: block; margin: 20px 0 0; khtml-border-radius: 6px; moz-border-radius: 6px; webkit-border-radius: 6px; border-radius: 6px; font-weight: normal; font-size: 12px; text-decoration: none; padding: 10px; float: left; background: #fb7500; color: #fff }
#content #primary .one_third b { display: block; margin: 0 0 5px 0 }
#content #primary .one_third a { display: inline-block; margin: 10px auto; khtml-border-radius: 6px; moz-border-radius: 6px; webkit-border-radius: 6px; border-radius: 6px; font-weight: normal; font-size: 12px; text-decoration: none; padding: 10px; background: #fb7500; color: #fff }
#content #primary .one_half a:hover { text-decoration: none; color: #fff; background: #ba5905 }
#content #primary .one_third a:hover { text-decoration: none; color: #fff; background: #ba5905 }
#content #primary ul { margin: 20px 0 }
#content #primary ul li { margin: 5px 0 }
#content #primary p { line-height: 25px; margin: 0 0 10px }
#content #primary a { text-decoration: none; color: #ff8c00 }
#content #primary a:hover { color: #000; text-decoration: underline }
#content #primary .wsp-pages-list a { font-weight: normal }
#content #primary .wsp-pages-list ul { margin-bottom: 0 }
#content #primary img { height: auto; max-width: 100% }
#content #primary form label { margin: 5px 0 2px 0 }
#content #primary form input { margin: 0 }
#content #primary form .wpcf7-submit { width: auto }
#content #primary.content-area article { margin: 0 0 40px 0 }
#content #secondary { border-left: 5px solid #333; float: right; width: 25%; padding: 10px 0 50px 25px }
#content form .orange { color: #ff8c00 }
#content form textarea { resize: none; height: 80px }
#content form textarea, #content form input, #content form select { margin: 5px 0; border: 1px solid #555; background: #f4f6f9; padding: 15px; color: #555; width: 100% }
#content form input:focus, #content form select:focus, #content form textarea:focus { color: #000; background: #d3d3d3; border-color: #333 }
#content form .wpcf7-submit { margin-top: 10px; cursor: pointer; border: 0; background: #ff8c00; color: #fff; font-weight: 600 }
#content form .wpcf7-submit:hover { background: #000 }
#content form p { margin: 0 }
#content form label { display: block; font-size: 12px; font-weight: 600; margin: 0 0 4px 0 }
#content #secondary .wpcf7-response-output { margin: 0 }
#content #secondary .widget-title { padding: 18px 0 0 0; font-size: 18px; color: #ffff00; font-weight: 700; margin: 10px 0 }
#content #secondary .widget_text { font-size: 12px }
#content #secondary .widget_text a { color: inherit; text-decoration: none }
#content #secondary .widget_text a:hover { text-decoration: underline }
#content #secondary .widget_text b { font-weight: 600 }
#content #secondary ul { list-style: none }
#content #secondary ul li { font-size: 13px; padding: 3px 0 }
#content #secondary ul li a { font-weight: 600; color: inherit; text-decoration: none }
#content #secondary ul li a:hover { text-decoration: underline }
#content #secondary ul li .post-date { display: block }
#content #secondary .wpcf7-form { padding: 20px; background: #ffff00 }
#content #secondary .wpcf7-form input { background: none; font-weight: 600; padding: 10px 0; color: #000; border: 0; border-bottom: 1px solid #000 }
#content #secondary .wpcf7-form input.wpcf7-submit { background: #000; color: #fff; border: 0 }
#content #secondary .wpcf7-form input.wpcf7-submit:hover { background: #333 }
#content #secondary .wpcf7-form .ajax-loader { display: none!important }
#content #secondary .wpcf7-form .wpcf7-response-output { background: #fff; margin-top: 10px }

#preFooter { display: block; width: 100%; margin: 30px 0 -18px 0 }

.bx-wrapper { margin: 40px auto 0 auto!important }

footer { margin-top: 20px }
footer .col { position: absolute; top: 0; right: 0;  z-index: 200; background: rgba(255,255,255,0.9) }
footer iframe { display: block }
footer #footerBar { positio: relative; color: #000; background: #fff; padding: 5px 0}
footer #footerBar .inline { display: inline-block; padding: 0 10px }
footer #footerBar .inline a { color: #000; text-decoration: none }
footer #footerBar .inline a:hover { color: #333; text-decoration: underline }
footer #footerBar .inline .item { line-height: 20px; font-size: 12px; color: #fff; font-weight: 600; padding: 2px 5px; background: #000 }
footer #footerBar .inline .genericon { line-height: 20px }

#copyright { text-align: center; font-size: 13px; padding: 25px 0; margin: 0 0 10px 0; color: #999 }

/* Fonts: Open Sans */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,600,400italic);

/* Media: Mobile/Tablet */
@media screen and (max-width: 1100px) {
	body { -webkit-text-size-adjust: none }
	.inside { width: 95% }
	
	#wrapper { width: 95%; max-width: 95% }
 
	#header {  }
	#header .inside { background: #fff; width: 95%; max-width: 95% }
	#header.fixed #mega-menu-wrap-primary { padding: 0 }

	#coverImage { height: 300px; background-size: cover; background-position: center center; width: 100% }
	#slider { margin-top: 140px; width: 100% }
	#slider li { position: relative; height: 100% }
	#slider .metaslider .flex-direction-nav { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
	#slider .metaslider .flex-direction-nav li { position: static; }
	#slider .metaslider .caption-wrap span { display: block; font-weight: 300; font-size: 30px; margin: 0 0 20px 0 }
	#slider .metaslider .caption-wrap b { cursor: pointer; display: block; margin: 20px 0 0; khtml-border-radius: 6px; moz-border-radius: 6px; webkit-border-radius: 6px; border-radius: 6px; font-weight: normal; font-size: 12px; padding: 10px; float: left; background: #fb7500; color: #fff }
	#slider .metaslider .caption-wrap { position: absolute; background: none; width: 450px; top: 50px; right: 0; left: auto; color: #000; font-size: 15px; font-weight: 600; margin: 0; display: block; line-height: 130% }
	#slider .metaslider img { display: block; width: 100%!important }
	#slider .metaslider .flex-control-paging li a.flex-active { background: rgba(255,255,255,0.8) }
	#slider .metaslider .flex-control-paging li a { background: rgba(255,255,255,0.4) }
	#slider .metaslider .flex-control-nav li a { margin: 0 3px }
	
	#header #mega-menu-wrap-primary { position: relative; right: auto; top: auto }


	#content { padding: 15px 0 0 0 }
	#content #primary { padding: 0; float: none; width: 100% }
	#content #primary iframe { width: 100%!important }
	#content #primary .entry-title { font-size: 32px; word-wrap: break-word }
	#content #primary h1, #content #primary h2 { word-wrap: break-word; text-align: center; font-size: 25px }
	#content #primary h4, #content #primary h3 { word-wrap: break-word; font-size: 21px }
	#content #primary figure { max-width: 100% }
	
	#content #secondary { float: none; width: 100%; padding: 15px; border: 0; moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
	
	footer #footerBar .inline { margin: 5px 0; display: block; padding: 0 10px }
	
	#copyright { text-align: center }
}