/*

Theme Name: Outdoor
Theme URI: https://demowp.cththemes.net/outdoor/
Author: Cththemes
Author URI: http://themeforest.net/user/cththemes
Description: Outdoor – Creative Responsive Photography / Portfolio Wordpress Theme is perfect if you like a clean and modern design. This theme is ideal for designers, photographers, and those who need an easy, attractive and effective way to share their work with clients.
Version: 3.0.1
Tags: custom-background, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, translation-ready
Text Domain: outdoor
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/



@charset "utf-8";
/*======================================

    ++WP Reset ++
    +++Fonts +++
    ++++General Styles++++
    ++++Typography ++++
    ++++Page preload ++++
    ++++Content Styles ++++
    ++++Section  ++++
    ++++Fixed title ++++
    ++++Separator ++++
    ++++Links  ++++
    ++++Video+++++
    ++++Home  +++++
    ++++Item hover  ++++
    ++++Header  ++++
    ++++Navigation ++++
    ++++About ++++
    ++++Services++++
    ++++Facts  ++++
    ++++Team++++
    ++++Testimonials ++++
    ++++Footer ++++
    ++++Portfolio++++
    ++++Share ++++
    ++++Contacts++++
    ++++Blog ++++
    ++++Css-animation ++++
    ++++Responsive++++
*/

/*-------------WP Reset ---------------------------------------*/
.alignnone {}
.aligncenter,
div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignright {display: inline;float: right;}
.alignleft {display: inline;float: left;}
a img.alignright {}
a img.alignnone {}
a img.alignleft {}
a img.aligncenter {}
.wp-caption {max-width: 100%;}
.wp-caption.alignnone {}
.wp-caption.alignleft {}
.wp-caption.alignright {}
.wp-caption img {}
.wp-caption p.wp-caption-text {font-size: 90%;}
.gallery-caption{}
.bypostauthor{}
/* 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. */
}
table th, table td{
    padding: 5px;
}
#wp-calendar {
    width: 100%;
}
#wp-calendar tbody td,#wp-calendar thead th {text-align: center;padding: 10px;}

.widget_search button[type="submit"] {
    border-width: 2px;
}
.mb-15{
    margin-bottom: 15px;
}
.widget_categories select,
.widget_archive select {width: 100%;}
.sidebar .widget *{
    max-width: 100%;
}
.cth-single .blog-text img,
.cth-page .blog-text img,
.sidebar .widget img,
.cth-single img,
.cth-page img {max-width:100%;height: auto;} 
.sidebar ul {
    list-style: none;
    padding-left:0px;
}
.sidebar ul ul {
    padding-left:15px;
}
.sidebar ul li{padding-bottom: 8px; margin-bottom: 15px;}
.sidebar ul.children,.sidebar ul.sub-menu {margin-top: 15px;padding-top: 8px;}
.sidebar ul.children > li:last-child,.sidebar ul.sub-menu > li:last-child {margin-bottom: 0px;padding-bottom: 0px;}
.widget_archive ul li a,
.widget_categories ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_recent_comments ul li a,
.widget_recent_entries ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a
{
    display: inline-block;

}
.widget_rss ul li a{display: block;}

.row.full-height > .wpb_column,.row.full-height > .wpb_column > .vc_column-inner,.row.full-height > .wpb_column > .vc_column-inner > .wpb_wrapper,
.wpb_column.full-height > .vc_column-inner,.wpb_column.full-height > .vc_column-inner > .wpb_wrapper {height: 100%;}
.wpb_content_element {margin-bottom: 0px;}

/*-------------Import fonts ---------------------------------------*/
@font-face {
    font-family:'FuturaPT-Book';
    src: url('fonts/FuturaPT-Book_gdi.eot');
    src: url('fonts/FuturaPT-Book_gdi.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaPT-Book_gdi.woff2') format('woff2'),
        url('fonts/FuturaPT-Book_gdi.woff') format('woff'),
        url('fonts/FuturaPT-Book_gdi.ttf') format('truetype'),
        url('fonts/FuturaPT-Book_gdi.svg#FuturaPT-Book') format('svg');
}
@font-face {
    font-family:'futurastd-bold';
    src: url('fonts/futurastd-bold.eot');
    src: url('fonts/futurastd-bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/futurastd-bold.woff2') format('woff2'),
        url('fonts/futurastd-bold.woff') format('woff'),
        url('fonts/futurastd-bold.ttf') format('truetype'),
        url('fonts/futurastd-bold.svg#FuturaPT-Book') format('svg');
}
/*-------------General Style---------------------------------------*/
html{
    overflow-x:hidden !important;
    height:100%;
}
body{
    margin: 0;
    padding: 0;
    font-family: 'FuturaPT-Book';
    font-weight: 400;
    font-size: 12px;
    color: #000;
    background:#f9f9f9;
    height:100%;
    text-align:center;
    /*line-height: 1.5;*/
}
@-o-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
 
