/*  
Theme Name: VFR
Theme URI: http://vf-design.com.ua/
Description: wordpress themes for vf-design.com.ua
*/

* {
margin: 0;
padding: 0;
border: 0;
}

*,
*:before,
*:after {
box-sizing: inherit;
}

body {
background: #fff;
font-size: 90%;
font-family: Arial, sans-serif;
color:#333;
}

@font-face {
font-family: AgencyFB;
src: url(fonts/AgencyFB.ttf);
}

a {
color:#5287a4;
text-decoration: none;
outline: none;
}

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

a:active, input, textarea {
outline: none;
}

h1 {
font: normal 1.6em Arial, sans-serif;
text-transform: uppercase;
color: #333;
padding: 20px 0;
}

h2 {
font: normal 1.6em Arial, sans-serif;
text-transform: uppercase;
color: #5287a4;
padding: 20px 0;
}

h2 a { 
color: #5287a4;
text-decoration: none;
}

h2 a:hover { 
color: #2198c7;
}

.clearfloat {
clear: both;
}

blockquote {
font-style: italic;
margin: 0 0 0 10px;
padding: 0 0 0 25px;
}

nav{
display:block;
}

#mobile-menu{
display: block; 
padding: 10px 0; 
text-decoration: none; 
text-transform: uppercase; 
color: #fff;
text-align: center; 
font-weight: 500; 
cursor: pointer; 
background: #666; 
position: relative;
}

#mobile-menu:hover{
background: #000; color: #fff;
}

.mobile{list-style-type: none;}
.mobile li{position: relative;display: inline-block;font-weight: bold;font-size: .9em;text-transform: uppercase;}
.mobile li a{color: #fff;padding: 10px 15px;display: block;transition: all 200ms ease-in;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;}
.mobile li a:hover{background: #000;color: #fff;}
mobile .children{position: absolute;display: none;}
mobile .children li{display: block;font-size: 1em;}
mobile .children li a{display: block;background: #333;color: #fff;padding: 5px 15px 6px;transition: all 200ms ease-in;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;}
mobile .children li a:hover{background: #000;color: #fff;}
mobile li:hover > ul{ display: block;}

#top {
background: #fff;
width: 100%;
height: 35px;
border-bottom: #ccc solid 1px;
}

#top_menu {
max-width: 1310px; 
margin: 0 auto;
}

#top_menu ul { 
list-style: none; 
}

.lang {
padding: 7px 0 0;
margin: 0 0 0 10px;
}

.lang li { 
font: normal .9em 'Arial Narrow', Arial, sans-serif;
float: left;
display: inline;
margin: 0 5px 0 0;
}

.lang li a { 
padding: 3px 5px;
display: block;
font-size: .9em;
}
   
.lang ul li ul {
background: #F2F2F2;
position: absolute;
visibility: hidden;
padding-right: 7px;
}

.lang ul li ul li{
display: inline;
}

.lang ul li:hover > ul {
visibility: visible;
}

.parent {
background: #F2F2F2 url(images/downarrow.png) no-repeat 90% 50%;
padding: 0 10px 0 0;
}

.top_pages {
float: right;
}

.top_pages li { 
font: normal .9em 'Arial Narrow', Arial, sans-serif;
display: inline;
float: left; 
border-right: 1px solid #333;
margin: 2px 15px 0 0;
padding: 0 15px 0 0;
} 

.top_pages li:last-child {
border-right: none;
}

.top_pages li a {
color: #606060;
display: block;
} 

#top_menu li a:hover { 
color: #2198c7;
}

#header-wrap {
width: 100%; 
padding: 0 0 5px;
border-bottom: #F5F5F5 solid 5px;
}

#header {
background: #fff;
max-width: 1310px; 
margin: 0 auto;
}

.logo {
max-width: 100%;
height: auto;
float: left;
}

.phone {
background: url(images/phone.png) no-repeat 0 12px;
font: normal 2em AgencyFB, 'Arial Narrow', Arial, sans-serif;
color: #000;
letter-spacing: .1em;
line-height: 1.2em;
float: right;
margin: 25px 0 0;
padding: 10px 10px 0 80px;
border-right: #000 solid 1px;
}

.skype {
font: normal 1.6em AgencyFB, 'Arial Narrow', Arial, sans-serif;
color: #777;
letter-spacing: .1em;
line-height: 1.2em;
float: right;
margin: 30px 0 0;
padding: 10px 10px 0 10px;
}

.home {
float: left;
margin: 8px 45px 0 0;
}

#header_menu {
max-width: 1310px; 
height: 35px; 
margin: 0 20px 0 120px;
}

#header_menu ul { 
list-style: none; 
float: left;
z-index: 100;
}

