/************************************************************************
* Page Sections
*************************************************************************/
.wbc-compat-page-section{
    padding: 40px 0;
    position: relative;
}

.wbc-compat-parallax-section{
    padding-top:200px;
    padding-bottom: 200px;
    min-height: 500px;
    background-color: #2b2b2b;
    text-align: center;
    position: relative;
    background-position: 50% 0;
    background-attachment: fixed;
}

.wbc-compat-parallax-section .container{
    position: relative;
}

.wbc-compat-parallax-section.video-section .container{
    z-index: 1;
}

.wbc-compat-parallax-section.has-cover-bg{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.mobile-device .wbc-compat-parallax-section{
    -webkit-background-attachment: scroll !important;
    -moz-background-attachment: scroll !important;
    -o-background-attachment: scroll !important;
    background-attachment: scroll !important;
}

.wbc-compat-portfolio{
    padding-bottom: 35px;
}

.titleBar {
    padding-bottom: 40px;
    text-align: center;
}

.titleBar span {
    color: #303030;
    display: block;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: -5px;
    opacity: 0.5;
}
.titleBar h2 {
    color: rgba(0, 0, 0, 0.6);
    display: inline-block;
    font-size: 45px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
}
.titleBar h2::after {
    background-color: #cc6600;
    bottom: -15px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    width: 100px;
}

ul.contact-info{
    margin-top:4px; 
    padding:0 4px;
    list-style: none;

}
ul.contact-info li{
    padding:4px;
    margin:0;
    margin-bottom: 0;
    display: block;
    border-bottom: 1px dashed #cccccc;
}

ul.contact-info li i{
    margin-right: 10px;
    opacity: 0.6;
    font-size: 16px;
}

.service-icon {
    background-color: #303030;
    border: 3px solid #999;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    height: 80px;
    line-height: 1 !important;
    margin-bottom: 15px;
    width: 80px;
    position: relative;
    text-align: center;
}

.service-icon i{
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}

.info{
    text-align: center;
}

.info img{
    margin-bottom:14px; 
}

.info h5{
    margin-bottom: 6px;
}

.info p{
    padding-bottom: 30px; 
    padding-left:5px;
    padding-right: 5px;
}

.contact-area .submit-button{
    margin-top:15px;
}

.contact-area input[type="text"], 
.contact-area input[type="password"], 
.contact-area input[type="email"] {
    width: 50%;
    display: block;
    margin-bottom:8px;
}
/************************************************************************
* Video Header
*************************************************************************/
.wbc-youtube-header .video-header-content,
.wbc-vimeo-header .video-header-content{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index:4;
}
.video-header-controls{
    position: absolute;
    top:200px;
    right:-180px;
    z-index: 100;
    background-color: #2b2b2b;
    padding:15px 25px 15px 20px;
}

.video-header-controls ul{
    list-style: none;
    color:#fff;
    font-size: 18px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.video-header-controls li{
    display: inline-block;
    padding:5px;
    cursor: pointer;
}

.video-header-controls li.active,
.video-header-controls li:hover{
    color:#fa8322;
}

.video-header-controls .control-handle{
    position: absolute;
    left:-45px;
    top:0;
    background-color:inherit;
    color:#fff;
    padding:10px 18px 10px 15px;
    font-size: 14px;
    cursor: pointer;
}

.wbc-video-header-cover{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center center;
    position: absolute;
    background-color: #2b2b2b;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    height: 100%;
}

/************************************************************************
* Custom Header
*************************************************************************/
.wbc-custom-header{
    overflow: hidden;
    position: relative;
    
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/************************************************************************
* FlexSlider Header
*************************************************************************/
.wbc-flex-slider-header{
    border-bottom: 1px solid #fff;
    background-color: #2b2b2b;
    position: relative;
    z-index: 1;
    color:#d6d6d7;

}

.wbc-flex-slider-header .flex-content h4{
    color:#fff;
}

.wbc-flex-slider-slides{
    background-color:#f2f2f2;
    position: relative;
    box-shadow: 0px 0px 5px #000;
    padding:8px;
    height: auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 20px 12px 4px 12px;
}
.wbc-flex-slider-header .slides li img {
    width: 100%;
}
.wbc-flex-slider-header .slides li{
    position: relative;
}
.wbc-flex-slider-header .slides ul,.wbc-flex-slider-header .slides li{

    margin: 0;
    padding: 0;
    line-height: 0;
}

.wbc-flex-slider-header .slides > li{
    display: none; 
    -webkit-backface-visibility: hidden;
}

.wbc-flex-slider-header .flex-control-nav{
    left:0;
}
.wbc-flex-slider-header .flex-control-nav li{
    margin: 0;
}

.wbc-flex-slider-header .flex-control-paging li a{
    margin:0;
    width:23px;
    height:23px;
    box-shadow: none;
    border-radius: none;
}

.wbc-flex-slider-header .flex-control-paging li a.flex-active, 
.wbc-flex-slider-header .flex-control-paging li a:hover {
    width:23px;
    height:23px;
    box-shadow: none;
    border-radius: none;
    margin:0 0 0 0;
}

.wbc-flex-slider-header .wbc-flex-slider-slides .flex-viewport{
    overflow: visible !important;
    border:none !important;
}

.wbc-flex-slider-header .wbc-flex-slider-slides{
    background-color: transparent;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

.wbc-flex-slider-header .wbc-flex-slider-slides .slides li{
    opacity: 0.4;
    width: 100%;
    
    transition:opacity 0.3s ease-in-out 0.3s;
}

.wbc-flex-slider-header .slides li.flex-active-slide{
    opacity: 1;
}

.wbc-flex-slider-header .flex-control-nav{
    display: none !important;
}

.wbc-flex-slider-header .flex-content {
    background-color: rgba(0,0,0,0.4) !important;
    bottom: 20px;
    line-height: 1.3em;
    padding: 15px 100px 5px 15px;
    position: absolute;
    width: 100%;
}

.wbc-flex-slider-header .slides > li:first-child{
    display: inline-block !important;
}

.wbc-flex-slider-header .flex-direction-nav {
    bottom: 73px;
    top:auto;
    position: absolute;
    right: 75px;
}

.wbc-flex-slider-header .flex-direction-nav a.flex-next{
    left:35px !important;
}


/************************************************************************
* Full Slider
*************************************************************************/
.wbc-fullscreen-slider-header{
    background-color: #2b2b2b;
}
.supersized-slider #prevslide, .supersized-slider #nextslide{
    background-image: none !important;
    background-color: rgba(0,0,0,0.3) !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 2px;
}

.has-bottom-menu .supersized-slider #prevslide, 
.has-bottom-menu .supersized-slider #nextslide{
    top:45%;
}

.supersized-slider #prevslide:after,
.supersized-slider #nextslide:after{
    content: "";
    width:20px;
    height: 20px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    position: absolute;
    top:50%;

    margin-top:-10px;
    
}
.supersized-slider #prevslide:after{
    left:50%;
    margin-left:-5px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg)
    transform:rotate(45deg)
}
.supersized-slider #nextslide:after{
    right:50%;
    margin-right:-5px;
    -webkit-transform:rotate(-135deg);
    -moz-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg)
    transform:rotate(-135deg);
}
/**/

