/* Template Options */

/*
	--//-- 1. Color Options --//--

	- Theme color - 40b7b8 (rgba - 64,183,184);
	- Body background color - f7f7f7;
	- Sidebar background color - f0f1f2;
	- Header background color - ffffff;
	- Header border color - ececec;
	- Slogan color - 434343;
	- Slogan border color - bebebe;
	- Main menu text color - 343434;
	- Sub-menu background color - ffffff;
	- Sub-menu border color - e6e6e6;	
	- Sub-menu text color - 444444;	
	- Main text color - 444444;
	- Heading color - 222222;
	- Content block background color - ffffff;
	- Content block border color - e6e6e6;
	- Footer background color - ffffff;
	- Footer border color - e6e6e6;
	- Footer copyright color - 434343;
		
	
	--//-- 2. Theme Fonts --//--
   
	- Main font - PT Sans;
	- Headers font - Roboto;
	
*/
	
/* Default background color */
body, .shortcode_tab_item_title, .ww_block canvas, #whaterwheel {
    background: #ffffff;
}

/* Sidebar background color */
.bg_sidebar {
	background:#f0f1f2;
}

/* Header background color & border color */
.main_header {
	background:transparent;
	opacity: 0.7;
	border-bottom:#ececec 0px solid;
}
.medsoc {
    opacity: 0.7;
}

/* Header Search */
.header_search input {
	background:#ffffff!important;
	border:#ececec 1px solid!important;
}
.main_header nav .search_fadder {
	background:rgba(255,255,255,0);
}
.main_header.search_on nav .search_fadder {
	background:rgba(255,255,255,1);
}

/* Slogan */
.logo_sect .slogan {
	border-left:#bebebe 1px solid;
	color:#434343;
}
#share-button {
        top: 12%;
}
@media only screen and (max-width: 600px) {
    #share-button {
        top: 20% !important;
    }
}

@media only screen and (min-width: 501px) and (max-width: 799px)  {
    #share-button {
        top: 18% !important;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1024px)  {
    #share-button {
        top: 14% !important;
    }
}

/* Menu */
.main_header nav ul.menu > li > a {
	color:#343434;
}
.main_header.main-full ul.mobile_menu li a {
	color:#000;
	text-transform: uppercase;
}
.main_header ul.mobile_menu li a {
	color:#fff;
	text-transform: uppercase;
}
ul.mobile_menu.heavy li a {
	color:#fff!important;
	text-transform: uppercase;
}
.main_header nav ul.menu .sub-menu {
	background:#ffffff;
	border:#e6e6e6 1px solid;
}
.main_header nav ul.menu > li > .sub-menu:before {
	border-bottom:#ffffff 5px solid;
}
.main_header nav ul.menu > li > .sub-menu:after {
	border-bottom:#e6e6e6 5px solid;
}
.main_header nav .sub-menu a {
	color:#444444;
}
ul.mobile_menu .sub-menu a {
	color:#444444!important;
}

/* Footer */
footer {
	background:#f7f7f7;
	border-top:#e6e6e6 1px solid;
}
footer .copyright {
	color:#434343;
}

/* Selection background */
::selection {background:#b7b7b7;
}
::-moz-selection {background:#b7b7b7;
}

/* Typography & Shortcodes */
h5.shortcode_accordion_item_title,
h5.shortcode_toggles_item_title,
h5.shortcode_accordion_item_title.state-active {
	color:#444444!important;
}
h5.shortcode_accordion_item_title,
h5.shortcode_toggles_item_title,
.featured_posts .item_wrapper,
.featured_portfolio .item_wrapper,
.columns1 .gallery_item_wrapper,
.list-of-images .gallery_item_wrapper,
.shortcode_tab_item_title:hover,
.shortcode_tab_item_title.active,
.all_body_cont,
.shortcode_messagebox,
.price_item,
.before-after,
.promoblock_wrapper,
.module_team .item,
.post_preview_wrapper,
.box_date .box_day,
.pagerblock li a,
.blog_post_page,
.blogpost_user_meta,
.portfolio_item_block,
.fw_preview_wrapper,
.cont_gallery_wrapper,
.fw-blog_post-footer,
.sp-blog_post-footer,
.load_more_works,
.notification_error,
.notification_ok {
	background: #ffffff;
	border:#e6e6e6 1px solid;
}

.notification_error:after,
.notification_ok:after {
	background: #e6e6e6;
}

