/*------------------------------------------------------------------

[Table of contents]



1. Reset HTML/CSS, Unitest, Body

2. Header

    2.1 Header Top

    2.2 Breadcrumb

    2.3 Header Sticky

3. Blog

    3.1 Blog Single

    3.2 Blog Category

4. Sidebar

    4.1 Primary sidebar

    4.2 Hidden sidebar

5. Custom Widget Style

6. Footer

7. Element and Custom Row VC

    7.1 Element Form

    7.2 Reset Row VC

8. Support

-------------------------------------------------------------------*/



/* ==========================================================================

   1. Reset HTML/CSS, Unitest, Body

========================================================================== */



body {

    font-family:"Myriad Pro", arial, helvetica, sans-serif;

    letter-spacing: 0.6px;

}



body.admin-bar {

    margin-top: 0px;

}



body.meny-top {

    background: #ffffff;

}

body.meny-left {

    overflow-x: visible;

}



input[type=submit] {

   -webkit-appearance: none;

}

.container.cs-row-fullwidth{

    padding-left: 0!important;

    padding-right: 0!important;

}

.container,

.container .container,

.no-container .container {

	max-width:100%;

}



/* mixins */

.center {

    text-align:center;

}

.center th,.center tr,.center td{

    text-align:center;

}

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

.right{float:right; max-width: 100%}



.list-unstyled {

    margin: 0;

}

.wrap{

    width: 100%;

    clear: both;

}

.no-padding-col [class*="vc_col-"]{

    padding: 0;

}

.gallery-caption{}

.wp-caption-text{

    font-style: italic;

    text-align: center;

}

.bypostauthor{}

/* end mixins */





body.csbody a.cs-viewmore {

	text-transform: capitalize;

	font-size: 12px;

	border-left: 1px solid;

	padding-left: 10px;

	margin-left: 10px;

}



.cs-col-border [class*="vc_col-"] + [class*="vc_col-"] {

    border-left: 1px solid #eee;

}

.unliststyle {

    list-style: none;

    padding: 0;

    margin: 0;

}

.unliststyle li {

    margin-bottom: 10px;

}

.wpb_row {

    margin-bottom: 0 !important;

}

.upper {

    text-transform: uppercase;

}



/* ==========================================================================

   2. Header

========================================================================== */

#cshero-header.cshero-header{ margin-bottom: 0;}

.header-wrapper{   

    position: relative;    

    z-index: 999;

}

#header-top .no-container,

#cshero-header:not(.cs-header-custom) .no-container,

#cshero-header .custom-header .no-container,

#header-sticky .no-container{

    padding-left: 15px;

    padding-right: 15px;

}



#header-top2 .header-top2-2 > *{

    display: inline-block;

}

#header-top2 .header-top2-2 > * + *{

    margin-left: 40px;

}

#header-top2 .fa{

    padding: 0 5px;

    font-size: 15px;

}



/*

  2.1 Header Top  

====================================================*/

.align-center .logo{

    text-align: center;

}

/** Transparent **/

body.header-transparentFixed.header-position-left .header-wrapper > div.header{ left: 0;}

body.header-transparentFixed.header-position-right .header-wrapper > div.header{ right: 0;}

body.header-transparentFixed.header-position-left .header-wrapper > div.header #cshero-header.transparentFixed.header-left,

body.header-transparentFixed.header-position-right .header-wrapper > div.header #cshero-header.transparentFixed.header-right{ position: inherit !important;}



#cshero-header.transparentFixed {

    position: absolute;

    top: auto;

    width: 100%;

}

#cshero-header.transparentFixed .main-menu > li > a {

    -webkit-transition: all 300ms linear 0ms;

       -moz-transition: all 300ms linear 0ms;

         -o-transition: all 300ms linear 0ms;

        -ms-transition: all 300ms linear 0ms;

            transition: all 300ms linear 0ms;

}

body.header-transparentFixed.header-position-top > div { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important;}

/* BTN */

.csbody a > .btn-white-alt:hover {

    border-color: #fff;

    color: #fff;

    background: 0 none;

}



/* Main Naviation Widget */

.cshero-header-content-widget > div{

    position: relative;

    top: 50%;

    z-index: 1;

    -webkit-transform:translate(0,-50%);

       -moz-transform:translate(0,-50%);

        -ms-transform:translate(0,-50%);

         -o-transform:translate(0,-50%);

            transform:translate(0,-50%);

}

    /* Fix style social widget in Custom Header*/

    .cs_custom_header_menu ul.cs-social{

        width: auto;

        min-width: 0 !important;

    }

    .cs_custom_header_menu ul.cs-social li{

        display: inline-block !important;

        border: 0 !important;

        padding: 0 !important;

        margin: 0 !important;

        float: none !important;

        width: auto !important; 

    }

    .cs_custom_header_menu ul.cs-social li:hover a,

    .cs_custom_header_menu ul.cs-social li:active a,

    .cs_custom_header_menu ul.cs-social li:focus a,

    .cs_custom_header_menu ul.cs-social li:visited a{

        background:none !important;

    }

    .cs_custom_header_menu ul.cs-social li a{

        display: inline-block !important;

    }

    /* Hidden Sidebar item */

    .cs_custom_header_menu li.cshero-hidden-sidebar{

        padding: 0;

    }

    .cs_custom_header_menu li.cshero-hidden-sidebar:hover a,

    .cs_custom_header_menu li.cshero-hidden-sidebar:active a,

    .cs_custom_header_menu li.cshero-hidden-sidebar:focus a,

    .cs_custom_header_menu li.cshero-hidden-sidebar:visited a{

        background:none !important; 

    }

/* End Main Naviation Widget */



.cshero-header-fixed-content-widget{ 

    position: fixed;

    bottom: 0;

    padding: 40px;

    border-top: 1px solid #eee;

}



/* Special Style for each Header Version 

------------------------------------------*/

/* Header V2*/



/* Logo */

.logo .slogan,

.logo-sticky .slogan {

    display: block;

}



.btn-navbar{

    cursor: pointer;

}

#header-top ul,

#footer-bottom ul{

    margin: 0;

    padding: 0;

    list-style: none;

}

#footer-bottom .cs-social a{

	font-size: 18px;

}

#header-top ul li,

#footer-bottom ul li{

    display: inline-block;

}

#header-top ul li a,

#footer-bottom ul li a{

    display: inline-block;

    padding: 0 5px;

}

#header-top ul ul,

#footer-bottom ul ul{

    display: none;

}

/*---- End Header Top ----*/

body #cshero-header .container,body .header-wrapper .container{

	position:relative;

}

body .header-wrapper  .main-menu-wrap,body .header-wrapper .sticky-menu-wrap{

	position: inherit;

}

.header-wrapper .logo a,.sticky-header .cshero-logo  a{

	display: inline-block;

}

.header-wrapper .logo a img,.sticky-header .cshero-logo  a img{

	vertical-align: middle;

}

/*---- Begin Header Custom ----*/

.cs-header-custom .pull-center,

.cs-header-custom .pull-center .cshero-dropdown,

.cs-header-custom .pull-center .cshero-menu-dropdown{}

.cs-header-custom .pull-center .cshero-dropdown{

    text-align: center;

}

.cs-header-custom .pull-center ul li {}

/* .cs-header-custom.transparentFixed {

    background: transparent !important;

} */

/*---- End Header Custom ----*/

#cs-header-custom-bottom {

    bottom: 0;

    position: absolute;

    transition: all 300ms linear 0ms;

    width: 100%;

    z-index: 999;

}

#cs-header-custom-center {

    top: 50%;

    position: absolute;

    transition: all 300ms linear 0ms;

    width: 100%;

    z-index: 999;

}



/***** Page Loadding *****/

#wrapper{

    -webkit-transition: opacity .6s linear;

    transition: opacity .6s linear;

    opacity: 1;

	position: relative;

	overflow:hidden;

}

#wrapper.cs_hidden{

    opacity: 0;

}

#cs_loader{

    position: absolute;

    z-index: 999;

    background: #fff url('../images/loading.gif') no-repeat center center;

    -webkit-transition: height .6s linear;

    transition: height .6s linear;

}



/*

  2.2 Start Breadcrumb 

====================================================*/

.title_bar_center .page-title,

.title_bar_center .sub_header_text {

    text-align: center;

}

.title_bar_left .page-title,

.title_bar_left .sub_header_text {

    text-align: left;

}

.title_bar_right .page-title,

.title_bar_right .sub_header_text {

    text-align: right;

}

#cs-page-title-wrapper {

    position: relative;

    overflow: hidden;

}

#cs-page-title-wrapper .page-title {

    margin: 0;  

	text-transform: uppercase;

}

#cs-page-title-wrapper .sub_header_text {

    font-size: 14px;

    padding-bottom: 20px;

    letter-spacing: 2px;

}

#cs-page-title-wrapper.page-title-style .page-title {}

.page-title-style .page-title{}

#cs-breadcrumb-wrapper .cs-breadcrumbs {

  margin: 0;

}

#cs-breadcrumb-wrapper .cs-breadcrumbs a,

#cs-breadcrumb-wrapper .cs-breadcrumbs span {

    padding-right: 10px;

}

#cs-breadcrumb-wrapper .cs-breadcrumbs a:after {

    content: "\f0da";

    font-family: FontAwesome;

    padding-left: 3px;

}

.cs-page-title-bar-left #cs-breadcrumb-wrapper {text-align:right;}

.cs-page-title-bar-right .cs-page-title {float:right;text-align:right;}

.cs-page-title-bar-center  {text-align:center;}

#cs-page-title-wrapper  .cs-page-title-bar-center  .page-title {

  line-height: inherit;

  padding: 20px 0 5px;

}