.wbc-compat-header{
	height: 0;
    overflow: hidden;
    position: relative;
    background-attachment: fixed;
}

.wbc-compat-header .container{
	position: relative;
	top:50%;
	transform:translateY(-50%);
}
.has-bottom-menu .wbc-youtube-header .container,
.has-bottom-menu .wbc-vimeo-header .container,
.has-bottom-menu .wbc-parallax-header .container,
.has-bottom-menu .wbc-fullscreen-slider-header .container{
    margin-top:-80px;
}

.wbc-compat-header h2 {
    border-bottom: 1px dashed;
    border-top: 1px dashed;
    color: #fff;
    display: inline-block;
    font-size: 100px;
    line-height: 100px;
    margin: 20px 0 40px;
    padding: 3px 0 6px;
}

.wbc-compat-header p {
    color: #f5f5f5;
    font-size: 24px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.3);
    display: inline-block;
    padding:5px 10px;
    border-radius: 4px;
}

/* Social */
.wbc-compat-header .wbc-compat-social{
    position: absolute;
    width: 100%;
    bottom: 45px;
    z-index: 10;
}

.has-bottom-menu .wbc-compat-header .wbc-compat-social{
    bottom: 120px;
}
.wbc-compat-header .wbc-compat-social a{
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 2px;
}
.wbc-compat-social-shortcode{
    margin-bottom:15px;
    text-align: right;
}
.wbc-compat-header .wbc-compat-social
ul.social-links li a, .wbc-compat-social a{
    text-align: center;
    border-radius: 2px;
    color:#fff !important;
    width: 25px;
    height: 25px;
    margin-right: 4px !important;
    margin-bottom: 4px !important;
    line-height: 25px;
    background-color: red;
    display: inline-block;
    -webkit-transition:all 0.3s ease-in;  
    -moz-transition:all 0.3s ease-in;  
    -o-transition:all 0.3s ease-in;  
    transition:all 0.3s ease-in;
}
.wbc-compat-social-shortcode
ul.social-links li a:hover, 
.wbc-compat-social a:hover{
    opacity: 0.7;
}
.social-links a.twitter,
a.twitter{
    background-color: #00aced;
}