#header_menu li { 
font: normal 1em Arial, sans-serif;
display: inline;
float: left; 
border-right: #E5E5E5 solid 1px;
} 

#header_menu li:first-child {
border-left: #E5E5E5 solid 1px;;
}

#header_menu li a {
background: #FFF;
color: #555;
padding: 9px 51px;
display: block;
border-bottom: #fff solid 2px;
} 

#header_menu li a:hover {
background: linear-gradient(to bottom, #E0E2E3, #FFFFFF); 
color: #555;
border-bottom: #558CAA solid 2px;
}

#header_menu ul li ul {
position: absolute;
visibility: hidden;
border: #E5E5E5 solid 1px;
border-radius: 0 0 5px 5px;
background: linear-gradient(to top, #F7F7F7, #FFFFFF);
box-shadow: inset 0px 5px 3px 0px rgba(256, 256, 256, 0.75);
box-shadow: 0px 1px 1px 0px rgba(216, 216, 216, 0.5);
}

#header_menu ul li ul li{
background: transparent;
float: none;
display: list-item;
border-bottom: #C2CED3 solid 1px;
}

#header_menu ul li ul li:first-child {
border-left: none;
}

#header_menu ul li ul li:last-child {
border-bottom: none;
}

#header_menu ul li ul li a {
background: transparent;
color: #555;
padding: 9px 11px 10px 10px;
border: none !important;
transition: background-color .5s;
-webkit-transition: background-color .5s;
}

#header_menu ul li ul li a:hover {
color: #555; 
background: #D8E0E3;
transition: background-color .5s;
-webkit-transition: background-color .5s;
}

#header_menu ul li:hover > ul {
visibility: visible;
}

#searchform { 
background: #fff;
margin: -3px 20px 0 0; 
border: 1px solid #ccc; 
float: right;
}

#searchform .text {  
background: transparent; 
border: 0;
font-size: 1em; 
width: 180px; 
color: #111; 
padding: 8px;
}

#searchform .submit { 
background: url(images/srch_btn.png) no-repeat; 
width: 24px;
height: 21px;
vertical-align: middle;
margin: 0 5px 0 0 !important; 
}

#container {
background: #fff;
max-width: 1310px;
margin: 0 auto 7px;
}

#content {
width: 69%; 
float: left;
padding: 0 10px;
margin: 0 0 0 30px; 
}

.postmeta {
color: #333;
margin: 0 0 20px;
}

.postmeta a:hover {
color: #2198c7;
text-decoration: underline;
}

.date {
background: url(images/date_icon.png) no-repeat 0 1px;
padding: 0 0 0 18px;
margin: 0 15px 0 0;
}

.author {
background: url(images/author_icon.png) no-repeat 0 1px;
padding: 0 0 0 18px;
margin: 0 15px 0 0;
}

.view {
background: url(images/view_icon.png) no-repeat 0 3px;
padding: 0 0 0 18px;
margin: 0 15px 0 0;
}

.commentcount {
background: url(images/comment_icon.png) no-repeat 0 1px;
padding: 0 0 0 18px;
margin: 0 15px 0 0;
}

.tag {
background: url(images/tag_icon.png) no-repeat;
padding: 0 0 0 18px;
margin: 0 15px 0 0;
}

.bloglist {
column-count: 2;
margin: 1.5em auto;
column-gap: 1.5em;
}

.blogpost {
display: inline-block;
margin: 0 0 1em;
width: 100%;
}

.blogpost img {
max-width: 100%;
outline: none !important;
cursor: pointer;
opacity: 1;
}

.blogpost img:hover {
background: rgba(0, 0, 0, 0.5);
opacity: 0.5;
}

.blogpost h2 {
padding: 0 0 5px;
}

.blogpost p {
padding: 0 0 10px;
line-height: 1.5em;
}

.blogpost a {
font-size: .9em; 
color: #999; 
}

.blogpost a:hover {
color: #2198c7; 
}

.entry {
color: #666;
text-align: justify; 
padding: 0 0 15px;
margin: 0 0 15px;
}

.entry h2 {
color: #333;
}

.entry h3 {
font: normal 1.4em Arial, sans-serif;
text-transform: uppercase;
color: #333;
padding: 20px 0;
}

.entry p {
font-size: 1.2em; 
margin: 0 0 15px; 
line-height: 1.6em;
}

.entry img {
max-width: 100%;
height: auto; 
}

.entry ul, .entry ol {
font-size: 1em; 
margin: 0 0 15px; 
line-height: 1.6em;
}

.entry ul li {
color:#666; 
list-style-position: inside; 
margin: 0 0 5px;
}