#cs-page-title-wrapper  .cs-page-title-bar-center  .cs-breadcrumbs {

  font-size: 11px;

  line-height: inherit;

  padding: 0 0 20px;

}



/*---- Admin Bar ----*/

/* .admin-bar .cs-sticky.fixed.fixed-transition */

.admin-bar .sticky-header.fixed {

    top: 32px;

}



/*

  2.3 Sticky Header

====================================================*/

.sticky-header {

    display: none;

	visibility: hidden;

}

.sticky-header.fixed .cshero-dropdown.sticky-nav {

    margin: 0;

}

.cs-sticky{

    max-height: 0;

    -webkit-opacity: 0;

    opacity: 0;

    top: -10000px;

	left:0;

    position: fixed;

    -webkit-transform: translateY(-100px);

    transform: translateY(-100px);

	-webkit-transition:-webkit-transform 0.5s ease 0.1s, top 0.5s ease, opacity 0.6s ease, max-height 0.3s step-end, max-width 0.1s step-end, padding 0.6s step-end;

	-o-transition:-o-transform 0.5s ease 0.1s, margin-top 0.5s ease, opacity 0.6s ease, max-height 0.3s step-end, max-width 0.1s step-end, padding 0.6s step-end;

	transition:transform 0.5s ease 0.1s, margin-top 0.5s ease, opacity 0.6s ease, max-height 0.3s step-end, max-width 0.1s step-end, padding 0.6s step-end;

	background:#000;

	backface-visibility: hidden;

	width: 100%;

}

.cs-sticky.fixed{

    max-height: 300px;

    overflow: visible;

    z-index: 99;

	visibility: visible;

	-webkit-transform: translateY(0px);

	transform: translateY(0px);

    -webkit-opacity:1;

    opacity:1;

	top:0;

	display: block;

	backface-visibility: hidden;	

}

@media (min-width: 993px) {

    .cshero-mmenu.navbar-collapse.collapse {

        display: none !important;

    }

}



/* ==========================================================================

   3. Blog

========================================================================== */

/*

  3.1 Blog Single

====================================================*/

.cs-blog.cs-blog-item .cs-entry-title {

    margin-top: 30px;

    padding: 0 30px;

}



.cs-blog.cs-blog-item .cs-blog-content {

    padding: 0 30px 20px;

    border-top: none;

    border-left: none;

    border-right: none;

    border-bottom: 1px solid #d6d6d6;

}



.cs-blog.cs-blog-item .cs-blog-content,

.cs-blog.cs-blog-item .cs-blog-content-inner {

    width: 100%;

    clear: both;

    overflow: hidden;

}



.single-post-wrap .cs-blog-about-author {

    padding: 0;

    overflow: hidden;

    padding-bottom: 40px;

    border-bottom: 1px solid #d6d6d6;

}



.single-post-wrap .post-details-footer {

    padding-bottom: 0;

}



.cs-blog-about-author .author-avatar img {

    float: left;

    margin-right: 30px;

}



.cs-blog-about-author .author-avatar .author-info {

    overflow: hidden;

    position: relative;

    padding-top: 25px;

}



#primary #comments .st-comments-wrap {

    padding-top: 40px !important;

}



#comments .comments-title {

    margin-bottom: 30px;

}



.csbody .post-details-footer .cs-blog-share {

    clear: both;

    margin-bottom: 30px;

    overflow: hidden;

    width: 100%;

}

.csbody .primary-sidebar .widget_cs_social_widget .cs-social li a {

    display: block;

    overflow: hidden;

}



.csbody .post-details-footer .cs-blog-share a {

    display: block;

    float: left;

    font-size: 16px !important;

    margin-right: 10px;

    margin-top: 10px;

    text-align: left;

}



.csbody .tagcloud a:hover,

.csbody .post-details-footer .cs-blog-share a:hover {

    color: #fff;

}



.post-details-footer .navigation {

    overflow: hidden;

    display: block;

    clear: both;

}



.filter_outer {}

.filter_outer ul {

  margin-bottom: 35px;

  padding: 0;

  text-align: center;

  list-style:none;

}

.filter_outer ul li{

    display:inline-block;

}

.filter_outer ul li span{

    border: 1px solid #e5e5e5;

    border-radius: 0;

    color: #000;

    display: block;

    font-size: 12px;

    font-weight: 300;

    line-height: 1;

    margin: 0 3px 10px;

    padding: 13px 23px;

    text-decoration: none;

    text-transform: uppercase;

    transition: all 0.3s linear 0s;

     cursor: pointer;

}

.filter_outer ul li:hover span,.filter_outer ul li.active span{

  background: none repeat scroll 0 0 #222222;

  border: 1px solid #222222;

  color: #ffffff;   

}

.cs_pagination {text-align:center;}

#cshero-load-posts {

    display: inline-block;

    margin: 20px auto;

    overflow: hidden;

    position:relative;

    padding: 5px 10px;

    border: 1px solid #444444;

}

#cshero-load-posts  a {

    display: inline-block;

    position:relative;

    z-index:100;

}

#cshero-load-posts:hover a{

    color: #fff;

}

#cshero-load-posts:after {

  background-color: #444;

  color: #fff;

  content: "";

  display: block;

  height: 100%;

  left: -100%;

  line-height: 1.5em;

  opacity: 0.5;

  padding: 1em 1.3em;

  position: absolute;

  top: 0;

  transition: all 0.4s ease-out 0s;

  width: 100%;

  z-index:0;

}

#cshero-load-posts:hover:after{

  opacity:1;

  left:0;

}

.cs-masonry-layout{

    overflow:visible!important;

}

.format-gallery .carousel-control.left, 

.format-gallery .carousel-control.right {

    color: #fff;

    font-size: 22px;

    height: 30px;

    left: 17px;

    outline: medium none;

    position: absolute;

    top: 45%;

    width: 12px;

    opacity: 1;

    background: none;

    -webkit-text-shadow: none;

    -moz-text-shadow: none;

    -o-text-shadow: none;

    text-shadow: none;

}

.format-gallery .carousel-control.right {

    left: inherit;

    right: 17px;

}

.format-gallery .carousel-control span {

    font-size: 14px;

    color: #444;

    height: 40px;

    line-height: 40px;

    width: 40px;

    background: rgba(255, 255, 255, 0.6);

}

.format-gallery .carousel-control span:hover {

    color: #fff;

    background: rgba(0, 0, 0, 0.6);

}

.format-gallery .carousel-control.left span {

    left: 20px;

}

.format-gallery .carousel-control.right span {

    right: 20px;

}

.format-gallery .carousel-control.left span:before {

    content: "\f153";

    font-family: Ionicons;

}

.format-gallery .carousel-control.right span:before {

    content: "\f154";

    font-family: Ionicons;

}

/* blog space*/

#primary.blog-masonry,

#primary.blog-two-columns,

#primary.blog-timeline,

#primary.blog-medium-image,

#primary.blog-large-image{

    /*padding-top: 30px;*/

    padding-bottom: 30px;

}

/* Post gallery */

.cs-gallery .item {

    overflow: hidden;

}

.cs-gallery .item .item-content {

    position: absolute;

    bottom: 0;

    background: #fff;

    width: 100%;

    padding: 5px;

    opacity: 0;

    -webkit-transition: all 300ms linear 0ms;

       -moz-transition: all 300ms linear 0ms;

         -o-transition: all 300ms linear 0ms;

        -ms-transition: all 300ms linear 0ms;

            transition: all 300ms linear 0ms;

    -webkit-transform:translateY(-600px);

       -moz-transform:translateX(-600px);

        -ms-transform:translateX(-600px);

         -o-transform:translateX(-600px);

            transform:translateX(-600px);

}

.cs-gallery .item:hover .item-content {

    opacity: 1;

    -webkit-transform:translateY(0);

       -moz-transform:translateX(0);

        -ms-transform:translateX(0);

         -o-transform:translateX(0);

            transform:translateX(0);

}



#commentform {

    background: none;

    padding: 0;

    margin: 0 0 25px;

}

#commentform input[type="text"], #commentform textarea {

    background: none repeat scroll 0 0 #fff;

    border: 1px solid #ebebeb;

    border-radius: 0;

    font-size: 13px;

    height: auto;

    padding: 8px 10px;

    text-align: left;

    width: 100%;

}

#commentform input[type="text"] {

    height: 44px;

    line-height: normal;

}



#commentform input[type="text"]:hover,

#commentform input[type="text"]:active,

 #commentform textarea:hover,

 #commentform textarea:active {

    color: #343434;

 }

#commentform .submit {

    text-align: center;

    margin-top: 0px;

    display: inline-block;

    float: right;

    font-size: 13px;

    color: #adadad;

    line-height: 1;

    padding: 12px 30px;

    background: 0 none;

    border: 1px solid #adadad;

    text-transform: none;

}

#commentform .submit:hover,

#commentform .submit:active {

    text-transform: none !important;

    padding: 12px 30px !important;

    border-width: 1px !important;

}

#commentform .form-allowed-tags {

    display: none;

}

#comments {

    margin-top: 0px;

}

.page #comments {

    border-top: none;

}

#primary #comments .st-comments-wrap, #primary #comments .comment-respond{

    padding: 18px 0 0;

}

#primary > .no-container #comments .st-comments-wrap, #primary > .no-container #comments .comment-respond{

    padding: 30px 15px 0 15px;

}

#primary .entry-footer .edit-link{

    display: block;

    text-align: center;

    padding: 10px 0;

}

#primary .entry-footer .edit-link a{

    margin: 0 5px;

}