.shortcode_tab_item_title {
	border:#e6e6e6 1px solid;
}
.shortcode_messagebox:before {
	background:#e6e6e6;
}
.shortcode_tab_item_title.active:before,
.beforeAfter_wrapper .result_line:after,
.beforeAfter_wrapper .result_line:before,
.fw_content_wrapper {
	background: #ffffff;
}
.price_item .price_item_title {
	border-bottom:#e6e6e6 1px solid;
}
p, td, div,
.blogpost_share a:hover,
.optionset li.selected a,
.btn_back,
.widget_nav_menu ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_categories ul li a,
.widget_recent_entries ul li a,
.widget_meta ul li a {
	color:#444444;
	font-weight:400;
}
a:hover,
.chart,
.blogpreview_top .listing_meta span a:hover,
.pagerblock li a,
.prev_next_links div a:hover,
.prev_next_links div a:hover:before,
.prev_next_links div a:hover:after,
.ltl_next,
.ltl_prev,
.widget_posts .post_title {
	color:#444444;
	font-weight:400;
}
.slider_data h6,
.slider_info .listing_meta a:hover {
	color:#444444!important;
}
.main_header nav ul.menu > li > a {
	color:#343434;
}
.main_header nav ul.sub-menu li a {
	color:#444444;
}
.main_header nav ul.sub-menu > li:hover > a,
.main_header nav ul.sub-menu > li.current-menu-item > a,
.main_header nav ul.sub-menu > li.current-menu-parent > a,
.iconbox_wrapper .ico i,
.shortcode_iconbox a:hover .iconbox_body,
.shortcode_iconbox a:hover .iconbox_body p,
.shortcode_iconbox a:hover .iconbox_title,
a,
blockquote.shortcode_blockquote.type5:before,
.main_header nav ul.menu > li:hover > a,
.main_header nav ul.menu > li.current-menu-ancestor > a,
.main_header nav ul.menu > li.current-menu-item > a,
.main_header nav ul.menu > li.current-menu-parent > a,
.dropcap.type2,
.dropcap.type5,
.featured_items_title a:hover,
.shortcode_tab_item_title:hover,
.counter_wrapper .ico_wrapper i,
.most_popular .price_item_cost h1,
.most_popular .price_item_cost h4,
.pagerblock li a:hover,
.blogpost_title a:hover,
.optionset li a:hover,
.portfolio_content h6 a:hover,
.portfolio_dscr_top a:hover,
.grid-port-cont h6 a:hover,
.btn_back:hover,
.fs_sharing a:hover,
.count_ico:hover i,
.ltl_prev:hover,
.ltl_next:hover,
.widget_nav_menu ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_categories ul li a:hover,
.widget_categories ul li.current-menu-item a,
.widget_recent_entries ul li a:hover,
.widget_meta ul li a:hover,
.widget_posts .post_title:hover {
	color:#b7b7b7;
}
h5.shortcode_accordion_item_title:hover,
h5.shortcode_toggles_item_title:hover,
.comment-reply-link:hover:before,
.comment_info a:hover,
.portfolio_dscr_top a:hover,
ul.mobile_menu > li:hover > a,
ul.mobile_menu > li.current-menu-ancestor > a,
ul.mobile_menu > li.current-menu-item > a,
ul.mobile_menu > li.current-menu-parent > a,
.mobile_menu ul.sub-menu > li:hover > a,
.mobile_menu ul.sub-menu > li.current-menu-item > a,
.mobile_menu ul.sub-menu > li.current-menu-parent > a {
	color:#b7b7b7!important;
}
.highlighted_colored,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.shortcode_button.btn_type5,
.shortcode_button.btn_type1:hover,
.shortcode_button.btn_type1_dark:hover,
.shortcode_button.btn_type4:hover,
.main_header nav ul.menu > li > a:before,
h5.shortcode_accordion_item_title:hover .ico:before,
h5.shortcode_toggles_item_title:hover .ico:before,
h5.shortcode_accordion_item_title:hover .ico:after,
h5.shortcode_toggles_item_title:hover .ico:after,
.box_date .box_month,
input[type="button"],
input[type="reset"],
input[type="submit"],
.search404 .search_button,
.preloader:after {
	background-color: transparent;
    border: 0px solid #e2e3e4;
    color: #222;
    transition: 0.4s
}
#mc_signup_submit:hover {
	background-color:#b7b7b7!important;
}
.shortcode_button.btn_type4:hover {
	box-shadow:inset 1px 1px 0 #b7b7b7, inset -1px -1px 0 #b7b7b7, inset 0 -1px 0 #b7b7b7, inset -1px 0 0 #b7b7b7;
}
blockquote.shortcode_blockquote.type5 .blockquote_wrapper,
.widget_tag_cloud a:hover,
.columns2 .portfolio_item .portfolio_item_wrapper h5,
.columns3 .portfolio_item .portfolio_item_wrapper h5,
.columns4 .portfolio_item .portfolio_item_wrapper h5,
.fs_blog_top,
.simple-post-top,
.widget_search .search_form,
.module_cont hr.type3,
blockquote.shortcode_blockquote.type2 {
	border-color:#b7b7b7;
}
.widget_flickr .flickr_badge_image a .flickr_fadder {
	background:rgba(64,183,184,0);
}
.widget_flickr .flickr_badge_image a:hover .flickr_fadder {
	background:rgba(64,183,184,0.6);
}