img.centered  {display: block; margin-left: auto;	margin-right: auto;	margin-bottom: 10px; padding: 0px;}
img.alignnone {padding: 0px; margin: 0px 0px 10px 0px; display: inline;}
img.alignright {padding: 0px;	margin: 0px 0px 10px 10px; display: inline;}
img.alignleft {padding: 0px; margin: 0px 10px 10px 0px;	display: inline;}
.wp-caption {margin: 0px; padding: 0px;}
.wp-caption img {margin: 0px 0px 10px 0px; padding: 0px; border: 0px;}
.wp-caption p.wp-caption-text {margin: 0px;	padding: 5px 0px 0px 0px;	font-size: 10px; font-style: italic; font-weight: bold;	line-height: 12px;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right;}
.alignleft {float: left;}

.more-link {
background: #5287a4;
padding: 5px 10px;
color: #fff;
float: right;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.more-link:hover {
background: #333333;
color: #fff;
text-decoration: none;
}

.social {
display: block; 
clear: both; 
margin: 10px 0;
}

.socicon {	
padding: 10px 0;
}

.share_please {
text-transform: uppercase;
color: #333;
padding: 20px 0;
}

.wp-pagenavi {
clear: both;
color: #777;
text-align: center;
margin: 0 0 10px;
}

.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
padding: 5px 10px;
margin: 0 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

.wp-pagenavi a {
color: #777;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
background: #517d8f;
color: #fff;
}

.contacts {
width: 48%; 
float: left;
padding: 0 0 0 10px;
}

.contacts h2, .contactform h2{
font: normal 1.6em Arial, sans-serif;
text-transform: uppercase;
color:#556b72;
padding: 20px 0;
}

.contacts h3{
font: normal 1em Arial, sans-serif;
text-transform: uppercase;
color:#556b72;
padding: 50px 0 20px;
}

.contacts p{
color:#A0A9B6;
line-height: 1.5em;
}

.welcome {
padding: 0 0 50px;
}

.contacts .column1{
width: 48%; 
float: left;
}

.contacts .column2{
width: 48%; 
float: right;
}

.contactform {
width: 48%; 
float: right;
padding: 0 0 0 10px;
}

.contactform label {
color:#A0A9B6;
}

.wpcf7-text {
width: 90%;	
padding: 10px;
margin: 0 0 10px; 
border: 1px solid #DFECF0;	
font-size: 1em;
color: #666;
}

.wpcf7-textarea {
font-family: Arial, sans-serif;
width: 92%;	
padding: 2px;	
border: 1px solid #DFECF0;	
padding: 4px;	
font-size: 1em;
color: #666;
}

.wpcf7-submit {
background: #FFCA09;
color: #fff;
margin: 10px 0 0; 
padding: 10px 20px;
border: #fff solid 1px;	
font-size: 1em;
text-transform: uppercase;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
cursor: pointer;
}

.wpcf7-submit:hover {
background: #fff;
color: #FFCA09;
text-decoration: none;
border: #FFCA09 solid 1px;
}

.contactmap{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}

.contactmap iframe{
left:0;
top:10px;
height:100%;
width:100%;
position:absolute;
}

#sidebar {
width: 20%; 
float: right; 
padding: 0 10px 20px;
margin: 0 30px 0 0;
}

#sidebar .auth {
text-align: center;
padding: 20px 0;
}

#sidebar p {
color: #555;
padding: 0 0 10px;
line-height: 1.5em;
}

#sidebar .strong {
font-weight: bold;
}

#sidebar .social_acc {
text-align: center;
padding: 20px 0;
}

#sidebar .social_acc img {
margin: 0 10px 0 0;
opacity: 1;
}

#sidebar .social_acc img:hover {
opacity: 0.5;
}

#sidebar h2 {
background: url(images/main-h3.gif) no-repeat 0 4px;
font: bold 1.9em 'Arial Narrow', Arial, sans-serif;
color: #6f6f6f;
margin: 15px 0 10px;
padding: 0 0 5px 30px;
}

#sidebar ul li {
list-style: none;
}

.section {
overflow: hidden;
margin: 0px 0px 30px;
}

ul.tabs {
line-height: 25px;
list-style: none;
font-size: .8em;
}

.tabs li {
float: left;
display: inline;
margin-left: 0px;
padding: 5px 11px;
color: #fff;
cursor: pointer;
background: #333;
text-transform: uppercase;
position: relative;
border: #fff solid 1px;
}

.tabs li:hover,
.vertical .tabs li:hover {
color: #fff;
background: #fcc10d;
}

.tabs li.current {
color: #fff;
background: #fcc10d;
}