#comments .comment-list {

    padding: 0;

    list-style: none;

}

#comments .comment-list .children{

    list-style: none;

    padding-left: 25px;

}

#comments .comment-list li .comment-body {

    position: relative;

    background: transparent;

    border-bottom: 1px solid #eee;

    padding: 0 0 20px;

    margin: 0 0 20px;

    overflow: hidden;

}

#comments ol.children .comment-body {

    margin: 0 0 15px 25px;

}

#comments ol.children .comment-body cite {

    font-style: normal;

}

#comments ol.children .comment-body + ol.children .comment-body {

    margin: 0 0 15px 50px;

}

#comments ol.children .comment-body + ol.children .comment-body + ol.children .comment-body {

    margin: 0 0 15px 75px;

}

#comments ol.children .comment-body + ol.children .comment-body + ol.children .comment-body + ol.children .comment-body {

    margin: 0 0 15px 100;

}



.rtl #comments ol.children .comment-body {

    margin: 0 25px 15px 0;

}

.rtl #comments ol.children .comment-body + ol.children .comment-body {

    margin: 0 50px 15px 0;

}

.rtl #comments ol.children .comment-body + ol.children .comment-body + ol.children .comment-body {

    margin: 0 75px 15px 0;

}

.rtl #comments ol.children .comment-body + ol.children .comment-body + ol.children .comment-body + ol.children .comment-body {

    margin: 0 100px 15px 0;

}

#comments .comment-list li + li {

    margin-top: 18px;

}

.comment-author .says {

    display: none;

}

#comments .comment-list .reply {

    display: inline-block;

}

#comments .comment-list .reply a.comment-reply-link,

#comments .comment-list .reply a.comment-reply-link:hover {

    background: 0 none;

    color: #adadad;

    padding: 0;

    font-weight: 400;

}

#comments .comment-list .comment-meta {

    margin: -5px 0 0;

}

#comments .comment-list .comment-meta a {

    font-size: 13px;

    color: #adadad;

    font-weight: 400;

}

#comments .comment-list .comment-meta .fn,

#comments .comment-list .comment-meta a {

    display: inline-block;

}

#comments .comment-list .comment-meta a:after,

#comments .comment-list .comment-meta .fn:after {

    content: '\f111';

    font-family: FontAwesome;

    color: #adadad;

    display: inline-block;

    padding: 0 8px;

    font-size: 4px;

    vertical-align: middle;

}



#comments .comment-list .comment-meta .reply a:after {

    content: '';

    padding: 0;

}



.comment-author img.avatar {

    width: 50px;

    height: 50px;

}

#reply-title {

    text-transform: uppercase;

    margin-bottom: 20px;

    font-size: 15px !important;

}



.comment-body .comment-author {

    display: block;

    float: left;

}

.comment-meta-wrap {

    padding-left: 70px;

}



.comment-body .fn {

    font-size: 13px;

    color: #000;

    font-weight: normal;

}

.comment-awaiting-moderation {

    padding: 0 0 0 100px;

}

.rtl .comment-awaiting-moderation {

    padding: 0 100px 0 0;

}

#commentform p  {

    margin-bottom: 15px;

    padding: 0;

    clear: both;

}



#commentform .comment-form-url {

    padding-right: 0;

}



.comments-area .comment-element-wrap {

    width: 35%;

    float: left;

    padding-right: 7px !important;

}



.comments-area .comment-element-wrap p:last-child {

    margin-bottom: 0;

}



.comments-area .comment-form-comment {

    width: 65%;

    padding-left: 8px !important;

    float: right;

}



@media only screen and (max-width: 767px) {

    .comments-area .comment-element-wrap,

    .comments-area .comment-form-comment {

        padding: 0 !important;

        width: 100%;

    }

    #commentform .submit {

        margin-top: 10px;

    }

}



.logged-in .comments-area .comment-form-comment {

    width: 100%;

    padding: 0 !important;

    float: left;

}



.logged-in #commentform textarea {

    margin-bottom: 10px;

}



#commentform textarea {

    min-height: 162px;

}



.wpcf7-form {}

.wpcf7-form  .row{margin-bottom:20px;}

.wpcf7-form  .wpcf7-form-control:not(.wpcf7-submit) {

  width: 100%;

}

/*** Form Style ***/

.wpcf7-form.contact-style-2 label {

    font-weight: normal;

}

.wpcf7-form.contact-style-3 input,

.wpcf7-form.contact-style-3 textarea,

.wpcf7-form.contact-style-4 input,

.wpcf7-form.contact-style-4 textarea {

    background-color: #fff;

}

.wpcf7-form.contact-style-4 textarea {

    padding: 10px;

}

.wpcf7-form.contact-style-4 .reservation-day select.wpcf7-select, 

.wpcf7-form.contact-style-4.contact-style-4 .reservation-month select.wpcf7-select, 

.wpcf7-form.contact-style-4 .reservation-date select.wpcf7-select {

    background-color: #bbbbbb;

    border: none;

}

.wpcf7-form.contact-style-4 .wpcf7-submit {

    color: #444444;

    background: #fff;

    border-color: #fff;

    letter-spacing: 0.05em;

}

.wpcf7-form.contact-style-3 input[type="submit"]{float: left;background-color: transparent;border-color: #fff;}



.wpcf7-form.contact-style-5 input,

.wpcf7-form.contact-style-5 textarea { /* Do not remove or override this style */

    background-color: #f8f8f8;

    border-color:#f8f8f8 !important;

}



.wpcf7-form.contact-style-2 input[type='text'],

.wpcf7-form.contact-style-2 input[type='email']{

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    background-color: #fff;

    border:none;

    height: 50px;

    line-height: 50px;

    padding: 0;

    text-indent: 15px; 

    color: #888888;

}

.wpcf7-form.contact-style-2 input[type='submit']{

    background-color: #111;

    border-color: #111;

}



/*---- Navigation ----*/

.post-navigation {

    margin: 0 0 30px 0;

    padding-bottom: 30px;

    border-bottom: 1px solid #ddd;

}

.navigation.pos {

    margin-top: 30px;

}

.navigation .nav-previous, .navigation .nav-next {

    width: 50%;

    float: left;

}

.navigation .nav-previous i {

    padding-right: 18px;

}

.navigation .nav-next {

    text-align: right;

    float: right;

}

.navigation .nav-next i {

    padding-left: 18px;

}



.cs-navigation,

.paging-navigation {

    text-align: center;

    margin: 10px 0 40px 0;

}

.cs-navigation .pagination,

.paging-navigation .pagination {

    margin: 0;

}



.paging-navigation .prev.page-numbers,

.paging-navigation .next.page-numbers,

.cs-navigation .prev.page-numbers,

.cs-navigation .next.page-numbers {

    font-size: 0;

    text-align: center;

}

.paging-navigation .prev.page-numbers:before,

.paging-navigation .next.page-numbers:after,

.cs-navigation .prev.page-numbers:before,

.cs-navigation .next.page-numbers:after {

    text-indent: 0;

    font-family: FontAwesome;

    text-indent: 0;

    font-size: 18px;

    display: inline-block;

}

.paging-navigation .prev.page-numbers:before,

.cs-navigation .prev.page-numbers:before {

    content: "\f104";

}

.paging-navigation .next.page-numbers:after,

.cs-navigation .next.page-numbers:after {

    content: "\f105";

}

.paging-navigation .page-numbers,

.cs-navigation .page-numbers {

    background: #fff;

    font-size: 16px;

    line-height: 26px;

    padding: 0;

    display: inline-block;

    height: 45px;

    width: 45px;

    text-align: center;

    line-height: 43px;

    float: left;

    margin: 0 5px;

    border: 1px solid #969696;

    color: #969696;

}

.paging-navigation .page-numbers:hover,

.paging-navigation .prev.page-numbers:hover:before,

.paging-navigation .next.page-numbers:hover:after,

.cs-navigation .page-numbers:hover,

.cs-navigation .prev.page-numbers:hover:before,

.cs-navigation .next.page-numbers:hover:after {

    background: #fff;

}



.paging-navigation .page-numbers.current,

.paging-navigation .page-numbers.current:hover,

.cs-navigation .page-numbers.current,

.cs-navigation .page-numbers.current:hover {

    color: #fff;

}



/** blockquote **/

blockquote,.cs-blog-quote {

  border: medium none;

  font-size: 14px;

  line-height: 24px;

  padding: 38px 30px;

  margin:20px 0;

}

blockquote > p{

  display: inline-block;

  font-size: 18px;

  padding: 5px 55px;

  position: relative;

  text-transform: capitalize;

}

blockquote > p:before {

  content: "“";

  font-size: 100px;

  left: 0;

  position: absolute;

  top: 0;

}

blockquote > p:after {

  content: "”";

  font-size: 100px;

  line-height: 1;

  position: absolute;

  right: 0;

}

blockquote > p cite {

    font-style: italic;

    display: block;

}

blockquote > p cite span {

    text-transform: none;

}

/*---- START BLOCK PARALLAX ----*/

.ww-custom {

    position: relative;

    -webkit-background-size: cover;

       -moz-background-size: cover;

         -o-background-size: cover;

            background-size: cover; 

}

.ww-custom .ww-parallax-bg {

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

}

.bg-overlay-preset, .bg-overlay-video, .overlay-secondary-color {

    position: relative;

}

.wpb_row.vc_row-fluid.bg-overlay-preset:before,

.wpb_row.vc_row-fluid.overlay-secondary-color:before,

.wpb_row.vc_row-fluid.bg-overlay-video:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: 100;

    display: block;

}

.wpb_row.vc_row-fluid.bg-overlay-preset .container,

