/*
Theme Name: Page Down Responsive WordPress Theme
Theme URI: http://dessign.net/pagedowntheme
Author: Dessign Themes
Author URI: http://dessign.net
Description: Page Down Responsive WordPress Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any digital designer or photographer.
Version: 2.0.1
License: GNU General Public License version v3
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: vertex
Tags: black, gray, dark, white, one-column, two-columns, three-columns, right-sidebar,light,theme-options,responsive-layout, custom-background, custom-menu
*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }
.gallery-caption { margin: 0; }
.bypostauthor {}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail { max-width: 100%; height: auto; }
.container { width: 1180px; margin: 0 auto; }
.clear { clear: both; }
body {  font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 400; color: #333; line-height: 140%; letter-spacing: 1.5px; margin: 0; max-width: 100%; }
p { font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 400; color: #333; line-height: 160%; letter-spacing: 1.5px; }
a { text-decoration: none; outline: none !important; }
img { max-width: 100%; height: auto; }
::-moz-selection {
    background-color: #000;
    color: #fff;
}
 ::selection {
    background-color: #000;
    color: #fff;
}
/**HEADER**/
header#head {position: fixed;width: 100%;z-index: 2;border-bottom: 1px solid #999;transition: all 0.3s ease-in-out 0s; }
.head-area {display: table; }
header#head.fixed { background: rgba(0,0,0,.5); }
.logo { display: table-cell; padding: 10px 0; vertical-align: middle; width: 490px; }
.logo img { max-width: 100%; height: auto; }
.head-nav { display: table-cell; height: 80px; vertical-align: bottom; }
.head-nav ul { font-size: 0; list-style-type: none; margin: 0; padding: 0; text-align: left; }
.head-nav ul li { display: inline-block; margin: 0 10px; padding: 25px 5px; position: relative; }
.head-nav ul li.active { border-bottom: 4px solid #fff; }
.head-nav ul li:first-child { margin-left: 0; }
.head-nav ul li a { color: #fff; display: block; font-size: 14px; font-weight: bold; line-height: 1.5; text-transform: uppercase; }
.slicknav_menu { background: transparent none repeat scroll 0 0; width: 100%; z-index: 3; }
ul.slicknav_nav {  position: absolute;  width: 100%; top: 38px; }
.slicknav_menu ul li a { color: #333; }
.slicknav_menu ul li a:hover a,
.slicknav_menu ul li a:hover,
.slicknav_menu ul li ul li a:hover,
.slicknav_nav .slicknav_row:hover { background: #333; color: #fff !important; border-radius: 0; }
/**HOME**/
.nav-arrows span { z-index: 1; }
.sl-desc { margin-top: 15%; }
.home-slider .sl-slider h2 { font-size: 40px;   line-height: 1;   text-align: center;   text-transform: uppercase; }
.home-slider .sl-slider h2 a {   color: #fff; }
#about { padding: 25px 0 35px; }
.feature-text-area { margin: 0 auto; text-align: center; width: 90%; }
.feature-text-area h3 { font-size: 32px; font-weight: 300; line-height: 1.5; margin: 0 auto 50px; }
#portfolio { padding: 35px 0 0; }
.home-featured { overflow: hidden; padding: 25px 0 50px; }
.featured-box { float: left; margin: 0; width: 33.33%; }
.home .featured-box:last-child { margin-right: 0; }
.port-image { height: 295px; overflow: hidden; position: relative; }
.port-image > a { background-color: #333; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; transition: all 0.3s ease-in-out 0s; width: 100%; }
.port-image:hover a { transform: scale(1.05); }
.port-image > iframe { height: 100%; width: 100%; }
.port-body { padding: 20px 30px; text-align: center; }
.port-body .port-date { font-size: 12px; margin: 0; }
.port-body h3 { font-size: 20px; font-weight: normal; margin: 0 0 25px; text-transform: uppercase; }
.port-body h3 a { color: #333; line-height: 1.2; }
.port-body h3 a:hover{ text-decoration: underline; }
.port-body p { margin: 0 0 25px; color: #777; font-size: 14px; }
.read-more { color: #333; display: inline-block; font-size: 14px; font-weight: 900; letter-spacing: 2px; line-height: 1; text-decoration: underline; }
.home-posts { overflow: hidden; }
.home-cats-selection { margin: 0 0 50px; text-align: center; }
.home-cats-selection ul { font-size: 0; list-style: outside none none; margin: 0; padding: 0; }
.home-cats-selection ul li { display: inline-block; margin: 0 10px; }
.home-cats-selection ul li a { color: #333; display: block; font-size: 12px; line-height: 1; padding: 17px; text-transform: uppercase; }
.home-cats-selection ul li a.active { border: 1px solid #333; }
.port-post-box { float: left; margin: 0; overflow: hidden; width: 33.33%; }
.port-post-box:nth-child(3n+4) { clear: left; }
.port-post-feature { background: #f2f2f2; height: 270px; position: relative; width: 100%; }
.port-post-info { padding: 30px 10px; text-align: center; }
.port-post-info > h3 { font-size: 13px; margin: 0; text-transform: uppercase; font-weight: 400; }
.port-post-info > h3 a { color: #333; font-weight: 900; line-height: 1.2; }
.port-post-info > h3 a:hover { text-decoration: underline; }
.port-post-image { height: 100%; overflow: hidden; position: relative; }
.port-post-image > a { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; height: 100%; transition: all 0.3s ease-in-out 0s; width: 100%; }
.port-post-image:hover > a { transform: scale(1.05); }
.port-post-feature iframe { display: block; font-size: 0; height: 100%; margin: 0; padding: 0; width: 100%; }
/**BLOG**/
#blog { overflow: hidden; background: #fafafa; }
.port-posts { overflow: hidden; }
.blog_post_box {   padding: 0 0 35px;   margin: 0 0 45px;   text-align: center; }
.blog_post_box .blog_box_featured_image {   margin: 0 0 20px;   overflow: hidden; }
.blog_post_box .blog_box_featured_image img {   transition: all 0.3s ease-in-out;   display: block;   height: auto; }
.blog_post_box .blog_box_featured_image img:hover {   transform: scale(1.05); }
.blog_post_box .blog_box_featured_image iframe { display: block; height: 420px; width: 100%; }
.blog_post_box h3 {   margin: 0 0 15px;   font-size: 30px;   font-family: 'Lato', sans-serif;   font-weight: 700;   line-height: 140%;   letter-spacing: 1.5px; }
.blog_post_box h3 a { color: #333; }
.blog_post_box .blog_post_date {   font-size: 20px;   font-weight: lighter; }
.blog_post_box .blog_post_content {   text-align: center;   margin: 0 0 35px;   padding: 0 30px;   font-family: 'Lato', sans-serif;   font-weight: 400;   line-height: 140%;   letter-spacing: 1.5px;   font-size: 16px; }
.blog_post_box .blog_post_content {   text-align: center;   margin: 0 0 35px;   padding: 0 30px;   font-family: 'Lato', sans-serif;   font-weight: 400;   line-height: 140%;   letter-spacing: 1.5px;   font-size: 16px; }
.blog-pagination { margin: 80px 0 0; text-align: center; }
.blog-pagination .page-numbers { border: 1px solid #333333; color: #333; display: inline-block; font-size: 12px; padding: 10px 15px; }
.blog-pagination .page-numbers.current { background: #333333 none repeat scroll 0 0; color: #ffffff; }
.post_content .archive_title h2 { margin: 0 0 20px; text-align: center; text-transform: uppercase; }
.slick-prev { left: -45px; }
.slick-prev:before, .slick-next:before { font-size: 40px; }
.blog-arr {  background: #fafafa none repeat scroll 0 0;  display: block;  float: left;  height: 400px;  width: 3.5%; }
#blog-slider {  float: left;  margin: 0;  width: 93%; }
.blog-post-box { overflow: hidden; }
.blog-content {  background: #fafafa none repeat scroll 0 0;  box-sizing: border-box;  float: left;  font-size: 14px;  height: 400px;  line-height: 1.7;  overflow: hidden;  padding: 30px;  width: 32%; }
.blog-content > h3 { font-size: 27px; line-height: 1.2; margin: 0; padding: 0 0 30px; font-weight: 300; }
.blog-content > h3 a { color: #000; }
.first-half { /*height: 230px;*/ overflow: hidden; }
.second-half { height: 340px; overflow: hidden; }
.blog-post-feature { width: 36%; float: left; height: 400px; overflow: hidden; position: relative; }
.blog-post-feature iframe, .blog-post-feature img {  height: 100%;  width: 100%; }
.blog-post-image > a {  background-position: center center; background-size: cover; display: block;  height: 100%;  left: 0;  position: absolute;  top: 0;  transition: all 0.3s ease-in-out 0s;  width: 100%; }
.blog-post-image > a:hover {  transform: scale(1.05); }
/*TEAMS*/
.teams { margin: 0 -25px; overflow: hidden; padding: 50px 0; }
.team { box-sizing: border-box; float: left; padding: 0 25px; width: 33.33%; }
.team > h3 {font-size: 17px;margin: 20px 0 25px;text-align: center;text-transform: uppercase; }
.team-content { text-align: center; }
.team-content p {font-size: 15px; }
/*CONTACT*/
#contact form { margin: 0 auto; width: 830px; }
#vscf input, #vscf textarea { background: #fff none repeat scroll 0 0; width: 100%; }
#vscf input[type="submit"] { background: #222 none repeat scroll 0 0; display: block; float: none; margin: 0 auto; width: 120px; }
/**CONTENT**/
.content { margin-top: 30px; }
.post_content { color: #333333; min-height: 600px; }
.post_content .post_box { margin-bottom: 50px; overflow: hidden; }
.post_content .post_box a { color: #000; }
.post_content .post_box .read-more { color: #fff; }
.post_content .post_box h1 { line-height: 1; font-size: 30px; margin: 5px 0 25px; max-width: 720px; }
.post_content .post_box h2 { line-height: 1; font-size: 26px; margin: 0 0 25px; }
.post_content .post_box h3 { line-height: 1; font-size: 25px; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 140%; letter-spacing: 1.5px; margin: 0 0 25px; }
.post_content .post_box h4,
.post_content .post_box h5,
.post_content .post_box h6 { line-height: 1; font-size: 18px;  font-weight: bold; margin: 0 0 10px; }
.post_content .post_box img { max-width: 100%; }
.post_content .post_box input[type="text"],
.post_content .post_box input[type="email"],
.post_content .post_box input[type="password"],
.post_content .post_box input[type="search"],
.post_content .post_box input[type="phone"] {  width: 300px; height: 40px; border: 1px solid #ddd; background: #f5f5f5; box-sizing: border-box; padding: 5px 10px;  margin: 0 0 5px; } .post_content .post_box input[type="submit"],  button { padding: 10px 15px; background: #000; color: #fff; text-transform: uppercase; border: none; margin: 0 0 5px; cursor: pointer; } .post_content .post_box textarea { background: #f5f5f5; border: 2px solid #ddd; }
/**COMMENTS**/
.home_blog_box { margin: 30px 0; padding: 30px 0 10px; }
#commentform label { display: block; }
.commentlist { background: #f2f2f2 none repeat scroll 0 0; padding: 15px; list-style: none; }
.commentlist ol.children { list-style: none; }
.comment.even { background: #ffffff none repeat scroll 0 0; padding: 10px; }
.comment.odd { background: #eee; padding: 10px; }
#comments .comment-reply-link { background: #000; padding: 5px 10px; font-size: 12px; color: #fff;  display: inline-block; }
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="phone"],
textarea { width: 300px; height: 40px; border: 1px solid #999; background: #fff; box-sizing: border-box; padding: 5px 10px; margin: 0 0 5px; }
input[type="submit"], button { padding: 10px 10px; background: #000; color: #fff; text-transform: uppercase; border: none; margin: 0 0 5px; cursor: pointer; }
textarea { height: 120px; }
.comments-area a { color: #333; }
/**FOOTER**/
footer#foot { margin-top: 50px; }
.main-foot { background: #f8f8f8 none repeat scroll 0 0; overflow: hidden; padding: 25px 10px 5px 5px; }
.foot-col { float: left; width: 30%; margin-left:10px; }
.foot-col a { color: #333; }
.foot-col ul { margin: 0; padding: 0; list-style: none; }
.footer_title { font-size: 14px; margin: 0 0 30px; text-transform: uppercase; }
.widget_box { margin: 0 0 30px; }
.bottom-foot { padding: 20px 0 25px; }
.copyright, .foot-socials { text-align: center; }
.bottom-foot p, .bottom-foot a { color: #333; margin: 0; text-transform: uppercase; font-size: 12px;}
.foot-socials > ul { font-size: 0; line-height: 1; list-style: outside none none; margin: 0; padding: 0; margin-bottom: 20px;}
.foot-socials ul li { display: inline-block; margin-right: 8px; }
.mobile-menu { display: none; }
/**RESPONSIVE**/
@media only screen and ( max-width: 1200px ){ 
  .container { width: 948px; }   .logo { width: 30%; }
  .head-nav { width: 70%; }
  .head-nav ul { text-align: right; }
  .port-post-feature { height: 195px; }
  .port-image { height: 213px; }
}
@media only screen and ( max-width: 960px ) {
  .container { width: 748px; }
  .head-nav { display: none; }
  .mobile-menu { position: absolute; display: block; right: 0; top: 0; width: 100%; }
  .head-area .container { position: relative; }
  .slicknav_btn { background: #fff none repeat scroll 0 0; margin: 0 20px 0 0; }
  .slicknav_menu .slicknav_icon-bar { background-color: #000; }
  .slicknav_nav { background: #fff none repeat scroll 0 0; }
  #contact form { width: 748px; margin: 0 auto; }
  .port-post-box { width: 33.33%; }
  .port-post-feature { height: 240px; }
  .port-post-box:nth-child(3n+4) { clear: left; }
  .port-post-box:nth-child(5n+6) { clear: none; }
  .port-image { height: 240px; }
  .featured-box { width: 50%; }
  .page-template-tpl-blog .featured-box:nth-child(3n+4) { clear: none; }
  .page-template-tpl-blog .featured-box:nth-child(2n+3) { clear: left; }
  .teams { margin: 0; }
  .team { padding: 0 15px; }
  .slick-prev { left: -25px; }
  .slick-next { right: -20px; }
  .slick-prev:before, .slick-next:before { font-size: 25px; }
  .blog-content { float: left; width: 64%; height: 200px; padding: 20px 10px 0; }
  .blog-content:last-child { width: 100%; padding: 0 10px 10px; }
  .blog-post-feature { float: right; height: 200px; }
  .first-half { height: auto }
  .second-half { height: 190px }
}
@media only screen and ( max-width: 767px ){
  .container { width: 300px; }
  .head-nav { display: none; }
  #contact form { width: 300px; margin: 0 auto; }
  .logo { width: 70%; }
  .blog-arr { display: none; }
  #blog-slider { width: auto; float: none; }
  .blog-content { width: auto; float: none; padding: 30px !important; height: 400px; }
  .second-half { height: 340px }
  .blog-post-feature { float: none; width: auto; height: 240px; }
  .team { float: none; width: auto; }
  .foot-col { float: none; width: auto; margin: 0 0 25px }
  .home-slider .sl-slider-wrapper { height: 360px; }
  .home-cats-selection ul li { display: block; }
  .home-cats-selection ul li a { display: inline-block; }
  .featured-box { float: none; margin: 0; width: 100%; }
  .port-post-box { float:none; width: 100%; }
  .port-post-feature { height: 285px; }
  .foot-socials, .copyright { float: none; text-align: center; }
}