/*
-----------------------------------------------------------------------------------
Theme Name: SnowCap
Description: Waves Framework
Author: Ranjan
Author URI: http://www.storythis.in
Version: 1.5
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: translation-ready, threaded-comments, theme-options, sticky-post, post-formats, full-width-template, flexible-header, featured-images, custom-menu, custom-colors, custom-background
*/

/* Theme Waves Theme Styling Start */

.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}

/* ------------ BASE ------------- */
html {
    -webkit-font-smoothing: antialiased;
}
::selection {
    background: #16c6e4;
    color: #ffffff;
}
::-moz-selection {
    background: #16c6e4;
    color: #ffffff;
}
.theme-boxed{
    margin: 0 auto;
}
img.scale-with-grid {
    max-width: 100%;
    height: auto;
}
ul {
    margin: 0;
    list-style: none;
}
li{
    line-height: 1.9;
}
p {
    margin: 0 0 20px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.tw-content p:last-child,
.waves-team p:last-child,
.single-portfolio p:last-child{
    margin: 0;
}
iframe, embed, img {
    max-width: 100%;
    height: auto;
    border: none;
}    
a:hover {
    text-decoration: none;
}

/* Typography */

body {
    line-height: 1.9em;
    color: #95a5a6;
    font-family: "Lora", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #2b353e;
    font-weight: bold;
    font-family: Roboto ,sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}
h1 {
    font-size: 36px;
    line-height: 1.6;
}
h2 {
    font-size: 24px;
    line-height: 1.6;
}
h3 {
    font-size: 18px;
    line-height: 1.6;
}
h4 {
    font-size: 16px;
    line-height: 1.6;
}
h5 {
    font-size: 14px;
    line-height: 1.6;
}
h6 {
    font-size: 12px;
    line-height: 1.6;
}
.highlight { 
    color: #ffc600;
}
p img {
    margin: 0;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
small {
    font-size: 80%;
}
hr {
    clear: both;
    margin: 10px 0 30px;
    height: 0;
    border: solid #ddd;
    border-width: 1px 0 0;
}
pre {
    overflow-x:auto;
    margin: 0 0 20px 0;
    padding: 10px 20px;
    height: auto;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f7f7f7;
    font-family: Consolas, monospace;
}
.hidden {  display: none !important; }
dt{
    line-height: 2;
}
/* 02. Links and Form */

a{
    outline: 0;
    color: #16c6e4;
    text-decoration: none;
}
a:hover,
a:focus {
    outline: 0;
    color: #16c6e4;
    text-decoration: none;
}
.ls-inner a{
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
ul,
ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol,
ul { margin-left: 30px; }
ol { list-style: decimal; }
ul { list-style: square outside; }
aside ul,.tw-twitter ul.jtwt{position: relative; margin: 0;padding-left: 20px; list-style: none;}
aside ul ul{margin-top: 15px;}
ul li ul,
ol li ul,
ol li ul,
ol li ol { margin-bottom: 0; }
form,
fieldset { margin-bottom: 20px; }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    display: block;
    margin: 0;
    margin-bottom: 20px;
    padding: 12px 20px;    
    width: 226px;
    outline: none;
    border: 1px solid #d0d3d6;
    background: #fff;
    color: #8d8d8d;
    font-size: 13px;
    font-family: Roboto, sans-serif;
}
textarea { width: 100%; }
.wpcf7 textarea { max-height: 150px;}
select {
    padding: 5px;
    width: 220px;
    height: 40px;
}
label,
legend {
    display: block;
    cursor: pointer;
}
label span,
legend span { font-weight: bold; }
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    padding: 19px 15px;
    border: none;
    background: #16c6e4;
    color: #FFF;
    font-weight: bold;
    font-family: Roboto, sans-serif;
    line-height: 1;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -4px rgba(0,0,0,.15);
    -moz-box-shadow: inset 0 -4px rgba(0,0,0,.15);
    box-shadow: inset 0 -4px rgba(0,0,0,.15);
}
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
    opacity: 0.8;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus{
    border-color: #D0D3D6;

}
::-webkit-input-placeholder {
    color: #787D82;
}
:-moz-placeholder { /* Firefox 18- */
    color: #787D82; 
}
::-moz-placeholder {  /* Firefox 19+ */
    color: #787D82; 
}
:-ms-input-placeholder {  
    color: #787D82; 
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 10px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 10px 20px;
}

a img.alignnone {
    margin: 5px 20px 10px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

a img.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.wp-caption {
    padding: 5px 3px 10px;
    max-width: 96%; /* Image does not overflow the content area */
    border: 1px solid #f0f0f0;
    background: #fff;
    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 {
    margin: 0;
    padding: 0;
    max-width: 98.5%;
    width: auto;
    height: auto;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
    font-size: 11px;
    line-height: 17px;
}

/* WP Default Gallery */

.gallery {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
}
.gallery .gallery-row {
    display:block;
    clear: both;
    overflow: hidden;
    margin: 0;
}
.gallery .gallery-item {
    overflow: hidden;
    float: left;
    text-align: center;
    list-style: none;
    padding: 0;
    border: 1px solid #efefef;
    margin: 0 10px 10px 0;
}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
    max-width: 90%;
    height: auto;
    margin: 5% auto;
}
.gallery-caption {
    margin: 0 0 8px;
    font-style: italic;
    font-family: arial;
}

.sticky {}




/* Header */
#header {
    background-color: #2b353e;
}
.admin-bar #header.stuck{
    top: 32px;
}
@media screen and (max-width: 782px){
    .admin-bar #header.stuck{
        top: 46px;
    }
}
#header.stuck {
    position: fixed;
    top: 0;
    left:0;
    right:0;
    width: 100%;
    z-index: 499;
}
#header > .container {
    position: relative;
}
.tw-logo {
    line-height: 80px;
}
h1.site-name, h1.site-name a {
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: inherit;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {

}
.sf-menu ul {
    position: absolute;
    min-width: 200px;
    top: 100%;
    left: 13px;
    z-index: 99;
    display: none;
    -webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.33);
}
.sf-menu > li {
    float: left;
    position: relative;
    padding: 0 13px;
}
.sf-menu > li:last-child {
    padding-right: 0;
}
.sf-menu li:hover > ul{
    z-index: 9999;
    display: block !important;
    visibility: visible !important;
}