.wpb_row.vc_row-fluid.overlay-secondary-color .container,

.wpb_row.vc_row-fluid.bg-overlay-video .container {

    position: relative;

    z-index: 101;

}

.wpb_row.vc_row-fluid.bg-overlay-video:before {

    background: rgba(255, 255, 255, 0.8);

}

.wpb_row.full-width .ww-parallax-bg + .no-container.cs-row-fullwidth {

    margin: 0 15px;

}

/***** Start Page Blog Style ****/

.col1{width:100%;padding:10px 1.2% 1.2%;}

.col2{width:49.5%;padding:10px 1.2% 1.2%;}

.col3{width:33%;padding:10px 1.2% 1.2%;}

.col4{width:24.5%;padding:10px 1.2% 1.2%;}

.col6{width:16.6%;padding:10px 1.2% 1.2%;}



/*

  3.2 Blog Category

====================================================*/

.cs-blog {

    margin-bottom: 30px;

}



.cs-blog .cs-blog-header {

    position: relative;

    z-index: 1;

}



.cs-blog .cs-blog-thumbnail {

    position: relative;

}



.cs-blog .cs-blog-content {

    border: 1px solid #e2e2e2;

    padding: 30px;

    overflow: hidden;

    position: relative;

    top: -1px;

}



.cs-blog .csblog-author-creatdate {

    margin: 0;

    padding: 0;

    list-style: none;

    font-size: 13px;

    position: absolute;

    top: 0;

    left: -10px;

    color: #fff;

}



.cs-blog .csblog-author-creatdate li {

    display: inline-block;

    background: #f7a31e;

    padding: 10px;

    line-height: 1;

    text-align: left;

    width: auto;

    clear: both;

    float: left;

}



.cs-blog .csblog-author-creatdate li.cs-blog-date {

    text-transform: uppercase;

    background: #f7891e;

    margin: 20px 0 10px;

}



.cs-blog .csblog-author-creatdate li a {

    color: #fff;

}



.cs-blog .cs-blog-summary,

.cs-blog .cs-blog-meta .cs-blog-info {

    width: 100%;

    clear: both;

    color: #969696;

}



.cs-blog .cs-blog-meta .cs-blog-info li {

    float: left;

}



.cs-blog .cs-blog-meta .cs-blog-info li a {

    color: #969696;

}



.cs-blog .cs-blog-meta .cs-blog-info li:after {

    content: '|';

    display: inline-block;

    padding: 0 7px;

}



.cs-blog .cs-blog-meta .cs-blog-info li:last-child:after {

    content: '';

    padding: 0;

}



.cs-blog .cs-blog-summary {

    color: #696969;

}



.cs-blog .cs-blog-summary .readmore a {

    font-size: 14px;

    font-weight: bold;

    color: #696969;

    float: right;

    background: 0 none;

    border: none;

    padding: 0;

}



.cs-blog .cs-blog-summary .readmore a:after {

    content: '\f178';

    font-family: fontawesome;

}



.cs-blog .cs-blog-summary .readmore a:hover {



}



/* =======================================================================

4. Sidebar

========================================================================== */

/*

    4.1 Primary sidebar

==============================================*/

#primary.no_breadcrumb {

    margin: 40px 0 0;

}



/* 404 Page */

#primary .error-404 {

    margin-bottom: 60px;

}



.error404 .content-area {

    border-top: 1px solid #eee;

}



.error404 .error-body {

    padding: 115px 0;

    width: 100%;

    display: block;

}



.error404 .error-body h1 {

    font-size: 36px;

    margin-bottom: 25px;

}



.primary-sidebar [class*="widget_"], .primary-sidebar [class^="widget_"], .primary-sidebar .widget {

    margin-bottom: 30px;

}

.primary-sidebar [class*="widget_"]:first-child, .primary-sidebar [class^="widget_"]:first-child, .primary-sidebar .widget {

    margin-top: 0;

}

.primary-sidebar ul, [class*="widget-"] ul, [class^="widget-"] ul  {

    list-style: none;

    padding: 0;

    margin: 0;

}



.primary-sidebar [class*="widget_"] {

    position: relative;

    margin-bottom: 20px !important;

    padding-bottom: 30px;

    width: 100%;

    overflow: hidden;

    clear: both;

}



.primary-sidebar [class*="widget_"]:before {

    content: '';

    display: block;

    width: 50px;

    height: 1px;

    background: #cdcdcd;

    position: absolute;

    left: 0;

    bottom: 0;

}



.primary-sidebar [class*="widget_"]:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

}



.primary-sidebar [class*="widget_"]:last-child:before {

    display: none;

}



.csbody #primary-sidebar .widget_search {

    padding-bottom: 0;

}



.csbody #primary-sidebar .widget_search:before {

    display: none;

}



h3.wg-title {

    font-size: 14px;

    position: relative;

}



h3.wg-title span {

    display: inline-block;

    padding: 0px;

}



.primary-sidebar ul ul.children {

    padding-left: 15px;

}

.primary-sidebar ul li {

    line-height: 27px;

}



.primary-sidebar .searchform {

    margin-bottom: 0;

}



.primary-sidebar h3.wg-title {

    margin-bottom: 15px;

}



.csbody .primary-sidebar select {

    margin-bottom: 0;

    font-size: 13px;

    color: #343434;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    position: relative;

    z-index: 3;

    background: 0 none;

    cursor: pointer;

}



.select-wrap {

    position: relative;

    border-right: 1px solid #ebebeb;

    width: 100%;

    overflow: hidden;

    -webkit-transition: all 300ms linear 0s;

    -o-transition: all 300ms linear 0s;

    transition: all 300ms linear 0s;

}



.select-wrap:before {

    content: '\f0d7';

    font-family: fontawesome;

    color: #adadad;

    display: block;

    width: 30px;

    line-height: 37px;

    text-align: center;

    position: absolute;

    right: 0;

}



.select-wrap select {

    width: 100.9%;

    border-color: #ebebeb;

}



.select-wrap:hover:before {

    color: #343434;

}



.select-wrap select,

.select-wrap select:hover,

.select-wrap select:active {

    outline: none;

}



.widget_tag_cloud .tagcloud a {

    border: none;

    font-size: 13px !important;

    color: #969696;

    padding: 13px 28px;

    background: #ebebeb;

    margin-right: 10px;

    margin-bottom: 10px;

}

/* Category widget */

.csbody .cs-booking-form input[type="text"], 

.csbody .cs-booking-form input[type="email"], 

.csbody select {

    border-radius: 0;

}



#footer-top h3.wg-title {

    position: relative;

    margin-bottom: 30px;

    font-weight: 400;

}



#footer-top h3.wg-title:before {

    border-top: 2px solid #f7c51e;

    bottom: 0;

    content: "";

    display: block;

    left: 0;

    position: absolute;

    width: 24px;

}



#footer-top h3.wg-title:after {

    content: '';

    display: block;

    width: 6px;

    border-top: 2px solid #2d2d2d;

    position: absolute;

    left: 24px;

    bottom: 0;

}



#footer-top h3.wg-title span {

    border-bottom: 2px solid #333333;

    width: 100%;

    padding-bottom: 15px;

}



.primary-sidebar .widget_cs_social_widget .cs-social {}



.csbody .primary-sidebar .widget_cs_social_widget .cs-social li {

    margin: 0 10px 10px 0;

    float: left;

}



.csbody .post-details-footer .cs-blog-share a,

.csbody .primary-sidebar .widget_cs_social_widget .cs-social li a {

    font-size: 20px;

    color: #adadad;

    border: 2px solid #adadad;

    width: 45px;

    height: 45px;

    line-height: 45px;

    border-radius: 50%;

    padding: 0;

    text-align: center;

}



.csbody .post-details-footer .cs-blog-share a i,

.csbody .primary-sidebar .widget_cs_social_widget .cs-social li a i {

    line-height: 45px;

    text-align: center;

}



.primary-sidebar .widget_cs_social_widget .cs-social li a:before {

    content: '';

    padding-right: 0;

}



.csbody .primary-sidebar .widget_cs_social_widget .cs-social li a:hover {

    background: #f7c51e;

    color: #fff;

    border-color: #f7c51e;

}



/** Comment **/

.sh-list-comment {

    padding: 20px;

    margin: 0;

}

.sh-list-comment li {

    border-bottom: 1px solid #e9e9e9;

    margin-bottom: 20px;

    padding-bottom: 20px;

}

.sh-list-comment li:last-child {

    border-bottom: none;

    padding-bottom: 0px;

    margin-bottom: 0px;

}

.sh-list-comment .image img {

    width: 60px;

    height: 60px;

    max-width: 60px;

    -webkit-border-radius: 50%;

         -moz-border-radius: 50%;

              border-radius: 50%;

}

.sh-list-comment .post-holder {

    font-size: 13px;

    padding-left: 15px;

}

.sh-list-comment .post-holder a {

    color: #A0A0A0;

    -webkit-transition: all .3s ease-out;

    -moz-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    -ms-transition: all .3s ease-out;

    transition: all .3s ease-out;

}

.comment-reply-link{

    padding:5px 10px;

}



.csbody .primary-sidebar .widget_cs_social_widget {

    padding-bottom: 20px;

    overflow: visible;

}



.csbody .primary-sidebar .widget_cs_social_widget ul {

    overflow: hidden;

    display: block;

    clear: both;

    width: 100%;

}



/* Recent post v2 */

.widget_cs_recent_post_v2 .post-featured-img img {

    width: 50px;

    height: 50px;

    border-radius: 50%;

}



.widget_cs_recent_post_v2 .cs-popular .cs-details > h4 {

    font-size: 13px;

    font-weight: 400;

    margin: -5px 0 0;

}