/* Fonts Families and Sizes */
* {
	font-family:PT Sans;
	/*font-weight:400;*/
}
body {
	font-family:PT Sans;
	font-weight:400;
}
p, td, div,	blockquote p, input {
	font-size:14px;
	line-height:22px;
}
.main_header nav ul.menu > li > a {
    font-size: 16px;
    line-height: 15px;
	color: #FFF;
	font-weight: bold;
}
.main_header nav ul.menu.menu-twenty > li > a {
    font-size: 16px;
    line-height: 15px;
    color: #000000;
    font-weight: bold;
}
h1, h2, h3, h4, h5, h6,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-family: Roboto;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	text-decoration:none!important;
	padding:0;
	color:#222222;
}
.sidebar_header {
	font-family:PT Sans;
}
.load_more_works {
	font-family: Roboto;
	color:#222222;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
}
.box_date span,
.countdown-row .countdown-section:before,
.countdown-amount,
.countdown-period {
	font-family: Roboto;
}
.iconbox_header .ico i,
.title,	.comment-reply-link:before,
.ww_footer_right .blogpost_share span {
	color:#222222;
}
a.shortcode_button,
.chart.easyPieChart,
.chart.easyPieChart span,
input[type="button"],
input[type="reset"],
input[type="submit"],
.search404 .search_button {
	font-family: Roboto;
}
h1, h2, h3, h4, h5, h6,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	font-weight:400;
}
h4,	h4 span,
h4 a,
h4 a:hover,
h3.comment-reply-title {
	font-weight:500;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-weight:900;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
}
h1, h1 span, h1 a {
	font-size:26px;
	line-height:28px;
}
h2, h2 span, h2 a {
	font-size:22px;
	line-height:24px;
}
h3, h3 span, h3 a {
	font-size:20px;
	line-height:22px;
}
h4, h4 span, h4 a, 	h3.comment-reply-title {
	font-size:16px;
	line-height:18px;
}
h5, h5 span, h5 a {
	font-weight: bold;
	font-size:20px;
	line-height:16px;
}
h6, h6 span, h6 a,
.comment_info h6:after {
	font-size:13px;
	line-height:15px;
}
@media only screen and (max-width: 760px) {
	.fw_content_wrapper {
		background:#f7f7f7!important;
	}
}
.sp_post .blogpost_title {
    margin: 0 10px;
    border-bottom: none;
    padding-right: 50px;
}
.navbar-custom {
	position: fixed;
    z-index: 999999;
    width: auto;
    bottom: 25px;
    left: 15px;
    text-align: left;
}
ul li:before {
    content: "";
}
@media only screen and (max-width: 1440px){
	.fs_grid_gallery.is_masonry .grid-gallery-item {
		width: 33.3%;
		float: left;
	}
}
.main-full{
        opacity: 1;
}
.main_header.main-full nav ul.menu.menu-twenty > li > a {
    font-weight: bold !important;
}
.main_header.main-full nav ul.menu.menu-twenty > li > a:hover {
    color: rgb(118, 118, 118);
}

.collection-type-gallery #galleryWrapper .gallery-controls {
	position: initial;
	left: auto;
	width: auto;
	top: auto;
	display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.collection-type-gallery #galleryWrapper .gallery-controls .grid-icon {
    position: absolute;
    top: auto;
    right: 0;
}