.box {
display: none;
margin:15px 0;
padding: 10px 0;
}

.box.visible {
display: block;
}

.box ul li {
background: #fff;
}

.box a img {
margin: 3px 0 0;
opacity: 1;
transition: .5s;
-webkit-transition: .5s;
}

.box a img:hover {
opacity: 0.5;
}

.box1, .box2 {
margin:12px 0;
}

.box1 li, .box2 li{
border-bottom: #333 solid 1px;
}

.box1 li a {
display: block;
background: #fff;
color: #333;
padding: 10px 5px;
}

.box1 li a:hover {
background: #333;
color: #fff;
}

.box2 li {
padding: 10px 5px;
line-height: 1.5em;
}

.commcount {
margin: 8px 0 0;
}

.commcount a {
background: #333;
color: #fff;
font-size:.7em;
padding: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

.commcount a:hover {
background: #777;
color: #fff;
transition: background-color .5s;
-webkit-transition: background-color .5s;
}

.appruve {
color: #c00;
}

#commentlist {
list-style: none; 
}

#commentlist li { 
width: 88%;
background: #F5F5F5;
margin: 10px 0; 
padding: 10px; 
line-height: 1.5em;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#commentlist img {
float: left;
margin: 0 10px 0 0; 
}

#commentlist p {
padding: 10px 0;
margin: 0 0 10px;
overflow:hidden;
}

#commentform {
margin: 5px 10px 0 0;	
padding-bottom: 30px; 
}

#commentform p {
margin: 0 0 15px;
font-size: 1em;
} 

#email, #url, #author {
width: 300px;	
padding: 10px; 
border: 1px solid #ccc;	
font-size: 1em;
color: #666;
}

#commentform textarea {	
font-family: Arial, sans-serif;
width: 90%;	
padding: 2px;	
border: 1px solid #ccc;	
padding: 4px;	
font-size: 1em;
color: #666;
}

#commentform #submit {
background: #333;
padding: 10px 30px;		
margin: 10px 0 0; 
color: #fff; 	
font-size: 1em;
text-transform: uppercase;
border: 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
cursor: pointer;
}

.comments {
margin: 10px 0; 
font: normal 1.6em Arial, sans-serif;
}

#bottom {
background: #2d2d2d;
width: 100%;
}

#footer {
color: #999; 
max-width: 1310px; 
margin: 0 auto; 
padding: 0 10px;
}

#footer .col_1 {
width: 400px;
height: 400px;
float: left;
border-right: #414141 solid 1px;
}

#footer .col_2 {
width: 380px;
height: 400px;
float: left;
padding: 0 20px;
border-right: #414141 solid 1px;
}

#footer .col_3 {
width: 380px;
height: 400px;
float: right;
overflow: none;
}

#footer h3 {
color: #fff;
font-size: 1.4em; 
font-weight: normal;
padding: 20px 0 30px 10px;
}

#footer p {
color: #999;
font-size: 1em; 
line-height: 1.5em;
padding: 20px 0 0;
}

.logo_footer {
padding-top: 20px;
}

#footer .mail {
font: normal 1em AgencyFB, 'Arial Narrow', Arial, sans-serif;
color: #777;
letter-spacing: .1em;
}

#footer a img {
opacity: 1;
transition: .5s;
-webkit-transition: .5s;
}

#footer a img:hover {
opacity: 0.5;
}

#footer .social a img {
margin: 0 10px 0 0;
}

#footer a {
color: #fff;
}

#footer a:hover {
color: #2198c7;
}

.popular {
list-style: none; 
}

.popular li { 
font: normal 1em Arial, sans-serif;
margin: 0 0 15px;
}

.popthumb {
float: left;
overflow: none;
margin: 0 10px 15px;
}

#gallery-1 {
margin: auto;
}
#gallery-1 .gallery-item {
float: left;
margin: 10px;
text-align: center;
}
#gallery-1 img {
border: none;
}
#gallery-1 .gallery-caption {
margin-left: 0;
}

.copy {
background: #2d2d2d;
max-width: 1310px;
height: 40px; 
margin: 0 auto;
border-top: #414141 solid 1px;
font-size: .9em;
padding: 0 0 10px;
}

.copy p {
float: left;
margin-left: 10px;
}

.copy ul {
float: right;
list-style: none;
padding-top: 10px;
}

.copy li {
float: left;
display: inline;
padding: 0 25px;
border-right: #777 solid 1px;
}

.copy li:last-child {
border-right: none;
}

#toTop {
width:39px;
height:57px;
padding:3px 5px 7px;
position:fixed;
bottom:50px; /* отступ кнопки от нижнего края страницы*/
right:10px;
cursor:pointer;
display:none;
}