.widget_cs_recent_post_v2 .cs-popular li {

    margin-bottom: 10px;

}



.widget_cs_recent_post_v2 .cs-popular .cs-media {

    margin: 0 10px 0 0;

    width: auto;

}



.widget_cs_recent_post_v2 .cs-popular .cs-details {

    overflow: hidden;

    padding: 10px 0;

    border-bottom: 1px solid #363636;

}



.widget_cs_recent_post_v2 .cs-popular .has-thumb .cs-recent-post-meta {

    

}



.widget_cs_recent_post_v2 .cs-popular .date, 

.widget_cs_recent_post_v2 .cs-popular .author {

    font-size: 10px;

    float: left;

    color: #6b6b6b;

}



.widget_cs_recent_post_v2 .cs-popular .author:before,

.widget_cs_recent_post_v2 .cs-popular .comment-number:before {

    content: '|';

    padding-right: 2px;

    margin-left: 5px;

}



.widget_cs_recent_post_v2 .cs-popular li {

    border: none;

    padding-bottom: 0;

}



.csbody .primary-sidebar .widget_cs_recent_post_v2 ul li {

    margin-bottom: 20px;

}



.widget-area .widget_cs_recent_post_v2 li .post-featured-img {

    padding: 0;

}



.widget-area .widget_cs_recent_post_v2 li h4 a {

    font-weight: 600;

    text-transform: none !important;

    font-size: 15px !important;

}



.widget-area .widget_cs_recent_post_v2 li a:before {

    display: none;

}



.widget-area .widget_cs_recent_post_v2 li .post-featured-img img {

    border-radius: 0;

    width: 70px;

    height: 70px;

}



.widget-area .widget_cs_recent_post_v2 .cs-popular .date, 

.widget-area .widget_cs_recent_post_v2 .cs-popular .author,

.widget-area .widget_cs_recent_post_v2 .cs-popular .comment-number {

    font-size: 13px;

    color: #969696;

}



.primary-sidebar .widget_cs_recent_post_v2 .cs-details {

    border-bottom: 0;

}



.widget-area .widget_search .searchform::before {

    display: none;

}



/*

    4.2 Hidden sidebar

==============================================*/

.meny-top.meny-active #wpadminbar {

    top: 0;

}

.meny-sidebar {

    background-color: #444;

    visibility: hidden;

    color: #fff;

    height: 100%;

    overflow: hidden;

    padding: 10px 20px 20px;

    overflow: hidden;

    position: absolute;

    top: 0;

    z-index: 90;

}

.meny-top .meny-sidebar .control {

    padding-top: 3px;

}

.meny-top.meny-active.admin-bar .meny-sidebar .control {

    margin-top: 32px;

}

.meny-top.admin-bar .tools-menu,

.meny-top.admin-bar .back-to-demo {

    display: block;

    margin-top: 32px;

}

.meny-top .meny-sidebar .hidden-menu-widget-col,

.meny-top .meny-sidebar [class*="widget_"],

.meny-top .meny-sidebar [class*="widget-"] {

    border-left: 1px solid #363636;

    float: left;

    padding: 0 30px;

}

.meny-top .meny-sidebar [class*="widget_"],

.meny-top .meny-sidebar [class*="widget-"] {

    height: inherit !important;

}

.meny-top .meny-sidebar div:nth-child(2) {

    border-left: none;

}

.meny-top .meny-sidebar {

    height: inherit;

    visibility: visible;

}

.meny-top .cs-overlay {

    background: transparent !important;

}

.meny-sidebar .cs_close {

    cursor: pointer;

}

.meny-sidebar .cs_close i {

    font-size: 32px;

    color: #fff;

    cursor: pointer;

}

.meny-top .meny-sidebar h3.wg-title {

    font-size: 16px;

    text-transform: uppercase;

    text-align: center;

}

.meny-sidebar [class*="widget-"], .meny-sidebar [class^="widget-"] {

    margin-top: 30px;

}

.meny-sidebar ul li a {

    color: #fff;

    display: block;

    outline: none;

    -webkit-transition: all 300ms linear 0ms;

       -moz-transition: all 300ms linear 0ms;

         -o-transition: all 300ms linear 0ms;

        -ms-transition: all 300ms linear 0ms;

            transition: all 300ms linear 0ms;

}

.meny-sidebar ul li a:hover {

    padding-left: 10px;

}

.meny-sidebar ul.cs-social li a:hover {

    padding-left: 0;

    padding-right: 0;

}

.rtl .meny-sidebar ul li a:hover {

    padding-right: 10px;

    padding-left: 0;

}

.left_sidebar_opened .meny-sidebar,

.right_sidebar_opened .meny-sidebar{

    overflow-y: hidden;

    outline: none;

    visibility: visible;

}

body.right_sidebar_opened #wpadminbar,

body.left_sidebar_opened #wpadminbar {

    -webkit-transform: translateY(-32px);

       -moz-transform: translateY(-32px);

        -ms-transform: translateY(-32px);

         -o-transform: translateY(-32px);

            transform: translateY(-32px);

}

.right_sidebar_opened .meny-sidebar {

    position: fixed;

}

.right_sidebar_opened .meny-sidebar h3.wg-title,

.left_sidebar_opened .meny-sidebar h3.wg-title {

    font-size: 16px;

    text-transform: uppercase;

    color:#fff;

}



/* ==========================================================================

5. Custom Widget Style

========================================================================== */

h3.ww-title, h3.cs-title {

    margin: 0 0 50px;

}

.ww-subtitle {

    color: #333;

    font-size: 25px;

}

.ww-desc, .cs-desc {}

a.read-more-link.btn {}

/**** Newsletterwidget ***/

.newsletter-layout2 input[type="email"],

.newsletter-layout2 input[type="text"]{

    width: 100%;

}

.newsletter{

    position: relative;

}

.newsletter .newsletter-email,

.newsletter .newsletter-firstname  {

    height: 42px;

    line-height: 42px;

    margin: 0;

    padding: 0;

    text-indent: 10px;

    width: 100%;

    font-weight: 400;

    font-size: 10px;

    text-transform: uppercase;

    background: #f5f5f5;

    color: #888;

    border: none;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

}

.newsletter .newsletter-submit {

    float: right;

}

.newsletter input {

    margin-bottom: 3px;

}

.woocommerce .page-title {

    text-transform: uppercase;

}



/* Widget */

.widget-area .widget ul li,

.widget_categories ul li,

.widget_product_categories ul li {

    margin-bottom: 5px;

}



.widget-area .widget ul li a,

.widget_categories ul li a,

.widget_product_categories ul li a {

    font-size: 12px;

    text-transform: uppercase;

    padding: 3px 0;

    display: inline-block;

}



.widget_categories ul li a:before,

.widget_product_categories ul li a:before,

.widget-area .widget ul li a:before {

    content: '+';

    color: #333;

    padding-right: 10px;

}



.widget_product_categories ul li {

    margin-bottom: 0;

}



.widget_product_categories ul li a {

    padding: 5px 0;

}



/* ==========================================================================

6. Footer

========================================================================== */

/*

    6.1 Footer top

===========================================*/

#footer-top .no-container,

#footer-bottom .no-container{

    padding-left: 15px;

    padding-right: 15px;

}



#wrapper #footer-top ul.menu li {

    line-height: 30px;

}

#wrapper #footer-top ul.menu li a {

    display: block;

}

#wrapper #footer-bottom ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

#wrapper #footer-bottom ul li {

    display: inline-block;

}

#wrapper #footer-bottom ul li a{

    padding: 0 5px;

    display: block;

}

#footer-top [class*="widget-"], #footer-top [class*="widget_"] {

    margin-top: 35px;

}

#footer-top [class*="widget-"]:first-child, #footer-top [class*="widget_"]:first-child {

    margin-top: 0;

}

.tweets-container ul {

    padding: 0;

}

.tweets-container ul li {

    margin: 0 0 35px;

    padding: 0 0 0 35px;

    position: relative;

}

.rtl .tweets-container ul li {

    padding: 0 35px 0 0;

}

.tweets-container ul li:before {

    content: "\f099";

    font-family: FontAwesome;

    font-size: 21px;

    position: absolute;

    top: 0;

    left: 0;

}

.rtl .tweets-container ul li:before {

    top: 0;

    left: inherit;

    right: 0;

}

.tweets-container ul li:last-child {

    border-bottom: none;

}

.tweets-container ul li .jtwt_tweet_text {

    margin: 0;

}

.tweets-container ul li .jtwt_date {

    display: block;

    text-align: right;

}

/*** Get Touch ***/

.getTouch, .getTouchSidebar {

    padding: 0;

    margin: 0;

    list-style: none;

}

.getTouch > li, .getTouchSidebar > li {

    line-height: 20px;

    margin-bottom: 15px;

    padding: 0 0 0 35px;

    position: relative;

}

.getTouch.style2 > li, .getTouchSidebar.style2 > li {

     padding: 0 0 0 50px;

}

.getTouch > li i {

    font-size: 16px;

    position: absolute;

    top: 0;

    left: 0;

    color: #666666;

}

.getTouch > li i.fa-2x {

    font-size: 26px;

}

.getTouch.style2 > li i {

    text-align: center;

    width: 40px;

}

.getTouchSidebar > li {

    padding-left: 85px;

    margin: 0 0 20px;

}

.getTouchSidebar > li i {

    position: absolute;

    top: 0;

    left: 0;

    font-style: normal;

}

/**** Start Twitter ***/

.cs-latest-twitter {

    position: relative;

    padding: 0 60px;

}