.media_wrap a {
    display: inline;
    text-decoration: none !important;
}
.main_content a {
    display: inline-block;
    zoom: 1;
}
.overlay_ctrl {
    background-color: #000;
    background-color: rgba(0,0,0,0.3);
}
.media_overlay_hint {
    right: 8px;
    top: 8px;
}
.media_overlay_hint {
    position: absolute;
    width: 44px !important;
    height: 44px !important;
}
.media_size {
    padding: 20px 40px;
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

/*SHARE BUTTON*/
.resp-sharing-button--twitter {
  background-color: #fefefe;
  -webkit-transition:background 0.5s;
-moz-transition:background 0.5s;
-o-transition:background 0.5s;
transition:background 0.5s
}

.resp-sharing-button--facebook {
  background-color: #fefefe;
  -webkit-transition:background 0.5s;
-moz-transition:background 0.5s;
-o-transition:background 0.5s;
transition:background 0.5s
}

.resp-sharing-button--linkedin {
  background-color: #fefefe;
  -webkit-transition:background 0.5s;
-moz-transition:background 0.5s;
-o-transition:background 0.5s;
transition:background 0.5s
}

/* The SHARE MODAL (background) */
.share-modal-window {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.15);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.share-modal-window:target {
  opacity: 1;
  pointer-events: auto;
}

.share-modal-window>div {
  width: 400px;
  position: relative;
  margin: 25% auto;
  padding: 2rem;
  background: #fff;
  color: #444;
}

.share-modal-window header {
  font-weight: bold;
}

.share-modal-close {
  color: #aaa;
  line-height: 50px;
  font-size: 80%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 70px;
  text-decoration: none;
}

.share-modal-close:hover {
  color: #000;
  cursor:pointer;
}

.share-modal-window h1 {
  font-size: 150%;
  margin: 0 0 15px;
}

#modal-overlay {
    position: fixed; /* Sit on top of the page content */
    opacity: 0; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 0; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}
.fs_slider_prev {
    padding-right: 8px;
}
.fs_pause {
    padding: 0 8px;
}
.fs_slider_next {
    padding-left: 8px;
}
.fs_thmb_viewport {
    display: none !important;
}
/*.collection-type-gallery .thumb-list .thumb{*/
/*    height: auto!important;*/
/*    padding-top:14%;*/
/*}*/
@media only screen and (max-width: 995px) {
    .collection-type-gallery .thumb-list .thumb {
        /*height: 230px !important;*/
    }
    .main_wrapper{
        padding-top: 0px;
    }
}

.fs_controls{
    right: 20px;
}
@media only screen and (max-width: 799px) {
    .collection-type-gallery .thumb-list .thumb {
        /*height: 260px !important;*/
        width: 100%;
    }
    .fullscreen_block .fw_preview_wrapper {
        margin: 0px !important;
    }
    .fullscreen_block {
        padding: 0px 20px 0px 20px;
    }
    .fs_controls {
        bottom: 28px;
        right: 18px;
    }
}
@media only screen and (max-width: 599px){
    .collection-type-gallery .thumb-list .thumb {
        /*height: 200px !important;*/
    }
}
@media only screen and (max-width: 450px){
    .collection-type-gallery .thumb-list .thumb {
        /*height: 150px !important;*/
    }
}
@media only screen and (max-width: 420px){
    .collection-type-gallery .thumb-list .thumb {
        /*height: 270px !important;*/
    }
}
@media only screen and (max-width: 320px){
    .collection-type-gallery .thumb-list .thumb {
        height: 200px !important;
    }
}
.gallery-controls.gc-align-center{
    display: flex !important;
    align-items: center !important;
}
@media only screen and (max-width: 600px){
    .gallery-controls.gc-align-center{
        display: none!important;
    }
    #slideshowWrapper.ssw-custom-mobile{
        padding:24px;
    }
    #slideshowWrapper.ssw-custom-mobile > .slideshow > .slide img{
        margin-bottom:0px!important;
    }
}
.title-gallery{
    max-width: 480px!important;
    margin: 0 auto!important;
    padding: 24px!important;
}

@media only screen and (max-width: 420px) {
    .collection-type-gallery .thumb-list .thumb {
		width: 100% !important;
	}
	.main_wrapper {
        padding: 0;
    }
    .gallery_item_wrapper {
        /*height: 210px !important;*/
    }
    .title-gallery h1{
        font-size: 24px!important;
    }
    .title-gallery p{
        font-size: 13px!important;
        line-height: 21px!important;
    }
}

.custom-mobile-contact{
    background:#ffffff!important;
    padding: 16px!important;
    box-sizing: border-box;
}

.send-button{
    background: #000000!important;
    color: #ffffff!important;
    padding: 16px!important;
    line-height:normal!important;
    height: auto!important;
}
.send-button:hover{
    background: #444444!important;
}
.send-button:active{
    transform:translateY(4px)!important;
}
.logo_sect{
    padding-top: 8px!important;
}

.arrow-next-icon,.arrow-previous-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.arrow-next-icon {
    background-image: var(--bg-arrow-right);
}

.arrow-previous-icon {
    background-image: var(--bg-arrow-left);
}

.arrow-next,.arrow-previous {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: all .3s ease;
}

.arrow-next {
    right: 0;
}

.arrow-previous:hover,.arrow-next:hover {
    opacity: 1;
}

.arrow-previous {
    left: 0;
}