.sf-menu a {
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100% !important;
}




/* ThemeWaves Menu Styling*/
.sf-menu {
    font-family: Roboto, sans-serif;
    float: right;
    margin-top: 20px;
    position: relative;
}
ul.sf-menu > li > a{
    padding: 10px 0px 35px;
    text-transform: uppercase;
    border-top: 2px solid transparent;

    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
}
ul.sf-menu > li:first-child > ul{
    left: 0;
}
ul.sf-menu li ul li a{
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 40px;
    height: 39px;
    padding: 0px 15px;
}
ul.sf-menu li ul li{
    background-color: #263e54;
    text-align: left;
    line-height: 1;
    border-bottom: 1px solid #2b353e;
}
ul.sf-menu li ul li:last-child{
    border-bottom: none;
}
ul.sf-menu li ul li:hover{
    background: #2b353e;
}
ul.sf-menu > li:hover > a{
    color: #ffc600;
    border-color: #ffc600;
}
.sf-menu > li.current_page_item  > a,
.sf-menu > li.current_page_ancestor >a,
.sf-menu > li.current-menu-ancestor >a,
.sf-menu > li.current-menu-item > a,
.page-template-page-onepage-php .sf-menu > .tw-menu-active > a
{
    color: #ffc600;
    border-color: #ffc600;
}
.page-template-page-onepage-php .sf-menu > li.current_page_item  > a {
    color: #fff;
    border-color: transparent;
}
.page-template-page-onepage-php .sf-menu ul {
    display: none !important;
}


/* ------------ mobile menu --------------- */
.show-mobile-menu {
    position: absolute;
    z-index: 99;
    top: 50%;
    right: 15px;
    margin-top: -16px;
    cursor: pointer;
    display: none;
}
.show-mobile-menu .mobile-menu-icon{
    float: left;
    width: 35px;
}
.mobile-menu-icon span {
    display: block;
    margin-bottom: 2px;
    width: 100%;
    height: 5px;
    background: #fff;
}
.mm-opened .admin-bar #header.stuck {
    top: 0;
}
html.mm-opened body{
    margin-top: 0px;
}
@media (max-width: 600px) {
    html.mm-opened #wpadminbar{
        position: fixed;
    }
}