.cs-latest-twitter .cs-header {

    margin: 0;

}

.cs-latest-twitter .cs-latest-twitter-item {

    text-align: center;

    color: #fff;

}

.cs-latest-twitter .avatar i {

    font-size: 40px;

    margin-bottom: 10px !important;

}

.cs-latest-twitter .bx-controls-direction a {

    height: 35px;

    line-height: 35px;

    margin: 0;

    text-align: center;

    width: 35px;

    display: block;

    background: rgba(0, 0, 0, 0.05);

    position: absolute;

    top: 32%;

    outline: none;

    -webkit-border-radius: 3px;

       -moz-border-radius: 3px;

        -ms-border-radius: 3px;

         -o-border-radius: 3px;

            border-radius: 3px;

    -webkit-transition: all 300ms linear 0ms;

       -moz-transition: all 300ms linear 0ms;

         -o-transition: all 300ms linear 0ms;

        -ms-transition: all 300ms linear 0ms;

            transition: all 300ms linear 0ms;

}

.cs-latest-twitter .bx-controls-direction a.bx-prev {

    left: 0;

}

.cs-latest-twitter .bx-controls-direction a.bx-next {

    right: 0;

}

.cs-latest-twitter .bx-controls-direction a i {

    font-size: 23px;

    color: #fff;

    line-height: 35px;

}

.cs-latest-twitter .bx-controls-direction a i:before {

    font-family: FontAwesome;

}



/*** Social Blog ***/

ul.cs_social_items_show {

    margin: 0;

    border: none !important;

    overflow: hidden;

    padding: 10px;

}

ul.cs_social_items_show li {

    margin: 0 0 10px !important;

    width: 50%;

    float: left;

    padding: 0 !important;

}

ul.cs_social_items_show li {

    cursor: pointer;

}

ul.cs_social_items_show li + li {

    border: none !important;

}

.widget_cs_social_widget.style2 {}

.widget_cs_social_widget.style2 ul {

    list-style:none;

}

.widget_cs_social_widget.style2 ul  li{

    display:inline-block;

}

.widget_cs_social_widget.style2 ul  li  a {

  background: #000;

  display: block;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  text-align: center;

  color: #fff!important;

  line-height: 40px; 

}

#footer-top {

    overflow: hidden;

    font-weight: 400;

}



.footer-top .footer-top-1-wrap {

    position: relative;

}



.footer-top .footer-top-1-wrap .footer-top-1-inner:before {

    background: #272727;

    display: inline-block;

    content: '';

    right: -15px;

    position: absolute;

    top: -300px;

    width: 10000px;

    height: 1000px;

    z-index: 0;

    text-align: right;

    height: attr(data-height);

}



@media only screen and (max-width: 980px) {

    .footer-top .footer-top-1-wrap .footer-top-1-inner:before {

        display: none;

    }

}



.footer-top .footer-top-1-wrap .footer-top-1-inner > div {

    position: relative;

    z-index: 5;

}



.footer-top .footer-logo {

    margin-bottom: 18px;

}



.footer-about-wrap {

    font-size: 13px;

}



.footer-about-wrap span {

    display: inline-block;

    line-height: 22px;

}



.footer-about-wrap p {

    color: #b0b0b0;

}



.footer-about-wrap a {

    font-weight: bold;

    text-transform: uppercase;

}



.footer-widget-col.widget_nav_menu ul li a {

    color: #afafaf;

    border-bottom: 1px solid #363636;

    padding: 3px 0;

    font-size: 13px;

}



.footer-widget-col.widget_nav_menu ul li:last-child a {

    border: none;

}



.footer-widget-col.widget_nav_menu ul li a:before {

    content: '\f054';

    padding-right: 15px;

    font-family: FontAwesome;

    font-size: 10px;

}



.footer-top .widget_newslettercustomwidget {

    color: #b0b0b0;

    font-size: 13px;

}



.footer-top .widget_newslettercustomwidget .newsletter {

    margin: 15px 0 10px;

}



.footer-top .widget_newslettercustomwidget .newsletter form {

    position: relative;

}



.footer-top .widget_newslettercustomwidget .newsletter .newsletter-email {

    color: #a3a2a2;

    font-size: 12px;

    font-style: italic;

    text-transform: none;

    height: 33px;

    line-height: 33px;

}



.footer-top .widget_newslettercustomwidget .newsletter .newsletter-submit {

    float: right;

    width: 38px;

    height: 33px;

    border-radius: 0;

    border: none;

    display: block;

    overflow: hidden;

    text-indent: -9999px;

    position: absolute;

    top: 0;

    right: 0;

    background: url(../images/subscribe-button-bg.jpg) no-repeat left center;

    padding: 0;

}



/*

    6.2 Footer bottom

===========================================*/

#footer-bottom [class*="widget_"],

#footer-bottom [class^="widget_"],

#footer-bottom [class*="widget-"],

#footer-bottom [class^="widget-"],

#footer-bottom .widget {

    margin-top: 10px;

}

#footer-bottom [class*="widget_"]:first-child,

#footer-bottom [class^="widget_"]:first-child,

#footer-bottom [class*="widget-"]:first-child,

#footer-bottom [class^="widget-"]:first-child,

#footer-bottom .widget {

    margin-top: 0;

}



.csbody > .back_to_top {

    color: #cdcdcd;

    height: auto;

    position: fixed;

    bottom: -40px;

    margin: 0;

    z-index: 10000;

    -webkit-transition: all 1s ease 1s;

    -moz-transition: all 1s ease 1s;

    -o-transition: all 1s ease 1s;

    transition: all 1s ease 1s;

    right: 25px;

    opacity: 0;

    filter: alpha(opacity=0);

    cursor: pointer;

    -o-border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

}

.csbody > .back_to_top.off{}

.csbody > .back_to_top.on {

    opacity: 1;

    filter: alpha(opacity=100);

    display:block;

    bottom:10px;

}

#back_to_top span {

    width: 38px;

    height: 38px;

    line-height: 38px;

    text-decoration: none;

    -webkit-transition: all .2s ease 0s;

    -moz-transition: all .2s ease 0s;

    -o-transition: all .2s ease 0s;

    background: #202020;

    display: block;

    text-align: center;

    color: #b0b0b0;

    -o-border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

}

#back_to_top span:hover {

    background:rgba(0, 0, 0, 0.60);

    color:#fff;

}

#back_to_top span i {

    font-size: 20px;

    color: #fff;

    -webkit-transition: color .2s ease 0s;

    -moz-transition: color .2s ease 0s;

    -o-transition: color .2s ease 0s;

    line-height: 38px;

}

.stripe-video-wrap{

    position: relative;

}

.stripe-video-wrap video{

    position: absolute;

}



.fixed-content {

    height: 600px;

    max-height: 600px;

    max-width: 100%;

}

.fixed-content .cs-row-container {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

}

.rev_slider_wrapper {

    z-index: 1 !important;

}

/*.entry-content > .wpb_row {

    z-index: 2 !important;

    position: relative;

    background-color: #fff;

}*/

footer.entry-footer {

    background-color: #fff;

    position: relative;

    z-index: 2;

}



.csbody #footer-bottom,

.csbody #footer-bottom .menu-footer-menu-container ul li a {

    font-size: 11px;

}



.csbody #footer-bottom .menu-footer-menu-container ul li a {

    font-size: 11px !important;

    text-transform: uppercase;

    padding: 0 !important;

}



.csbody #footer-bottom .menu-footer-menu-container ul li a:before {

    content: '|';

    display: inline-block;

    padding: 0 10px;

}



.csbody #footer-bottom .menu-footer-menu-container ul li:first-child a:before {

    display: none;

}



/* ==========================================================================

    7. Element and Custom Row VC

========================================================================== */

/*

7.1 Reset Row VC

=====================================*/

.vc_separator {

    margin-bottom: 0 !important;

}

.wpb_row{

    margin-left: -15px;

    margin-right: -15px;

}