.social-links a.facebook,
a.facebook{
    background-color:#3b5998;
}
.social-links a.google,
a.google{
    background-color: #dd4b39;
}
.social-links a.flickr,
a.flickr{
    background-color: #ff0084;
}
.social-links a.vimeo,
a.vimeo{
    background-color: #aad450;
}
.social-links a.pinterest,
a.pinterest{
    background-color: #cb2027;
}
.social-links a.instagram,
a.instagram{
    background-color: #125688;
}
.social-links a.linkedin,
a.linkedin{
    background-color: #007bb5;
}
.social-links a.youtube,
a.youtube{
    background-color: #bb0000;
}
.social-links a.dribbble,
a.dribbble{
    background-color: #ea4c89;
}
.social-links a.soundcloud,
a.soundcloud{
    background-color:#ff3a00;
}
.social-links a.ustream,
a.ustream{
    background-color:#3388ff;
}
.social-links a.rss,
a.rss{
    background-color:orange;
}
.social-links a.behance,
a.behance{
    background-color: #1769ff;
}
.social-links a.email,
a.email{
    background-color: skyblue;
}

/************************************************************************
* Team
*************************************************************************/
.wbc-compat-team .compat-member.col-sm-3:nth-child(4n+1),
.wbc-compat-team .compat-member.col-sm-6:nth-child(2n+1),
.wbc-compat-team .compat-member.col-sm-4:nth-child(3n+1){
    clear: both;
}

.wbc-compat-team{
    text-align: center;
    padding-bottom: 35px;
}

.wbc-compat-team .compat-member{
    position: relative;
}

.wbc-compat-team .rounded{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    display: block;
    max-width: 200px;
    overflow: hidden;
    background-color: #fff;

}
.wbc-compat-team .img-wrap{
    background-color: #fff;
    padding:4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    margin: 21px 10px;

    -webkit-transition:background-color 0.3s ease-in-out;  
    -moz-transition:background-color 0.3s ease-in-out;  
    -o-transition:background-color 0.3s ease-in-out;  
    transition:background-color 0.3s ease-in-out;
}
.wbc-compat-team .rounded{}
.wbc-compat-team .img-wrap:hover{
    background-color: #cc6600;
}
.wbc-compat-team .name{
    color:#cc6600;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 21px;
}

.wbc-compat-team .name span{
    color:#303030;
    text-transform: uppercase;
}
.wbc-compat-team .name em{
    text-transform: none;
    color:#999999;
    font-weight: normal;
    font-size: 12px;
    display: block;
}

.wbc-compat-team .social a{
    display:inline-block;
    margin-top: 7px;
}

/************************************************************************
* Pricing Table
*************************************************************************/
ul.pricing-table{
    overflow: hidden;
    display: block;
    margin:21px 0 42px 0;
    padding-top:4px;
}
ul.pricing-table > li{
    width: 25%;
    min-width: 130px;
    float: left;
    display:block;
    margin: 0;
    padding:0;
}
ul.plan{
    text-align: center;
    display: block;
    width:100%;
    margin: 30px 0 0 0;
    background-color: #f3f3f3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #dedede;
}
ul.plan.best{
    position: relative;
    text-align: center;
    display: block;
    width:100%;
    margin-top: 0px;
    background-color: #f7f7f7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #dedede;
}
ul.plan.best img{
    position: absolute;
    top:-2px;
    right:-2px;
}
ul.plan.best .plan-head{
    color:#cc6600;
    font-family: "Oswald", arial;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 43px;
    padding-top: 43px;
    border-bottom: 2px solid #cc6600;


}
ul.plan .plan-head{
    color:#cc6600;
    font-family: "Oswald", arial;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 28px;
    padding-top: 28px;
    border-bottom: 2px solid #cc6600;


}

ul.plan li{
    display: block;
    -moz-box-shadow: inset 0 0 4px #fff;
    -webkit-box-shadow:inset  0 0 4px #fff;
    box-shadow:inset 0 0 4px #fff;
    margin:0;
    padding:21px 14px 18px 14px;
    border-bottom: 2px solid #e8e8e8;
}

ul.plan .plan-head span{
    color:#303030;
    text-transform: uppercase;
    font-weight: normal;
}

ul.plan .order-btn{
    border: none;
}
.shortcode-list-icons{
    list-style: none;
}
.shortcode-list-icons li{
    border-bottom: 1px solid #dedede;
    padding:4px 0px;
    margin:0
}
.shortcode-list-icons li i{
    margin-right: 3px;
}