/*--------------Typography--------------------------------------*/
h1 {
    font-size: 4.46666666667em;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.17em;    
}
h2 {
    font-size: 3.2em;
    font-weight: 300;
}
h3 {
    font-size: 1em;
}
h4 {
    font-size: 0.9em;
    font-weight: 200;   
}
h5 {
    font-size: 0.8em;
    font-weight: 200;
}
h6 {
    font-size: 0.6em;
    font-weight: 200;
}
p {
    text-align:left;
    font-size:15px;
    line-height:24px;
    padding-bottom:10px;
}
blockquote {
    float:left;
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 15px solid #eee;
    width: 100%;
}
blockquote p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    color:#494949;
}
.nicescroll-cursors:before {
    content:'';
    width:30px;
    height:1px;
    background:#fff;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-15px;
    z-index:5;
}
/* ---------Page preload--------------------------------------*/
.loader {
    position:fixed;
    top:50% !important;
    left:50%;
    width:50px;
    height:50px;
    z-index:100;
    margin-left:-25px;
}
.tm-loader,
.tm-loader #circle{
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: none;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
}
.tm-loader {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-animation:preloader-outer 1.5s ease infinite;
       -moz-animation:preloader-outer 1.5s ease infinite;
         -o-animation:preloader-outer 1.5s ease infinite;
            animation:preloader-outer 1.5s ease infinite;
}
.tm-loader #circle{
    -webkit-animation:preloader 3s ease infinite;
       -moz-animation:preloader 3s ease infinite;
         -o-animation:preloader 3s ease infinite;
            animation:preloader 3s ease infinite;
}
.tm-loader #circle{
    border: 2px solid  #ccc;
}
.tm-loader #circle   {
    border-bottom: 2px solid #000;
}

@-webkit-keyframes preloader-outer{
    from { opacity: 1;  -webkit-transform: rotate( 0deg ); }
    to   { opacity: 1;  -webkit-transform: rotate( 360deg ); }
}
@keyframes preloader-outer{
    from { opacity: 1;  transform: rotate( 0deg ); }
    to   { opacity: 1;  transform: rotate( 360deg ); }
}
@-webkit-keyframes preloader{
    0% { opacity: 0.3; }
    50%  { opacity: 1; }
    100% { opacity: 0.3; }
}
@keyframes preloader{
    0% { opacity: 0.3; }
    50%  { opacity: 1; }
    100% { opacity: 0.3; }
}
/* ---------Content Styles--------------------------------------*/
#main{
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    opacity:0;
    -webkit-transition: all 0.4s  ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s   ease-in-out;
    transition: all 0.4s  ease-in-out;
}
#wrapper{
    height:100%; 
    margin-left:0;
    vertical-align:top; 
    position: absolute; 
    left:0; 
    top:0; 
    right:0;
    z-index:3;
    width:100%; 
}
.left-decor , .right-decor , .fixed-wrap:before , .fixed-wrap:after{
    position:fixed;
    width:50px;
    height:100%;
    background:#fff;
    z-index:1;
    -webkit-transform: translate3d(0,0,0);
}
.fixed-wrap:before , .fixed-wrap:after {
    content:'';
    z-index:3;
}
.left-decor , .fixed-wrap:before {
    left:0;
}
.right-decor , .fixed-wrap:after {
    right:0;
}
.left-decor:before , .right-decor:before , .left-decor:after , .right-decor:after {
    content:'';
    position:absolute;
    width:30px;
    left:10px;
    height:1px;
    background:#eee;
}
.left-decor:before , .right-decor:before {
    top:70px;
}
.left-decor:after , .right-decor:after {
    bottom:50px;
}
.content-holder{
    vertical-align: top;
    position: absolute;
    left:0;
    top: 0;
    right: 0;
    z-index: 2;
    height: 100%;
    padding:50px;
}
.slid-hol {
    padding-top:70px;
}
.container{
    max-width: 1024px;
    width:92%;
    margin:0 auto;
    position: relative; 
    z-index:2;
}
.content { 
    width:100%;
    position:relative;
    z-index:2;
    float:left;
}
.zindex3 {z-index: 3;}
.mr-con {
    top:-50px;
}
.full-height {
    height:100%;
} 
.wrapper-inner {
    float:left;
    width:70%;
    position:relative;
    background:#fff;
    padding:150px 0;
    z-index:3;
    opacity:0;
}
.full-width-wrap {
    width:100%;
}
.full-width-wrap:before {
    content:'';
    position:absolute;
    right:0;
    width:30%;
    background:#fff;
    top:-70px;
    height:70px;
}
.body-bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:#f4f4f4;
    z-index:2;
}
.bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size: cover;
    background-attachment: scroll  ;
    background-position: center  ;
    background-repeat:repeat;
    background-origin: content-box;
    -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -o-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   transition: all 200ms linear;
}
.full-height-parallax {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:2;
}
.respimg {
    /*width:100%;*/
    max-width:100%;
    height:auto;
}
.overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.2;
    z-index:2;
}
.overp3 .overlay {opacity: 0.3;}
.overp4 .overlay {opacity: 0.4;}
.overp5 .overlay {opacity: 0.5;}
.overp6 .overlay {opacity: 0.6;}
.overp7 .overlay {opacity: 0.7;}
.overp8 .overlay {opacity: 0.8;}
.overp9 .overlay {opacity: 0.9;}
/* ---------Section --------------------------------------*/ 
section {
    float:left;
    width:100%;
    position:relative;
    padding:90px 0;
    background:#f9f9f9; 
}
.small-container {
    max-width:650px;
}
.parallax-section {
    float:left;
    width:100%;
    padding:200px 0;
    position:relative;
    overflow:hidden;
    z-index:2;
}
.parallax-section .subtitle:before , .hero-title .subtitle:before{
    content:'';
    position:absolute;
    top:100%;
    margin-top:30px;
    width:1px;
    background:rgba(255,255,255,0.71);
    height:50px;
    left:50%;
}
.parallax-section div.overlay {
    opacity:0.3 !important;
}
.sect-scroll {
    position:absolute;
    bottom:20px;
    left:50%;
    width:40px;
    height:40px;
    line-height:40px;
    margin-left:-20px;
    color:#fff;
    z-index:5;
    font-size:18px;
    -webkit-transition: all 0.4s  ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s   ease-in-out;
    transition: all 0.4s  ease-in-out;
}
.sect-scroll:before {
    content:'';
    position:absolute;
    top:-10px;
    left:50%;
    margin-left:-30px;
    width:60px;
    background:#fff;
    height:1px;
    opacity:0.6;
}
.sect-scroll:hover {
    opacity:0.6;
}
.subtitle {
    color:#fff;
    font-size:16px;
    font-style:italic;
    font-family:Georgia, "Times New Roman", Times, serif;
    padding-top:12px;
    opacity:0.8;
    position:relative;
}
.parallax-section .bg {
    width:110%;
    left:-5%;
    height:110%;
    top:-5%;
}
.parallax-section .bg {height: 115%;top: -10%;}
.parallax-section h2 {
    color:#fff;
    font-size:42px;
}
.align-text {
    text-align:left;
}
 