.column-border-right > .wpb_wrapper { margin-right: 20px; padding-right: 50px; border-right: 1px solid #eee;}

    /* Default Gallery shortcode */

    .wpb_gallery.cols-4 .wpb_image_grid_ul > li > a{ margin-left: 10px; margin-bottom: 10px;}

    .wpb_gallery.cols-4 .wpb_image_grid_ul > li:nth-child(4n+1) > a{ margin-left: 0;}



/* carousel-control */

.carousel-control span{

    position: absolute;

    top: 50%;

    margin-top: -5px;

}

.carousel-inner > .item{

    width: 100%;

}



.blog-large-image .cs-blog-thumbnail img{

   width: 100%;

}

.client-border .cs-carousel-item{

    border: 1px solid #ddd;

    margin-right: -1px;

    margin-bottom: -1px!important;

}

.client-border .bx-viewport{

    border-right: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

}

.wpb_revslider_element .big-title.color-red {

    color: #f84054;

}

.wpb_revslider_element .small_text p {

    text-shadow: none;

    font-size: 16px;

    font-style: italic;

}

.wpb_revslider_element .btn-primary {

    background: 0 none;

    padding: 15px 40px;

}

/* Style for FORM in Parallax section 

    NOTE: you need add extra class name called parallax-form to row or column or shortcode setting 

*/

.content-area .parallax-form form,

.content-area .parallax-form input[type="text"], 

.content-area .parallax-form input[type="password"], 

.content-area .parallax-form input[type="datetime"], 

.content-area .parallax-form input[type="datetime-local"], 

.content-area .parallax-form input[type="date"], 

.content-area .parallax-form input[type="month"], 

.content-area .parallax-form input[type="time"], 

.content-area .parallax-form input[type="week"], 

.content-area .parallax-form input[type="number"], 

.content-area .parallax-form input[type="email"], 

.content-area .parallax-form input[type="url"], 

.content-area .parallax-form input[type="search"], 

.content-area .parallax-form input[type="tel"], 

.content-area .parallax-form input[type="color"],

.content-area .parallax-form input[type="submit"],

.content-area .parallax-form textarea,

.content-area .parallax-form label,

.content-area .parallax-form select{

    background-color: transparent;

    color: #fff;

    border-color: #fff;

}

.content-area .parallax-form input[type="submit"]{

    height: 35px;

    line-height: 35px;

    display: inline-block;

    padding: 7px 20px;

}



.csbody .wpb_single_image img {

    width: 100%;

}



.exp-videobg-wrap {

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: 999;

}



.csbody .exp-videobg-control-btn i {

    font-size: 45px;

    color: #f7c51e;

    line-height: 170px;

    width: 170px;

    height: 170px;

    background: rgba(255, 255, 255, 0.8);

    border-radius: 50%;

}



.video-bg-custom .exp-videobg-control-btn {

    border-color: rgba(255, 255, 255, 0.4);

    border-radius: 50%;

    border-width: 10px;

    height: 190px;

    line-height: 190px;

    width: 190px;

}



.video-bg-custom .cs-heading-wrap:first-child .custom-position {

    position: absolute;

    width: 100%;

    left: 50%;

    top: -100px;

    -webkit-transform: translate(-50%);

    -ms-transform: translate(-50%);

    -o-transform: translate(-50%);

    transform: translate(-50%);

}



.video-bg-custom .cs-heading-wrap:last-child .cs-heading-tag  {

    position: absolute;

    width: 100%;

    top: 170px;

    left: 50%;

    -webkit-transform: translate(-50%);

    -ms-transform: translate(-50%);

    -o-transform: translate(-50%);

    transform: translate(-50%);

}



/* Fix Animation */ 

.wpb_fade-in.wpb_start_animation,

.wpb_scale-up.wpb_start_animation{

    opacity: 1;

}

.col-shortcode-icon {

    float: left;

    width: 11.11111111%;

    height: 80px;

    color: #444;

}

.fa.oe-icon-2x {

font-size: 2.85em;

}

/* background video*/

.stripe-video-wrap{

    position: relative;

}

.stripe-video-bg{

    position: absolute!important;

    top: 0;

    left: 0;

    overflow: hidden;

    z-index: 1;

    width: 100%;

    height: 100%;

}

.stripe-video-bg > video {

    visibility: visible;

    width: 100%;

}

.stripe-video-content{

    z-index: 10;

    position: relative;

}

.ww-video-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: block;

    z-index: 9;

}

/*Start Button Play video*/

.stripe-video-wrap video {

    position: absolute;

    left: 50%;

    -webkit-transform: translate(-50%);

    transform: translate(-50%);

}

.stripe-video-wrap .stripe-video-content {

    position: absolute !important;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}

.exp-videobg-control-btn {

    background-position: center center;

    background-repeat: no-repeat;

    border: 1px solid #cccccc;

    color: #ffffff;

    cursor: pointer;

    height: 102px;

    line-height: 102px;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    width: 102px;

}

.exp-videobg-control-btn-normal {

    border-color: rgba(0, 0, 0, 0);

    height: auto;

    line-height: 50px;

    width: auto;

}

.control-btn-circle {

    -webkit-border-radius: 100%;

    border-radius: 100%;

}

.control-btn-small {

    height: 48px;

    line-height: 48px;

    width: 48px;

}

.exp-videobg-control-btn-large {

    height: 102px;

    line-height: 101px;

    margin-bottom: 150px;

    margin-top: 150px;

    position: relative;

    width: 328px;

}

.exp-videobg-control-btn-large .exp-fonts-giant {

    border-right: 1px solid #cccccc;

    display: inline-block;

    padding-left: 30px;

    padding-right: 30px;

}

.exp-videobg-control-btn-large .fa {

    height: 102px;

    line-height: 102px;

    position: relative;

    top: -10px;

    width: 102px;

}

/*End Button Play video*/



/*

7.2 Element Form

=====================================*/

form {

    -webkit-transition: all 300ms linear 0ms;

       -moz-transition: all 300ms linear 0ms;

         -o-transition: all 300ms linear 0ms;

        -ms-transition: all 300ms linear 0ms;

            transition: all 300ms linear 0ms;

}

form:before,

form:after{

    display: block;

    content: "";

    clear: both;

}

form input,

form select,

form button,

form textarea{

    -webkit-transition: all 300ms linear 0ms;

       -moz-transition: all 300ms linear 0ms;

         -o-transition: all 300ms linear 0ms;

        -ms-transition: all 300ms linear 0ms;

            transition: all 300ms linear 0ms;

}

.form-style1 form input,

form.form-style1 input{ background-color: #f5f5f5; height: 42px !important; line-height: 42px !important;}

/*================== Start Style Input ================*/

input[type='text'],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"],

form select
 {

    outline: none;

    display: inline-block;

    padding: 9px;

    letter-spacing: 0.5px;

}

input[type='text'],

input[type="password"],

input[type="email"],

form textarea{

    

}



input[type="radio"],

input[type="checkbox"] {

  margin: 0;

}

input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

}

textarea {

    outline: none;

    width: 100%;

    height: 180px;

    padding: 5px;

    font-weight: normal;

    border:1px solid #eee;

    font-weight: 300;

    letter-spacing: 0.5px;

}

textarea:active,

textarea:focus {

}

input:focus:invalid:focus,

textarea:focus:invalid:focus,

select:focus:invalid:focus {

}

select {

    font-size: 15px;

    padding: 5px;

    height: 37px;

    line-height: normal;

    width: 100%;

}

input::-moz-placeholder, textarea::-moz-placeholder,

input::-webkit-placeholder, textarea::-webkit-placeholder,

input::-o-placeholder, textarea::-o-placeholder,

input::-ms-placeholder, textarea::-ms-placeholder  {

    opacity: 1;

}



.align-center input,

.align-center textarea,

.align-center form *,

.text-center input,

.text-center textarea,

.text-center form *{ text-align: center;}





/* ==========================================================================

8. Support

========================================================================== */

/* Page title bar center */

.page-title-center .cs-breadcrumbs {

    margin-bottom: 17px;

}



.page-title-center .cs-breadcrumbs ul {

    padding: 0;

    display: inline-block;

    text-align: center;

    list-style: none;

    margin-bottom: 0px;

    padding-bottom: 10px;

}



.page-title-center .cs-breadcrumbs ul li {

    display: inline-block;

    text-align: center;

    color: #fff;

}



.page-title-center .cs-breadcrumbs ul li,

.page-title-center .cs-breadcrumbs ul li a {

    font-weight: 300;

}



.widget-area .widget.widget_recent_entries ul li a,

.widget-area .widget.widget_recent_comments ul li a {

    text-transform: none;

}



.widget-area .widget.widget_rss ul li a:before,

.widget-area .widget.widget_recent_comments ul li a:before {

    content: '';

    padding: 0;

}



.widget-area .widget.widget_rss ul li {

    margin-bottom: 15px;

}



/* Audio playlist style */

.audio-trans-bg .wp-playlist {border:0; padding: 0; margin: 0; background: transparent;}

.audio-trans-bg .wp-playlist-current-item{ height: auto;}