/* Page Title */

#page-title {
    background-color: #ffc600;
    background-size: cover;
    text-align: center;
}
#page-title .container {
    padding: 70px 10px;
}
#page-title h1 {
    color: #fff;
    font-size: 62px;
    font-weight: 100;
}
#page-title p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 10px;
}



/* Widget */

h3.widget-title {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1;
    padding: 20px 0;
    margin: 0;
    display: inline-block;
    border-top: 1px solid #bdc3c7;
}

aside ul li a:hover{
    color: #16c6e4;
}
#sidebar aside.widget{
    margin-bottom: 60px;
}
#sidebar aside.widget ul {
    padding: 0;
}
#sidebar aside.widget ul li {
    padding: 0 0 10px;
}
#sidebar aside.widget ul li:last-child {
    padding-bottom: 0;
}


/* Contact info widget */
.contact-info-widget{
    min-height: 157px;
    background:url(assets/img/contact-background.png) center center no-repeat;
}
.contact-info-widget ul i{
    float: left;
    margin-top: 5px;
    width: 15px;
    height: 13px;
    text-align: center;
    font-size: 14px;
}
.contact-info-widget ul div{
    padding-left: 30px;
}
.contact-info-widget ul li{
    margin-bottom: 10px;
}
#sidebar .contact-info-widget ul li{
    margin-bottom: 0;
}

/* Flickr Widget Style */
.dribbble-widget,.flickr-widget .flickr-channel{
    position: relative;
    display: inline-block;
    *display: inline;
}
.flickr-widget .flickr-channel{
    margin: 0 -5px;
}
.flickr-channel a,.dribbble-widget a{
    position: relative;
    display: block;
    float: left;
    margin:0 10px 10px 0;
}
.flickr-channel a img{
    width: 60px;
    height: 60px;
}
.flickr-channel a img,.dribbble-widget a img,.flickr-channel a:hover:before,.dribbble-widget a:hover:before{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    opacity: 1;
}
.flickr-channel a:before,.dribbble-widget a:before{
    line-height: 60px;
    height: 60px;
    width: 60px;
    position: absolute;
    content: "\f0fe";
    font-family: FontAwesome;
    text-align: center;
    color: #FFF;
    top: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all 450ms ease-out 0s;
    -moz-transition: all 450ms ease-out 0s;
    -o-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s;
}
.dribbble-widget a:before,.dribbble-widget a img{
    width: 125px;
    height: 94px;
    line-height: 94px;
}
/* Recent Posts Widget */

.tw-recent-posts-widget ul{
    margin: 0;
    list-style: none;
}
.tw-recent-posts-widget ul li{
    display: inline-block;    
    padding: 10px 0;
    width: 100%;    
}
#sidebar aside.widget .tw-recent-posts-widget ul li{
    padding: 12px 0 0;
    border-bottom: 0;
}
#sidebar aside.widget .tw-recent-posts-widget ul li:first-child{
    padding-top: 4px;
}
#sidebar .widget .tw-recent-posts-widget ul li:before{
    display: none;
}
#sidebar .tw-recent-posts-widget h4{
    font-weight: normal;
}
.tw-recent-posts-widget ul li:first-child{
    padding-top: 0;
}
.tw-recent-posts-widget h4{
    font-family: Lora;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
}
.tw-recent-posts-widget .meta,footer#footer .tw-recent-posts-widget .meta a{
    font-size: 14px;
    font-style: italic;
    color: #bdc3c7;
    line-height: 20px;
    text-transform: capitalize;
}
.tw-recent-posts-widget .recent-thumb img{
    -webkit-box-shadow: inset 0 1px rgba(255,255,255,.2);
    -moz-box-shadow: inset 0 1px rgba(255,255,255,.2);
    box-shadow: inset 0 1px rgba(255,255,255,.2);
}
.tw-recent-posts-widget .recent-thumb {
    float: left;
    margin: 4px 22px 4px 0;    
}