.no-border {
    border:none !important;
}
.no-padding {
    padding:0 !important;
}
/* ---------Fixed title --------------------------------------*/
.fixed-title  {
    position: fixed;
    width: 220px;
    height: 100px;
    top: 50%;
    margin-top: 125px;
    letter-spacing: 0.17em;
    font-size:12px;
    text-transform: uppercase;
    margin-left:-54px;
    line-height:50px;
    text-align: center;
    cursor: default;
    overflow:hidden;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    z-index:12;
}
.fixed-title h1,
.fixed-title span , .fixed-title a {
    position:relative;
    z-index:3;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
    color:#fff;
    font-size: inherit;
    line-height:inherit;
}
.fixed-title:after {
    content:'';
    position:absolute;
    bottom:46px;
    left:0;
    z-index:2;
    width:100%;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
    height:160px;
    background:#292929;
}
.fixed-title:hover:after {
    height:0;
}
.fixed-title:hover h1,
.fixed-title:hover span   , .fixed-title a{
    color:#000;
}
/*.fix-box.scroll-to-fixed-fixed {overflow-y:scroll;}*/
.fix-box .fix-box-wrapp {height:100%;overflow-y:scroll;}
.fix-box .comments-holder, .fix-box .comment-form-holder {padding-left: 20px;padding-right: 20px;}
.fix-box .comment-form-holder,.fixed-info-container .comment-form-holder {margin-bottom: 50px !important;}
.fixed-info-container .control-group .controls textarea {max-width: 100%;}
.fixed-info-container .control-group .controls input {width: 200px;}

/* ---------Separator --------------------------------------*/
.separator {
    margin:0 auto;
    width:70px;
    height:4px;
    background:#fff;
    margin:10px auto 10px;
}
.bl-sep {
    background:#000;
}
.separator-image {
    background:none;
    width:auto;
}
/* --------- Links  --------------------------------------*/
.btn {
    display: inline-block;
    padding: 14px 35px 13px 35px;
    line-height: 1;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    margin:20px auto;
    color:#000;
    border:2px solid #000;
    position:relative;
}
.anim-button {
    overflow:hidden;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    outline: none;
    width: auto;
}
.anim-button i {
    top:-100%;
    position:absolute;
    left:0;
    width:100%;
    height:100%;
    line-height:40px;
    text-align:center !important;
    font-size:16px;
}
.wt-btn {
    color:#fff;
    border:2px solid #fff;
}
.anim-button i , .anim-button span {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.anim-button span {
    float:left;
    width:100%;
    position:relativ