.audio-trans-bg .wp-playlist-light .wp-playlist-caption{ color: #fff;}



/* Custom Element */

.header-top .header-contact-info li i {

    padding-right: 5px;

}



.header-top .header-contact-info li:first-child {

    margin-right: 30px;

}



.csbody .cs-social.default li {

    margin-left: 24px;

    margin-right: 0;

}



.csbody .cs-social.default li a {

    display: block;

    line-height: 1;

    font-size: 20px;

    color: #f8ebc0;

}



.csbody .cs-social.default {

    line-height: 1;

}



.csbody .cs-social.default li a:hover i {

    color: #fff;

}



.cshero-menu-dropdown > ul > li {

    float: left;

    margin-right: 1px;

}



/*.cshero-menu-dropdown > ul > li > a:after {

    content: "|";

    position: absolute;

    right: 0;

    top:-1px;

    color: gray;

}



.cshero-menu-dropdown > ul > li > a::before {

    background: transparent;

    bottom: -5px;

    content: "";

    display: block;

    height: 5px;

    left: 0;

    position: absolute;

    width: 100%;

}

*/

.csbody .cshero-menu-dropdown ul li:not(.group) > ul.sub-menu, 

.csbody .menu-pages .menu > ul li ul {

    box-shadow: none;

    background: transparent;

}



.page-title-center .cs-breadcrumbs .cs-breadcrumbs-inner {

    border-bottom: 1px solid #fff;

    position: relative;

    display: inline-block;

}



.page-title-center .cs-breadcrumbs .cs-breadcrumbs-inner:before {

    content: "";

    display: block;

    height: 1000000px;

    left: 50%;

    position: absolute;

    top: 27px;

    width: 1px;

    border-left: 1px solid #fff;

}



.cs-portfolio-list-details li h5 {

    margin-top: 30px;

    margin-bottom: 0;

}



.cs-portfolio-meta .cs-social {

    margin-bottom: 30px;

    margin-top: 10px;

}



.cs-portfolio-meta .cs-social li {

    margin: 0 10px 0 0;

}



.cs-portfolio-meta .cs-social li a {

    border: 2px solid #696969;

    background: #fff;

    display: block;

    width: 38px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    border-radius: 50%;

    font-size: 16px;

    color: #969696;

}



.cs-portfolio-meta .cs-social li a:hover {

    background: #696969;

    color: #fff;

}



/* Sing Portfolio Navigation */

.cs-portfolio-navigation .post-navigation {

    padding-top: 30px;

    margin-top: 50px;

    border-top: 1px solid #dbdbdb;

    border-bottom: none;

    padding-bottom: 80px;

    margin-bottom: 0;

}



.post-details-footer .navigation a,

.cs-portfolio-navigation .post-navigation a {

    display: inline-block;

    width: 46px;

    height: 46px;

    line-height: 40px;

    text-align: center;

    border: 2px solid #969696;

    font-size: 40px;

    color: #969696;

}



.post-details-footer .navigation a i,

.cs-portfolio-navigation .post-navigation a i {

    padding: 0;

}



.post-details-footer .navigation a:hover,

.cs-portfolio-navigation .post-navigation a:hover {

    color: #000;

}



.custom-heading-wrap {

    position: relative;

}



.cs_custom_heading {

    margin-bottom: 0 !important;

}



.csbody .ignition-custom-heading:before {

    background: #f5f5f5 url(../images/bg-shortcode-title.png) repeat-y top right;

    content: "";

    display: inline-block;

    height: 100%;

    left: -996px;

    position: absolute;

    top: 0;

    width: 1000px;

}



.csbody .ignition-custom-heading.bg-white:before {

    background: url(../images/bg-shortcode-title-white.png) repeat-y top right;

}



.csbody .ignition-custom-heading .cs-heading-tag {

    padding-left: 20px;

    margin-bottom: 0;

}



.csbody .ignition-custom-heading .sub-heading {

    color: #696969;

    font-size: 17px;

    line-height: 1.4;

    padding-left: 20px;

    font-weight: 300;

    margin-top: 15px !important;

}



.csbody .cshero-portfolio {

    margin: 0 -15px;

}



.header-wrapper .widget_searchform_content input[type="text"] {

    padding: 5px;

    line-height: 20px;

    text-indent: 0;

}



.header-wrapper .widget_searchform_content input[type="submit"] {

    width: 96px;

    display: inline-block;

    text-align: center;

    text-transform: none;

    padding: 5px;

    line-height: 17px;

}



.header-wrapper .widget_searchform_content input[type="submit"]:hover,

.header-wrapper .widget_searchform_content input[type="submit"]:focus {

    background: #969696;

    border-color: #969696;

}



.csbody .progressbar-layout1 .progress-bar, 

.csbody .progress.vertical.layout1 .progress-bar {

    font-size: 13px;

    font-weight: bold;

    line-height: 1;

}







.csbody .tp-leftarrow.custom .tp-arr-allwrapper::before, 

.csbody .tp-rightarrow.custom .tp-arr-allwrapper::before {

    font-size: 55px;

    color: #fff;

    width: 75px;

    height: 75px;

    line-height: 75px;

    text-align: center;

    background: rgba(255, 255, 255, 0.5);

}



.csbody .tp-leftarrow.custom .tp-arr-allwrapper:hover:before, 

.csbody .tp-rightarrow.custom .tp-arr-allwrapper:hover:before {

    background: rgba(255, 255, 255, 0.8);

    color: #000;

}



.custom-position-contact {

    background: none repeat scroll 0 0 #fff;

    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);

    position: relative;

    top: -100px;

}



.contact-page input.wpcf7-submit.contact-submit {

    margin-top: 20px;

    margin-right: -5px;

    border-width: 1px;

}



.cshero-masonry-post .post,

.cshero-masonry-post .page {

    padding: 0 15px 30px !important;

}



.cshero-masonry-post .post .cs-blog,

.cshero-masonry-post .page .cs-blog {

    margin-bottom: 0;

}



.cshero-team .cshero-team-image img {

    width: 100%;

}



.csbody .btn {

    box-shadow: none;

}



.searchform input#s,

.searchform input[type="text"] {

    line-height: normal;

}



@media only screen and (max-width: 1200px) and (min-width: 768px) {

    .csbody #cshero-header ul.cshero-dropdown > li > a, 

    .csbody #cshero-header .menu-pages .menu > ul > li > a {

        padding: 0 8px;

    }

}



@media only screen and (max-width: 768px) {

    .cshero-masonry-post .post,

    .cshero-masonry-post .page {

        width: 100% !important;

    }

    #header-top .header-top-1,

    #header-top .header-top-2,

    #cs-bottom-wrap .bottom-top-1,

    #cs-bottom-wrap .bottom-top-2 .cs-social,

    #footer-bottom .footer-bottom-1,

    #footer-bottom .footer-bottom-2,

    .home-video-slider #header-top ul {

        text-align: center !important; 

    }



    #cs-bottom-wrap .bottom-top-1 {

        margin-bottom: 15px;

    }



    #cs-bottom-wrap .bottom-top-2 .cs-social li {

        margin: 0 12px;

    }



    .home-video-slider .fancybox-layout3 .cshero-fancybox-image {

        width: 100%;

    }



    .metro-theme-wrap .vc_col-sm-7,

    .metro-theme-wrap .vc_col-sm-5,

    .metro-theme-wrap .vc_col-sm-7 h4 {

        width: 100% !important;

        text-align: center;

    }



    .metro-theme-wrap .vc_col-sm-5 {

        margin-top: 15px;

    }

}



@media only screen and (max-width: 768px) and (min-width: 481px) {

    .services-box-wrap .cshero-fancybox-image {

        margin-right: 30px;

    }

}



@media only screen and (min-width: 768px) and (max-width: 900px) {

    .custom-pie-wrap .cs-row-container .row .vc_col-sm-3 {

        width: 50% !important;

        margin-bottom: 30px;

    }

}



.cs-related .cshero-nav ul li a {

    padding: 0;

}



.cs-related .cshero-nav ul li a i {

    font-size: 25px;

}



.cs-related .cshero-nav ul li a:hover i {

    color: #fff;

}



.cshero-team .cshero-carousel-list .cshero-team-social a {

    line-height: 36px !important;

}







/* Custom style */

.cshero-fancybox-wrap.fancybox-layout1:hover .fancy-icon {

    background-color:#f7c51e !important;

    border-color:#f7c51e !important;

    color:#ffffff !important;

}



.cshero-fancybox-wrap.fancybox-layout1 .fancy-icon.icon-hover-style-1:after{

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

    background-color:#f7c51e;

    border-width:2px;

    border-style:solid;

    border-color:#f7c51e;

}



.cshero-fancybox-wrap.fancybox-layout1 .content {

    color: #696969;

}



.cshero-fancybox-wrap.fancybox-layout1:hover .content {

    color: #000;

}



.cshero-fancybox-wrap.fancybox-layout1:hover .cshero-title-main {

    color: #f7c51e;

}



.cs-content-related-items .cshero-nav ul li a {

    background: #e9e9e9;

}



.csbody .fullcoveredvideo video, 

.csbody .fullscreenvideo video {

    background: 0 none !important;

}



/* Home video slider */

.home-video-slider .cshero-menu-dropdown > ul > li > a::after {

    color: #fff;

}



.home-video-slider .header-contact-info {

    list-style: none;

    margin: 0;

    padding: 0;

    text-align: right;

}



.home-video-slider .header-contact-info li {

    display: inline-block;

    color: #fff;

}



.home-video-slider .header-contact-info li:first-child {

    margin-right: 30px;

}



.home-video-slider .header-contact-info li a {

    color: #fff;

}



.home-video-slider .header-contact-info li i {

    padding-right: 5px;

}



.home-video-slider #cshero-header .main-menu-wrap ul.cshero-dropdown > li > a,

.home-video-slider #cshero-header .main-menu-wrap .cshero-header-content-widget  a{color:#ffffff;}

.home-video-slider #cshero-header .main-menu-wrap ul.cshero-dropdown > li.current-menu-item > a,

.home-video-slider #cshero-header .main-menu-wrap ul.cshero-dropdown > li.current-menu-ancestor > a,

.home-video-slider #cshero-header .main-menu-wrap ul.cshero-dropdown > li > a:active,

.home-video-slider #cshero-header .main-menu-wrap ul.cshero-dropdown > li > a.active{

    color:#f7c51e;

    background-color:rgba(255,255,255,0);

}

.home-video-slider #cshero-header .main-menu-wrap ul.cshero-dropdown > li > a:hover,

.home-video-slider #cshero-header .main-menu-wrap ul.cshero-dropdown > li > a:focus,

.home-video-slider #cshero-header .main-menu-wrap ul.cshero-dropdown > li:not(.group):hover > a,

.home-video-slider #cshero-header .main-menu-wrap ul.cshero-dropdown > li:not(.group):focus > a,

.home-video-slider #cshero-header .main-menu-wrap ul.cshero-dropdown > li:not(.group):active > a,

.home-video-slider #cshero-header .main-menu-wrap ul.cshero-dropdown > li:not(.group):visited > a{

    color:#f7c51e;

    background-color:rgba(255,255,255,0);

}



.home-video-slider .header-wrapper {

    background: 0 none;

    position: absolute;

    top: auto;

    width: 100%;

    height: auto;

}



.home-video-slider #header-top {

    color: #fff;

    background: rgba(255,255,255,0);

}



.home-video-slider #header-top a {

    color: #fff;

}



.home-video-slider .fancybox-layout3 .cshero-read-more a {

    color: #696969;

    font-family: Montserrat;

    font-size: 15px;

    font-weight: 700;

    margin-top: 14px;

    text-transform: uppercase;

    display: inline-block;

} 



.home-video-slider .fancybox-layout3 .cshero-read-more a:after {

    content: '\f178';

    font-family: FontAwesome;

}