/* Tag Widget */
#footer .tagcloud a{
    background: #121212;
    color: #8d8d8d;
}
#sidebar .tagcloud a{
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 6px;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #787d82;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px !important;
    line-height: 1;
}
#sidebar .tagcloud a:hover,#footer .tagcloud a:hover{
    background: #16c6e4;
    color: #fff;
}



/* Footer */
#bottom,
#footer {
    padding: 50px 0 ;
}
#footer {
    background: #2b353e;
    text-align: center;
}
#bottom {
    background: #263e54;
}
#footer p, #footer a,#bottom p, #bottom a {
    color: #fff;
    font-style: italic;
}
#bottom p, #bottom a{
    font-style: normal;
}
#bottom a:hover,#footer a:hover{
    color: #16c6e4;
}
#bottom [class*="col-md"]{
    display: inline-block;
    margin-bottom: 40px;
    vertical-align: top;
}



/* Blog Single */

article.single {
    position: relative;
    padding: 0 0 80px 200px;
    margin-bottom: 80px;
    border-bottom: 1px dotted #bdc3c7;
    min-height: 380px;
}
article.single h1.entry-title {
    font-size: 36px;
    font-weight: 900;
    color: #2b353e;
    line-height: 1;
}
article.single .entry-media {
    margin-bottom: 15px;
}
article.single div.entry-meta {
    text-align: right;
    font-size: 13px;
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
}
article.single div.entry-meta > span {
    display: block;
    font-size: 14px;
    font-style: italic;
    padding-right: 25px;
    position: relative;
}
article.single .author-image img {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
article.single .author-image-line {
    display: inline-block;
    width: 60px;
    height: 1px;
    background-color: #bdc3c7;
    margin: 15px 0;
}
article i.entypo{
    font-family: entypo;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
article div.entry-meta i {
    color: #bdc3c7;
    position: absolute;
    right: 0;
    top: -7px;
    font-size: 1.8em;
}
article.single div.entry-meta .author {
    text-transform: capitalize;
}
article.single div.entry-meta > span a {
    color: #95a5a6;
}
.tag-container .tags {
    margin-top: 30px;
}
.tag-container .tags a {
    padding: 6px 15px;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #bdc3c7;
    margin-right: 5px;
    color: #95a5a6;
}
.tag-container .tags a:hover {
    background: #16c6e4;
    border-color: #16c6e4;
    color: #fff;
}
article.single .facebook_share iframe {
    height: 20px;
}
article .more-link{
    display: inline-block;
    background-color: rgba(43,53,62,0);
    border: solid 2px #bdc3c7;
    color: #bdc3c7;
    padding: 12px 15px;
    font-family: Roboto, sans-serif;
    font-size: 11px;  
    text-transform: uppercase;
    font-weight: bold;
}
article .more-link:hover{
    color: #fff;
    border-color: #fff;
    padding: 12px 16px;
    background-color: #16c6e4;
    -webkit-box-shadow: inset 0 -4px rgba(0,0,0,.15);
    -moz-box-shadow: inset 0 -4px rgba(0,0,0,.15);
    box-shadow: inset 0 -4px rgba(0,0,0,.15);
}
article.single div.author-date h2{
    color: #bdc3c7;
    font-size: 42px;
    font-weight: 900;
    margin: 0;
    line-height: 1;
}
article.single div.author-date h3{
    font-weight: normal;
}


/* Post share box */
.portfolio-single-ajax .tw_post_sharebox{
    margin-bottom: 30px;
}
.single-post .tw_post_sharebox{
    margin-top: 30px;
}
.tw_post_sharebox a,.tw_post_sharebox a:hover{
    color: #fff;
    display: inline-block;
}
article div.tw_post_sharebox i{
    position: static;
    font-size: 14px;
    width: 32px;
    height: 32px;
    color: #fff;
    background: rgba(0,0,0,.07);
    line-height: 32px;
    text-align: center;
    top: 0;
    left: 0;
}
.tw_post_sharebox > div {    
    position: relative;    
    margin-bottom: 6px;
}
.tw_post_sharebox span {
    padding: 0 20px;
    font-weight: bold;
    font-family: Roboto, sans-serif;
}
.facebook-share a{
    background-color: #5068b2;
}
.twitter-share a{
    background-color: #53b6ef;
}
.googleplus-share a{
    background-color: #e14c41;
}
.single-portfolio .tw_post_sharebox > div {
    float: left;
    margin-right: 6px;
}

/* Social Icons CSS */

.tw-social-icon li{
    list-style: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}
.loop-image .tw-social-icon a{
    display: inline-block;
    width: 42px;
    background: #fff;
}
.tw-social-icon a,#bottom .tw-social-icon a,#sidebar .tw-social-icon a{
    display: inline-block;
    margin: 0 2px;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 41px;
    width: 42px;
    height: 42px;
    background-color: rgba(0,0,0,.3);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.tw-social-icon a span,#bottom .tw-social-icon a span{
    display: block;
    line-height: 42px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.tw-social-icon a:hover {
    color: #fff;
}
.tw-social-icon a:hover span{
    color: #FFFFFF;
    background-color: #2dcb73;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.tw-social-icon a.facebook:hover span{
    background-color: #305fb3;
}
.tw-social-icon a.tumblr:hover span{
    background-color: #35506b;
}
.tw-social-icon a.flickr:hover span{
    background-color: #ff0084;
}
.tw-social-icon a.gplus:hover span{
    background-color: #d7482a;
}
.tw-social-icon a.twitter:hover span{
    background-color: #00d7d5;
}
.tw-social-icon a.pinterest:hover span{
    background-color: #e1003a;
}
.tw-social-icon a.skype:hover span{
    background-color: #12c7ef;
}
.tw-social-icon a.soundcloud:hover span{
    background-color: #fe5600;
}
.tw-social-icon a.vimeo:hover span{
    background-color: #3f90bf;
}
.tw-social-icon a.youtube:hover span{
    background-color: #ff3333;
}
.tw-social-icon a.dribbble:hover span{
    background-color: #f06eaa;
}
.tw-social-icon a.linkedin:hover span{
    background-color: #3399cc;
}
.tw-social-icon a.instagram:hover span{
    background-color: #9f6f59;
}
.tw-social-icon a.rss:hover span{
    background-color: #fca600;
}



.member-social .tw-social-icon a{
    border: 2px solid #fff;
    padding: 10px;
    width: 48px;
    height: 48px;
    line-height: 1.5;
    font-size: 16px;
    background: transparent;
    margin-right: 10px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.member-social .tw-social-icon a:last-child{
    margin-right: 0;
}
.member-social .tw-social-icon a:hover{
    background: #fff;
    color: #16c6e4;
}



/* jp player */

div.jp-jplayer.jp-jplayer-video { 
    background-color: #292a2b;
}

.jp-jplayer-video video {
    margin-bottom: -6px;
}

div.jp-audio,
div.jp-video {
    color: #fff;
    font-size: 1em;
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.6;
}

div.jp-audio,
div.jp-video { width: 100%; }

div.jp-interface {
    position: relative;
    z-index: 100;
    width: 100%;
    background: url(assets/img/jplayer_bg.png) repeat-x;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

div.jp-type-single div.jp-interface { height: 30px; }

div.jp-interface ul.jp-controls {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.jp-interface ul.jp-controls li { display: inline; }

div.jp-interface ul.jp-controls a {
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
}

a.jp-play,
a.jp-pause {
    z-index: 1;
    width: 33px;
    height: 30px;
    outline: none;
}

div.jp-type-single a.jp-play,
div.jp-type-single a.jp-pause {
    top: 0;
    left: 0;
}

a.jp-play { background: url("assets/img/jplayer-black-and-yellow.png") 0 0 no-repeat; }

a.jp-play:hover { background: url("assets/img/jplayer-black-and-yellow.png") -33px 0 no-repeat; }

a.jp-pause {
    display: none;
    background: url("assets/img/jplayer-black-and-yellow.png") 0 -30px no-repeat;
}

a.jp-pause:hover { background: url("assets/img/jplayer-black-and-yellow.png") -33px -30px no-repeat; }

div.jp-progress-container {
    position: absolute;
    top: 0;
    left: 34px;
    padding: 12px 10px;
    width: 225px;
    height: 6px;
}

div.jp-progress {
    position: absolute;
    overflow:hidden;
}

div.jp-type-single div.jp-progress {
    padding: 1px;
    width: 223px;
    height: 7px;
    background: url("assets/img/jplayer-black-and-yellow.png") 0 -192px repeat-x ;
}

.single div.jp-type-single div.jp-progress { width: 411px; }

div.jp-seek-bar {
    width: 0px;
    height: 5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: url("assets/img/jplayer-black-and-yellow.png") 0 -163px repeat-x;
    cursor: pointer;
}

div.jp-play-bar {
    width: 0px;
    height: 5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: url("assets/img/jplayer-black-and-yellow.png") 0 -133px repeat-x ;
}

/*The seeking class is added/removed inside jPlayer
div.jp-seeking-bg {
        background: url("pbar-ani.gif");*/

div.jp-volume-bar-container {
    position: absolute;
    top: 0;
    right: 20px;
    padding: 12px 10px;
    width: 40px;
    height: 6px;
}

div.jp-volume-bar {
    position: relative;
    overflow: hidden;
    width: 40px;
    height: 9px;
    background: url("assets/img/jplayer-black-and-yellow.png") 0 -192px repeat-x;
    cursor: pointer;
}

div.jp-volume-bar-value {
    margin: 1px;
    width: 0px;
    height: 5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: url("assets/img/jplayer-black-and-yellow.png") 0 -133px repeat-x;
}

a.jp-mute,
a.jp-unmute {
    top: 9px;
    right: 60px;
    z-index: 1;
    width: 17px;
    height: 13px;
    outline: none;
}

.seperator-first,
.seperator-second {
    position: absolute;
    left: 32px;
    width: 2px;
    height: 30px;
    background:url(assets/img/seperator.png) no-repeat left;
}

.seperator-second {
    right:90px; 
    left:auto;
}

a.jp-mute { background: url("assets/img/jplayer-black-and-yellow.png") -10px -68px no-repeat; }

a.jp-mute:hover { background: url("assets/img/jplayer-black-and-yellow.png") -43px -68px no-repeat; }

a.jp-unmute {
    display: none;
    background: url("assets/img/jplayer-black-and-yellow.png") -5px -98px no-repeat;
}

a.jp-unmute:hover { background: url("assets/img/jplayer-black-and-yellow.png") -43px -98px no-repeat; }

div.jp-jplayer { background-color: #292a2b; }




/* Comments */
#comments {
    padding-bottom: 40px;
    margin-bottom: 60px;
    border-bottom: 1px dotted #bdc3c7;
}
p.form-submit input{
    width: 270px;
    text-transform: uppercase;
}
#commentform input[type="text"], .comment-form-comment textarea{    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    margin-bottom: 0;
    padding: 8px 20px;
    display: inline-block;
}
#commentform .form-submit input[type="submit"]{
    width: 150px;
}
.comment-form-author p label {
    display: inline-block;
    margin-left: 20px;
    text-transform: uppercase;
}
.comment-form-author span.required {
    color: #fe4743;
}
.comment-form-comment textarea{
    display: inline-block;
    margin-bottom: 20px;
    padding: 15px 20px;
    width:100%;
    max-width: 570px;
}
#reply-title,.comment-title{
    margin: 30px 0 60px;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
}
#reply-title.comment-reply-title {
    display: none;
}
.logged-in-as {
    font-size: 11px;
}
.comment-author img {
    display: block;
    float: left;
    margin: 0 30px 30px 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.comment-meta{
    line-height: 1;
}
.comment-meta .comment-author-link {
    display: inline-block;
    font-size: 13px;
    color: #2b353e;
    text-transform: capitalize;
}
.comment-body {
    position: relative;    
    margin-bottom: 25px;
    margin-left: 100px;
}
.comment-list
.comment-block .comment-block {
    margin-left: 100px;
}
.comment-author{
    margin-bottom: 5px;
}
.comment-block .comment{
    position: relative;
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.commentlist .bypostauthor { }
#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
    width: 100% !important;
}


/* Single pagination */
.single .pagination li {
    list-style: none;
}
.single .pagination, .single .pagination ul {
    margin: 0;
    padding: 0;
}
.single .pagination a {
    width: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    background: #2b353e;
    color: #fff;
}
.single .pagination a:hover {
    background: #16c6e4;
}

/* Button CSS */

/* ------------ Button --------------- */

a.btn,#footer a.btn{
    color: #fff;
}
.btn{
    display:inline-block;
    margin: 0 10px 10px 0;    
    padding: 12.5px 20px; 
    background: #bdc3c7;
    font-family: Roboto, sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
    *display:inline;
    *zoom:1;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn i{
    margin-right: 7px;
}
.btn span {
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn.rounded{
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;  
}
.btn:hover{
    color: #fff !important;
    background: #2b353e !important;
    border-color: transparent !important;
}
.btn-flat.shadow{
    -webkit-box-shadow: inset 0 -3px rgba(0,0,0,.15);
    -moz-box-shadow: inset 0 -3px rgba(0,0,0,.15);
    box-shadow: inset 0 -3px rgba(0,0,0,.15);
}
.btn-flat.shadow:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/* Button Flat */
a.btn-border{
    border: 2px solid #aaa;
    background: none;
    color: #aaa;
    z-index: 2;
}
.btn-border:hover {
    color: #fff !important;
}
.btn-small{
    padding:12px;
    font-size: 12px;
}
.btn-large{
    padding: 19px 20px;
    font-size: 14px;
}


/* Label */
.label {
    padding: 0px 4px;
    background-color: #00bef2;
    font-weight: normal;
    text-shadow: none;
    line-height: 1.6;
    font-size: 13px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}


/* Dropcaps */
.tw-dropcap {
    float: left;
    margin-top: 5px;
    margin-right: 20px;
    padding: 12px 15.5px;
    background-color: #16c6e4;
    color: #FFF;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
}
.tw-dropcap.dropcap_circle{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.tw-dropcap.dropcap_border{
    border: 2px solid #16c6e4;
    background-color: transparent;
}



/* Error 404 */

#error404-container{
    position: relative;    
    margin: 150px 0;
}
h3.error404{
    text-align: center;
    text-transform: uppercase;
    font-size: 72px;
}
h2.errorh2{
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    color: #787d82;
}
h3.error404 span{
    color: #16c6e4;
}
.tw-404-search-container form{
    display: inline-block;
    margin: 0;
}
.tw-404-search-container form#searchform input{
    margin: 0;
    width: 100%;
    border: 1px solid #d0d3d6;
    background: transparent;
}
.tw-404-search-container form#searchform i{
    color: #787d82;
}
.error4button,.tw-404-search-container form{
    position: relative;
    margin: 10px;
    text-transform: uppercase;
}
.tw-404-search-container{
    text-align: center;
}
form#searchform input{
    color: #95a5a6;
    font-style: italic;
}


/* Theme Boxed Layout Style*/
.theme-boxed{
    margin: 0px auto;
    width: 1200px;
    background: #FFF;
}
.ie8 .theme-boxed{
    width: 1000px;
}
.theme-boxed #header {
    background: none;
}
.theme-boxed #header>.container {
    background-color: #2b353e;
}
/* Scroll Up Style */
#scrollUp {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    background-color: rgba(0,0,0,0.2);
    font-size: 16px;
    line-height: 50px;
    cursor: pointer;
}
#scrollUp:hover{
    background-color: rgba(0,0,0,0.4);
}

/* One Page Video BG */

.background-video,.video-mask,.video-mask-color{
    position: absolute;
    width: 100%;
    height: 100%;
}
.video-mask{
    top: 0;
    left: 0;
    z-index: 3; 
    background: url(assets/img/video-mask.png) center center repeat;
    background-size: 2px 2px;
}
.video-mask-color{
    top: 0;
    left: 0;
    z-index: 3; 
    background: #222;
    zoom: 1;
    filter: alpha(opacity=40);
    opacity: .4;
}

.row-container{
    background-position: 50% 50%;
}