/* start webnus edit */ .text-left, .vc_align_left { text-align: left; } .text-right, .vc_align_right { text-align: right; } .text-center, .vc_align_center { text-align: center; } .vc_container { margin-right: auto; margin-left: auto; padding-left: 10px; /* webnus */ padding-right: 10px; /* webnus */ } .vc_container:before, .vc_container:after { content: " "; display: table; } .vc_container:after { clear: both; } .vc_container:before, .vc_container:after { content: " "; display: table; } .vc_container:after { clear: both; } .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 35px; } .wpb_row { margin-left: -10px; /* webnus */ margin-right: -10px; /* webnus */ } @media (min-width: 1200px) { .wpb_row { margin-left: -15px; /* webnus */ margin-right: -15px; /* webnus */ } } .wpb_row:before, .wpb_row:after { content: " "; display: table; } .wpb_row:after { clear: both; } .wpb_row:before, .wpb_row:after { content: " "; display: table; } .wpb_row:after { clear: both; } @media (max-width: 767px) { .wpb_row .wpb_column { margin-bottom: 20px; /* webnus */ } } @media (max-width: 767px) { .wpb_row > :last-child, .wpb_row > :last-child > .wpb_column { margin-bottom: 0; } } /* webnus columns fix start */ .wpb_row.full-row .vc_span12, .wpb_row.full-row .vc_col-sm-12, .wpb_row.full-row .vc_col-md-12, .wpb_row.full-row .vc_col-lg-12 { padding:0;} .wpb_row.full-row .wpb_column .vc_span12, .wpb_row.full-row .wpb_column .vc_col-sm-12, .wpb_row.full-row .wpb_column .vc_col-md-12, .wpb_row.full-row .wpb_column .vc_col-lg-12 { padding-left: 10px; padding-right: 10px;} .wpb_row .vc_span12 .wpb_row, .wpb_row .vc_col-sm-12 .wpb_row, .wpb_row .vc_col-md-12 .wpb_row, .wpb_row .vc_col-lg-12 .wpb_row { margin-left:-10px; margin-right:-10px; width:auto; } @media only screen and (min-width: 1200px) { .wpb_row .vc_span12 .wpb_row, .wpb_row .vc_col-sm-12 .wpb_row, .wpb_row .vc_col-md-12 .wpb_row, .wpb_row .vc_col-lg-12 .wpb_row { margin-left:-15px; margin-right:-15px; width:auto; } .wpb_row.full-row .vc_span12, .wpb_row.full-row .vc_col-sm-12, .wpb_row.full-row .vc_col-md-12, .wpb_row.full-row .vc_col-lg-12 { padding:0;} .wpb_row.full-row .wpb_column .vc_span12, .wpb_row.full-row .wpb_column .vc_col-sm-12, .wpb_row.full-row .wpb_column .vc_col-md-12, .wpb_row.full-row .wpb_column .vc_col-lg-12 { padding-left: 15px; padding-right: 15px;} } @media only screen and (max-width: 767px) { .wpb_row .vc_span12 .wpb_row, .wpb_row .vc_col-sm-12 .wpb_row, .wpb_row .vc_col-md-12 .wpb_row { margin-left:0; margin-right:0; width:100%; } } .wpb_row [class*="vc_span"] .wpb_row .container, .wpb_row [class*="vc_col"] .wpb_row .container, .container .container, .columns .container, .container.wrapping, .wpb_column .container { width:auto; margin:0; padding:0;} /* webnus columns fix enD */ /* ====== start webnus edit ====== */ /* Webnus Teaser grid */ .wpb_teaser_grid { margin-top:20px;} .wpb_teaser_grid p, .wpb_teaser_grid .entry-content { font-size:13px; font-weight:400; color:#818181; clear:right; line-height:1.8 !important; padding:6px 0 18px;} .wpb_teaser_grid img { width: 100%; border-bottom: 3px solid #eee; margin-bottom:8px; height:auto !important;} .wpb_teaser_grid h2.post-title { font-size:18px; margin-bottom:5px; font-weight:400; line-height:1.3;} .wpb_teaser_grid.wpb_teaser_grid_post h2.post-title {font-size: 23px; font-weight:bold; margin:10px 0;} .wpb_teaser_grid h2.post-title a { color: #2e373d;} .wpb_teaser_grid h2.post-title a:hover { color: #e84a52;} .wpb_teaser_grid ul.wpb_thumbnails-fluid li { padding:0 10px; } @media only screen and (min-width: 1200px) { .wpb_teaser_grid ul.wpb_thumbnails-fluid li { padding:0 15px; } } .wpb_teaser_grid .categories_filter { display:block; margin:14px 10px 24px !important; text-align: center; clear: both; list-style: none outside none;} #main-content .wpb_teaser_grid .categories_filter li a { border-radius: 0; padding: 6px 12px; font-size: 13px; line-height: 1.2; color: #333; font-weight: normal; margin-top: 0; text-align: center; width: auto; border: 2px solid #f0eeed;} #main-content .wpb_teaser_grid .categories_filter li a:hover { border-color: #e84a52; } #main-content .wpb_teaser_grid .categories_filter li.active a, .wpb_teaser_grid .categories_filter li a:active { border: 2px solid #e84a52; color: #e84a52; } .wpb_carousel .wpb_thumbnails-fluid > [class*="vc_span"] { padding-bottom:10px;} .wpb_teaser_grid ul.wpb_thumbnails-fluid li { /*margin-left:0 !important;*/} .teaser-metadata { display:inline-block; color:#888; font-size:12px; /* extent */ font-weight:400; /* extent */ text-transform:lowercase; /* extent */ padding:6px 0px 7px 0; } .teaser-metadata span { padding-right:8px;} .teaser-metadata strong { font-weight:400; color:#a8b1b4;} .wpb_teaser_grid .entry-content {clear:left;} #wrap .wpb_gallery_slides { position:relative;} .wpb_gallery_slides .flex-caption { position:absolute; width:62%; background:rgba(255,255,255,0.97); box-shadow:0 0px 5px rgba(0,0,0,0.05); left:0; right:0; bottom:11%; margin:auto; padding:35px; text-align:center;} .wpb_gallery_slides .flex-caption h2.post-title { font-size: 27px; font-weight:bold; line-height:1.3; letter-spacing: -0.03em; margin-bottom:6px;} .wpb_gallery_slides .flex-caption h2.post-title a { color:#2a2a2a;} .wpb_gallery_slides .flex-caption h2.post-title a:hover { color:#fa5555;} .wpb_gallery_slides .flex-caption a.readmore { font-size:10px; padding:6px 12px; text-transform:uppercase; letter-spacing:1.5px; border-radius: 0; font-weight:600; color:#fff; margin-top:10px; margin-bottom:0; float:none; border:2px solid #fff; text-shadow:0 1px 3px rgba(0,0,0,0.6); box-shadow:0 1px 3px rgba(0,0,0,0.4); display:inline-block;} .wpb_gallery_slides .flex-caption a.readmore:after { content:""; display:none;} .wpb_gallery_slides .flex-caption h6, .wpb_gallery_slides .flex-caption h6 a { font-size:17px; font-weight:400; color:#4a4a4a;} .wpb_gallery_slides .flex-caption h6 a:hover { color:#fa5555; text-decoration:underline;} .wpb_gallery_slides .flex-control-nav { display:none;} .wpb_gallery_slides .flex-direction-nav a { opacity: 0.28; padding:30px 5px;} .wpb_gallery_slides:hover .flex-direction-nav a { opacity: 0.65; } .wpb_gallery_slides .flex-direction-nav a:hover { opacity: 1; } .wpb_gallery_slides .flex-direction-nav .flex-next, .wpb_gallery_slides .flex-direction-nav .flex-prev { border-radius: 0; background:none; border:none; } .wpb_gallery_slides .flex-direction-nav .flex-next { margin-right:5px;} .wpb_gallery_slides .flex-direction-nav .flex-prev { margin-left:3px;} .wpb_gallery_slides .flex-direction-nav a i { width:34px; height:34px; font-size:12px; color:#000; background:#fff; padding:12px 10px 12px 14px; border-radius:33px; display:inline-block;} .wpb_gallery_slides .flex-direction-nav a.flex-prev i { padding:12px;} .wpb_gallery_slides.flexslider:hover .flex-next:hover, .wpb_gallery_slides.flexslider:hover .flex-prev:hover { background:none; } .col-md-4 .wpb_gallery_slides .flex-direction-nav a i { border:none; padding:0;} @media only screen and (max-width: 768px) { .wpb_gallery_slides .flex-caption { padding:20px;} .wpb_gallery_slides .flex-caption h2.post-title { font-size:17px;} .wpb_gallery_slides .flex-caption h6, .wpb_gallery_slides .flex-caption h6 a { font-size:12px;} .wpb_gallery_slides .flex-caption a.readmore { display:none;} .wpb_teaser_grid .categories_filter li, .wpb_categories_filter li { margin-bottom:23px;} } @media only screen and (max-width: 480px) { .wpb_gallery_slides .flex-caption { display:none;} } /* webnus vc carousel */ .vc-carousel-indicators { position: absolute; bottom: -36px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center;} .vc-carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border-radius: 10px; cursor: pointer; border: 1px solid #888; background-color: #888;} .vc-carousel-indicators .vc-active { background-color: transparent; border: 1px solid #666;} .vc-carousel-indicators .vc-partial { opacity: 0.5;} .vc-carousel { position: relative; padding-top:22px;} .vc-carousel .vc-carousel-inner { position: relative; overflow: hidden; width: 100%;} .vc-carousel .vc-carousel-inner .vc-carousel-slideline { position: relative; overflow: hidden;} .vc-carousel .vc-carousel-inner .vc-carousel-slideline .vc-carousel-slideline-inner { left: 0; position: relative; width: 100%;} .vc-carousel .vc-carousel-inner .vc-carousel-slideline .vc-carousel-slideline-inner.vc-transition { -webkit-transition: 0.5s ease left; transition: 0.5s ease left;} .vc-carousel .vc-carousel-inner .vc-carousel-slideline .vc-carousel-slideline-inner.vc-transition.vc-swipe-transition { -webkit-transition-duration: 0.2s; transition-duration: 0.2s;} .vc-carousel .vc-carousel-inner .vc-carousel-slideline .vc-carousel-slideline-inner > .vc-item { float: left; visibility: hidden;} .vc-carousel .vc-carousel-inner .vc-carousel-slideline .vc-carousel-slideline-inner > .vc-item > img, .vc-carousel .vc-carousel-inner .vc-carousel-slideline .vc-carousel-slideline-inner > .vc-item > a > img { display: block; max-width: 100%; height: auto; line-height: 1;} .vc-carousel.vc-per-view-more .vc-carousel-slideline .vc-carousel-slideline-inner > .vc-item > .vc-inner { margin-right:18px; margin-left:2px;} .vc-carousel.vc_carousel_vertical .vc-carousel-slideline { overflow: hidden;} .vc-carousel.vc_carousel_vertical .vc-carousel-slideline .vc-carousel-slideline-inner { width: 100%;} .vc-carousel.vc_carousel_vertical .vc-carousel-slideline .vc-carousel-slideline-inner.vc-transition { -webkit-transition-property: top; transition-property: top;} .vc-carousel.vc_carousel_vertical .vc-carousel-slideline .vc-carousel-slideline-inner .vc-item { float: none;} .vc-carousel.vc_carousel_vertical .vc-carousel-indicators { position: absolute; top: 2%; right: 3%; left: auto; width: 10px;} .vc-carousel.vc_carousel_vertical .vc-carousel-indicators li { display: block; margin: 0 auto 3px; width: 6px; height: 6px;} .vc-carousel.vc_carousel_vertical .vc-carousel-indicators li.vc-active { width: 8px; height: 8px; margin: 0 auto 1px;} .vc-carousel.vc-build .vc-carousel-slideline .vc-carousel-slideline-inner > .vc-item { visibility: visible;} .vc-carousel-control { position: absolute; padding: 0; top: 0; left: 50%; bottom: 0; margin-top: -32px; font-size: 22px; text-align: center;} #wrap .vc-carousel .vc-carousel-indicators { display:none;} #wrap .vc-carousel-control { opacity:1; } #wrap .vc-carousel-control.vc-left {margin-left: -71px; left:50%;} #wrap .vc-carousel-control.vc-right {right: auto; left: 50%; margin-left: -35px;} .vc-carousel-control .icon-prev, .vc-carousel-control .icon-next, .vc-carousel-control .glyphicon-chevron-left, .vc-carousel-control .glyphicon-chevron-right { position: absolute; z-index: 5; display: inline-block;} /* main */ .vc-carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);} .vc-carousel-caption .btn { text-shadow: none;} #wrap .vc_carousel .wpb_wrapper { border-top:1px solid #e9e9e9; padding-top:10px; margin-top:17px; padding-bottom:10px;} #wrap .vc_carousel .vc-carousel-control { top:15px;} #wrap .vc_carousel .vc-carousel-control .icon-prev, #wrap .vc_carousel .vc-carousel-control .icon-next { opacity:1; background-color: #fff; width:36px; height:36px; padding: 10px; border-radius: 50%; right: auto; margin-left: 5px; top: -14px;/* border: 1px solid #acb0b2;*/ border:none; color: #acb0b2;} #wrap .vc_carousel .vc-carousel-control .icon-prev:hover, #wrap .vc_carousel .vc-carousel-control .icon-next:hover { border-color: #e84a52; color: #e84a52; background:#fff;} #wrap .vc_carousel .vc-carousel-control .icon-next:before, #wrap .vc_carousel .vc-carousel-control .icon-prev:before { top:0px; opacity:1; position: absolute; top: 7px; right: 9px; font-family: 'FontAwesome'; font-size: 16px; color: inherit; content: "\f054"; speak: none; font-style: normal; } #wrap .vc_carousel .vc-carousel-control .icon-prev:before { right:11px; content: "\f053"; } #wrap .vc_carousel p { font-size:13px; font-weight:400; color:#666; clear:right; line-height:1.6 !important;} #wrap .vc_carousel img { width: 100%; border-bottom: 3px solid #e2e2e2; margin-bottom:8px; height:auto;} #wrap .vc_carousel h2.post-title { font-size:17px; margin-bottom:7px; margin-top:7px; font-weight:400; line-height:1.3;} #wrap .vc_carousel h2.post-title a { color: #2e373d;} #wrap .vc_carousel h2.post-title a:hover { color: #e84a52;} @media screen and (min-width: 768px) { .vc-carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } } @media screen and (max-width: 767px) { #wrap .vc_carousel .vc-carousel-control { top:9px;} } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */} .clearfix:after { clear: both;} .pull-right { float: right !important;} .pull-left { float: left !important;} .hide { display: none !important;} .show { display: block !important;} .invisible { visibility: hidden;} .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;} /* Wordpress fix. */ .entry-content ol.vc-carousel-indicators { margin: 0 0 0 -30%;} .entry-content .vc_carousel_vertical ol.vc-carousel-indicators { margin: 1px 0 0 0; bottom: auto;} .wpb_images_carousel.carousel .vc-carousel-inner .vc-carousel-slideline .vc-carousel-slideline-inner > .item > a { display: block;} .wpb_images_carousel.carousel .vc-carousel-inner .vc-carousel-slideline .vc-carousel-slideline-inner > .item > a > img { margin: auto;} /* start webnus edit vc common elements */ /** Tabs/Tour Common ---------------------------------------------------------- */ #wrap .wpb_content_element .wpb_tour_tabs_wrapper, #wrap .wpb_content_element .wpb_tabs_nav { padding: 0; } #wrap .ui-widget {font-family: 'Poppins', 'Open Sans', Helvetica, Arial, sans-serif;} #wrap .wpb_content_element .wpb_tabs_nav { margin: 0; padding-left: 0 !important; text-indent: inherit !important; border-bottom: 1px solid #e5e5e5; } #wrap #content .wpb_content_element .wpb_tabs_nav { margin: 0; } #wrap .wpb_content_element .wpb_tabs_nav li { background:#f7f7f7; display:block; margin-bottom:-1px !important; margin-right:-1px !important; line-height: 18px; border: 1px solid #e5e5e5; white-space: nowrap; background-image: none; list-style: none !important; } #wrap .wpb_content_element .wpb_tabs_nav li:after, #wrap .wpb_content_element .wpb_tabs_nav li:before { display: none !important; } #wrap .wpb_content_element .wpb_tabs_nav li:hover { background-color: #fbfbfb; } #wrap .wpb_content_element .wpb_tabs_nav .ui-state-active, #wrap .wpb_content_element .wpb_tabs_nav .ui-state-focus, #wrap .wpb_content_element .wpb_tabs_nav .ui-state-active:hover , #wrap .wpb_content_element .wpb_tabs_nav .ui-state-focus:hover { border-bottom-color:#fff; background:#fff; padding-top:6px; margin-top:-6px;} #wrap .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a { cursor: default; } #wrap .wpb_content_element .wpb_tour_tabs_wrapper .wpb_ui-tabs-hide { display: none; } /** Tabs/Tour/Accordion Common **/ #wrap .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a, #wrap .wpb_content_element .wpb_accordion_header a { border-bottom: none; text-decoration: none; display: block; padding:12px 18px; font-size:13px; color:#555; } #wrap .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, #wrap .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background-color: #fff; border:1px solid #e5e5e5; border-top:none; } #wrap .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab, #wrap .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { padding: 20px; } #wrap .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab > .wpb_content_element:last-child, #wrap .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content > .wpb_content_element:last-child, #wrap .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab .wpb_row:last-child > div > div.wpb_wrapper .wpb_content_element:last-child, #wrap .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content .wpb_row:last-child > div > div.wpb_wrapper .wpb_content_element:last-child { margin-bottom: 0; } /** Tabs **/ #wrap .wpb_tabs .wpb_tabs_nav li { float: left; margin: 0 1px 0 0; } /** Tour **/ #wrap .wpb_tour .wpb_tabs_nav { float: left; display:block; border:none; border-right:1px solid #e5e5e5; padding:40px 0; width: 20%; min-width:98px; } #wrap .wpb_tour .wpb_tabs_nav li { margin: 0 0 1px 0; padding:0; background:#f9f9f9; border:1px solid #e5e5e5; border-left:none; } #wrap .wpb_tour .wpb_tabs_nav .ui-state-active, #wrap .wpb_tour .wpb_tabs_nav .ui-state-focus, #wrap .wpb_tour .wpb_tabs_nav .ui-state-active:hover , #wrap .wpb_tour .wpb_tabs_nav .ui-state-focus:hover { border-bottom-color:#e5e5e5; border-right-color:#fff; background:#fff; padding-top:0; margin-top:0; margin-right:-1px;} #wrap .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav a { text-transform:uppercase; font-size:12px; font-weight:bold; color:#838383; padding:10px; font-family: 'Poppins', 'Open Sans', Helvetica, Arial, sans-serif; } #wrap .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; height:100%; float:left; width:79%; min-width:196px; min-height:160px; display:block; padding: 30px 0 0 21.739130434782606px; } #wrap .wpb_tour_next_prev_nav { width:0px; height:0px; display:none; visibility:hidden; } #wrap .wpb_tour_next_prev_nav a { border-bottom: 1px dotted; text-decoration: none; } #wrap .wpb_tour_next_prev_nav a:hover { text-decoration: none; border-bottom: none; } #wrap .wpb_tour_next_prev_nav span { width: 48%; display: inline-block; padding-top: 1em; float: left; } #wrap .wpb_tour_next_prev_nav span.wpb_next_slide { text-align: right; float: right; } /** Accordion **/ #wrap .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header { margin: 0 0 1px 0; padding-top: 0; position: relative; text-transform: none; font-weight: inherit; font-size: inherit; font-family: inherit; line-height: inherit; letter-spacing: inherit; border:none; cursor: pointer; display: block; margin: 0; } #wrap .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a { display: block; color:#656f78; padding: 36px 14px 16px 38px; letter-spacing:2px; text-transform:uppercase; text-decoration: none; text-shadow: none; font-weight:bold; font-size:17px; font-family: 'Lora', serif; min-height:82px; line-height:1.5; margin-left:37px; } #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { display: block; width: 60px; height: 60px; position: absolute; left: 7px; top:19px; border:2px solid #eee; border-radius:50%; } #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before, #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { content:"+"; display:block; float:left; font-size:23px; margin-left:22px; margin-top:14px; color:#999; font-family: 'Lora', serif;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { content:"-"; margin-left:24px; margin-top:16px; } #wrap .wpb_accordion .wpb_accordion_wrapper:last-of-type { margin-bottom: 20px; } #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active a, #wrap .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:hover { color: #0093d0; } #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active a { background-color: #fff; } #wrap .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { padding:0 20px 30px 74px; } #wrap .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content p {font-size:14px; font-weight:400;} /* tabs_tour_accordion responsive rules */ @media (max-width: 960px) { #wrap .vc_responsive .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav, #wrap .vc_responsive .wpb_tour .wpb_tab, #wrap .vc_responsive .wpb_tour_next_prev_nav { width: 100%; float: none; margin-left: 0; } #wrap .wpb_tabs .wpb_tabs_nav li, #wrap .wpb_content_element .wpb_tabs_nav li, .wpb_tour .wpb_tabs_nav { float:none; margin:0 !important; } #wrap .wpb_content_element .wpb_tabs_nav .ui-state-active, #wrap .wpb_content_element .wpb_tabs_nav .ui-state-focus, #wrap .wpb_content_element .wpb_tabs_nav .ui-state-active:hover , #wrap .wpb_content_element .wpb_tabs_nav .ui-state-focus:hover, #wrap .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { float:none; margin:0 !important; padding-top:0 !important; border-left-color:#ff9900; } #wrap .wpb_tour .wpb_tabs_nav { width:auto; border:none; max-width:100%; } #wrap .wpb_tour .wpb_tabs_nav li { border:1px solid #e5e5e5; } #wrap .wpb_tour .wpb_tabs_nav .ui-state-active, #wrap .wpb_tour .wpb_tabs_nav .ui-state-focus, #wrap .wpb_tour .wpb_tabs_nav .ui-state-active:hover , #wrap .wpb_tour .wpb_tabs_nav .ui-state-focus:hover { border-left:1px solid #ff9900; border-right:1px solid #e5e5e5; } } /* Progress bar ---------------------------------------------------------- */ .vc_progress_bar .vc_single_bar { background: #f7f7f7; position: relative; margin-bottom: 12px; height:11px; margin-top: 50px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; } .vc_progress_bar .vc_single_bar:last-child { margin-bottom: 0; } .vc_progress_bar .vc_single_bar .vc_label { position: relative; display: inline; padding: 0; text-shadow: none !important; z-index: 1; top:-28px; color:#797d84; /* webnus*/ font-size:15px; /* webnus*/ font-weight:300; /* webnus*/ } .vc_progress_bar .vc_single_bar .vc_label .vc_label_units { float:right; margin-top:-24px;} .vc_progress_bar .vc_single_bar.bar_blue .vc_bar { background-color: #0074CC; } .vc_progress_bar .vc_single_bar.bar_blue .vc_label { color:#797d84; /* webnus*/ } .vc_progress_bar .vc_single_bar.bar_turquoise .vc_bar { background-color: #49afcd; } .vc_progress_bar .vc_single_bar.bar_turquoise .vc_label { color:#797d84; /* webnus*/ } .vc_progress_bar .vc_single_bar.bar_green .vc_bar { background-color: #5bb75b; } .vc_progress_bar .vc_single_bar.bar_green .vc_label { color:#797d84; /* webnus*/ } .vc_progress_bar .vc_single_bar.bar_orange .vc_bar { background-color: #faa732; } .vc_progress_bar .vc_single_bar.bar_orange .vc_label { color:#797d84; /* webnus*/ } .vc_progress_bar .vc_single_bar.bar_red .vc_bar { background-color: #da4f49; } .vc_progress_bar .vc_single_bar.bar_red .vc_label { color:#797d84; /* webnus*/ } .vc_progress_bar .vc_single_bar.bar_black .vc_bar { background-color: #414141; } .vc_progress_bar .vc_single_bar.bar_black .vc_label { color:#797d84; /* webnus*/ } .vc_progress_bar .vc_single_bar .vc_bar { display: block; position: absolute; height: 100%; background-color: #e0e0e0; width: 0%; top: 0; left: 0; transition: width 1s linear; -moz-transition: width 1s linear; -webkit-transition: width 1s linear; -o-transition: width 1s linear; } .vc_progress_bar .vc_single_bar .vc_bar.striped { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; background-size: 20px 20px; } .vc_progress_bar .vc_single_bar .vc_bar.animated { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 20px 0; } } @keyframes progress-bar-stripes { from { background-position: 20px 0; } to { background-position: 0 0; } } /* ====== end webnus edit ====== */ /*--------------------------------- Theme Name: Hotella Author: WEBNUS /*------------------------------------------------------------------ [Typography] Body copy: 14px/22px Poppins, Helvetica, Arial, sans-serif; Headers: Poppins, Helvetica, Arial, sans-serif;; Input, textarea: 13px Poppins, Helvetica, Arial, sans-serif; Sidebar heading: 15px Poppins, Helvetica, Arial, sans-serif; [Color codes] Background: #ffffff (white) Content: #424242 (light black) Header h1: #0a0a0a (dark) Header h2: #0a0a0a (dark) Footer: #181818 (dark black) a (standard): #2174e2 (blue) a (hover): #fa5555 (ornage) ------------------------------------------------------------------------*/ /* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Misc #Bootstrap */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } :focus { outline:0; } /* #Basic Styles ================================================== */ body { background-color: #f4f7f8; font: 14px/25px sans-serif; font-family: 'Poppins', Helvetica, Arial, sans-serif; font-weight: 400; color: #626262; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; overflow-x: hidden; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #171c24; font-weight: 300; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 50px; line-height: 1.16; margin-bottom: 12px; letter-spacing: -1px; } h2 { font-size: 40px; line-height: 1.14; margin-bottom: 10px; } h3 { font-size: 28px; line-height: 1.2; margin-bottom: 8px; } h4 { font-size: 24px; line-height: 1.2; margin-bottom: 10px; } h5 { font-size: 18px; line-height: 1.3; margin-bottom: 7px; } h6 { font-size: 16px; line-height: 1.3; margin-bottom: 4px; } .subheader { color: #849098; } h1.slight, h2.slight, h3.slight, h4.slight, h5.slight, h6.slight, p.slight, .blox.dark h4.tagline-thin.slight { color: #959da2; } h1.slight-dark, h2.slight-dark, h3.slight-dark, h4.slight-dark, h5.slight-dark, h6.slight-dark, p.slight-dark { color: #525558; } h1.extr { font-size:56px; font-weight:100; } h1.tagline-bold { font-size:36px; font-weight:800; line-height:1.24; } h4.tagline-thin { font-size:23px; line-height:32px; color:#464d52; font-weight:300; } h4.tagline-thin.slight { color: #858e93;} h4.slight { font-weight:300;} h5.title-bold { font-size:17px; font-weight:400; letter-spacing:1.6px; text-transform:uppercase;} h1 strong { font-weight:700;} h1.maxtitle { font-size:56px; line-height:60px; font-weight:100;} #wrap .slog-wrap-resp { max-width:1120px; margin-left:auto; margin-right:auto; position:relative; float:none;} #wrap .slog-tx1 { max-width:940px;} #wrap .slog-tx2 { max-width:762px;} #wrap .slog-tx3 { max-width:610px;} #wrap .slog-tx4 { max-width:400px;} #wrap .slog-tx5 { max-width:220px;} #wrap .slog-tx6 { max-width:482px;} .slog-tx1.aligncenter, .slog-tx2.aligncenter, .slog-tx3.aligncenter, .slog-tx4.aligncenter, .slog-tx5.aligncenter, .aligncenter .slog-tx1, .aligncenter .slog-tx2, .aligncenter .slog-tx3, .aligncenter .slog-tx4, .aligncenter .slog-tx5 { margin-left:auto; margin-right:auto; text-align:center;} p { margin: 0 0 20px 0; color:#616161; font-size:15px; line-height: 1.8; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #818a92;} p.magic { font-size: 19px; line-height: 25px; margin: 0;} p.slog { font-size: 16px; line-height:26px; color: #6d6f71; font-weight:300;} em { font-style: italic; } strong { font-weight: bold; } small { font-size: 75%; color: #969a9e; } p small { font-size:12px; font-weight:400; } i:hover { cursor:default;} a i:hover { cursor:pointer;} /* Dropcaps */ .dropcap1, .dropcap2, .dropcap3 { text-transform:uppercase; line-height:1; float: left; font-size: 44px; margin: 0 8px 0 0; font-family: Times, serif, Arial; } .dropcap2, .dropcap3 { background: #4a4a4a; color: #fff; display: block; padding:10px; border-radius:5px; margin-top: -2px; } .dropcap3 { background: #0093d0; } /* Text Highlights */ .highlight1 { padding:2px 5px; background:#85bc36; color:#fff; vertical-align:baseline; } .highlight2 { padding:2px 5px; background:#f4f4f4; color:#666; vertical-align:baseline; } .highlight3 { padding:3px 6px; background:#de2f68; color:#fff; vertical-align:baseline; } .highlight4 { background-color:#fffdcc; vertical-align:baseline; padding:1px 3px;} /* Blockquotes */ blockquote, blockquote p, q { font-size: 15px; line-height: 24px; color: #3a3b3c;} blockquote { position:relative; margin: 0 0 21px; padding: 18px 10px 14px 60px;} blockquote:before { position:absolute; left:12px; top:25px; content:'\201C'; font-size:62px; color:#bbb; font-weight:bold; font-family: Georgia, Times, serif; } blockquote cite { display: block; font-style: italic; font-family:Arial, Helvetica, sans-serif; margin-top:6px; font-size: 12px; color: #777f87; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } blockquote small { font-size:13px; font-style: italic;} blockquote img { max-width:100%; width:auto; display:inline; } hr { border: solid #e5e5e5; border-width: 1px 0 0; clear: both; margin: 14px 0 35px; height: 0; width: auto; } hr.boldbx { border-width: 4px 0 0; border-color:#efefef; } .container hr { margin-right: 10px; margin-left: 10px;} .container .columns hr, .container .column hr, .container .wpb_column hr, .container .wpb_column hr { margin-right: 0px; margin-left: 0px;} pre, code { background:#f3f3f3; padding:5px 10px; font-family:"Courier New", Courier, monospace; font-size:12px; white-space:pre-wrap; } ::selection { background: #e4744f; color: #fff; } ::-moz-selection { background: #e4744f; color: #fff; } /* #Links ================================================== */ a, a:visited { color: #0099ff; text-decoration: none; outline: 0; } a:hover, a:focus { color: #ff9900; } a:active { outline:none; opacity: 0.92; } /* #Lists ================================================== */ ul, ol { margin-bottom: 21px; margin-left: 3px; } ul { list-style: inside; } ol { list-style: decimal; } ol, ul.disc { margin-left: 20px; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 23px; margin-bottom:4px; font-weight:400; } ul.large li { line-height: 21px; } li p { line-height: 18px; } ul.check li, li.check, ul.plus li, li.plus, ul.minus li, li.minus, ul.star li, li.star, ul.arrow li, li.arrow, ul.arrow2 li, li.arrow2, ul.square li, li.square, ul.circle li, li.circle, ul.cross li, li.cross { padding:0 0 1px 16px; list-style:none; } /* #Images ================================================== */ img { height:auto; vertical-align:middle;} img.scale-with-grid { max-width: 100%; height: auto;} img.full-width { width: 100%; height: auto; } p img { margin-bottom:14px;} /* #Buttons ================================================== */ .button, button, a.price-send, input[type="submit"], input[type="reset"], input[type="button"], .button.green, button.green, input[type="submit"].green, input[type="reset"].green, input[type="button"].green { position:relative; border: 0 none; border-radius: 3px; color: #fff; display: inline-block; font-family: 'Poppins','Open Sans', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing:1px; line-height: 1.5; text-transform: uppercase; font-weight: 600; text-decoration: none; cursor: pointer; margin-bottom: 21px; margin-right:10px; line-height: 1; padding: 18px 20px 16px; background: #54cd38; -webkit-transition: all 0.21s ease; -moz-transition: all 0.21s ease; -o-transition: all 0.21s ease; transition: all 0.21s ease; } .button.theme-skin { background-color: #de2f68;} .button:hover, a.price-send:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button.green:hover, button.green:hover, input[type="submit"].green:hover, input[type="reset"].green:hover, input[type="button"].green:hover, .button.theme-skin:hover { background: #292929 !important; -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset; box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset; } #wrap .theme-skin.bordered-bot { border-color: #de2f68; background: none; color: #de2f68;} #wrap .button.theme-skin.bordered-bot:hover,#wrap button.theme-skin.bordered-bot:hover,#wrap input[type="submit"].theme-skin.bordered-bot:hover,#wrap input[type="reset"].theme-skin.bordered-bot:hover,#wrap input[type="button"].theme-skin.bordered-bot:hover { color: #fff;} .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } .button.large, button.large, input[type="submit"].large, input[type="reset"].large, input[type="button"].large { padding: 22px 30px 20px; font-size: 14px; letter-spacing:1px; font-weight:600; } .button.small, button.small, input[type="submit"].small, input[type="reset"].small, input[type="button"].small { padding: 11px 18px; font-size: 11px; text-transform:uppercase; font-family: 'Open Sans', Helvetica, Arial, sans-serif; } .button.blue, button.blue, input[type="submit"].blue, input[type="reset"].blue, input[type="button"].blue { background: #128abc; } .button.blue:hover, button.blue:hover, input[type="submit"].blue:hover, input[type="reset"].blue:hover, input[type="button"].blue:hover { background: #292929; } .button.red, button.red, input[type="submit"].red, input[type="reset"].red, input[type="button"].red { background: #e53f51; } .button.red:hover, button.red:hover, input[type="submit"].red:hover, input[type="reset"].red:hover, input[type="button"].red:hover { background: #292929; } .button.gray, button.gray, input[type="submit"].gray, input[type="reset"].gray, input[type="button"].gray { color:#656f79; text-shadow: 0 -1px #fff; background: #f3f4f5; } .button.gray:hover, button.gray:hover, input[type="submit"].gray:hover, input[type="reset"].gray:hover, input[type="button"].gray:hover { background: #292929; color:#fff; text-shadow:none; } .button.cherry, button.cherry, input[type="submit"].cherry, input[type="reset"].cherry, input[type="button"].cherry { background: #93516a; } .button.cherry:hover, button.cherry:hover, input[type="submit"].cherry:hover, input[type="reset"].cherry:hover, input[type="button"].cherry:hover { background: #292929; } .button.orchid, button.orchid, input[type="submit"].orchid, input[type="reset"].orchid, input[type="button"].orchid { background: #9661ab; } .button.orchid:hover, button.orchid:hover, input[type="submit"].orchid:hover, input[type="reset"].orchid:hover, input[type="button"].orchid:hover { background: #292929; } .button.pink, button.pink, input[type="submit"].pink, input[type="reset"].pink, input[type="button"].pink { background: #e64883; } .button.pink:hover, button.pink:hover, input[type="submit"].pink:hover, input[type="reset"].pink:hover, input[type="button"].pink:hover { background: #292929; } .button.orange, button.orange, input[type="submit"].orange, input[type="reset"].orange, input[type="button"].orange { background: #f98805; } .button.orange:hover, button.orange:hover, input[type="submit"].orange:hover, input[type="reset"].orange:hover, input[type="button"].orange:hover { background: #292929; } .button.teal, button.teal, input[type="submit"].teal, input[type="reset"].teal, input[type="button"].teal { background: #1fa79e; } .button.teal:hover, button.teal:hover, input[type="submit"].teal:hover, input[type="reset"].teal:hover, input[type="button"].teal:hover { background: #292929; } .button.skyblue, button.skyblue, input[type="submit"].skyblue, input[type="reset"].skyblue, input[type="button"].skyblue { background: #03acdc; } .button.skyblue:hover, button.skyblue:hover, input[type="submit"].skyblue:hover, input[type="reset"].skyblue:hover, input[type="button"].skyblue:hover { background: #292929; } .button.jade, button.jade, input[type="submit"].jade, input[type="reset"].jade, input[type="button"].jade { background: #0aad80; } .button.jade:hover, button.jade:hover, input[type="submit"].jade:hover, input[type="reset"].jade:hover, input[type="button"].jade:hover { background: #292929; } .button.gold, button.gold, input[type="submit"].gold, input[type="reset"].gold, input[type="button"].gold { background: #d0ae5e; } .button.gold:hover, button.gold:hover, input[type="submit"].gold:hover, input[type="reset"].gold:hover, input[type="button"].gold:hover { background: #292929; } .button.white, button.white, input[type="submit"].white, input[type="reset"].white, input[type="button"].white, .button.black:hover, button.black:hover, input[type="submit"].black:hover, input[type="reset"].black:hover, input[type="button"].black:hover { background: #fff; color:#000; } .button.black, button.black, input[type="submit"].black, input[type="reset"].black, input[type="button"].black, .button.white:hover, button.white:hover, input[type="submit"].white:hover, input[type="reset"].white:hover, input[type="button"].white:hover { background: #000; color:#fff; } a.button, .button.blue, .button.red, .button.cherry, .button.orchid, .button.pink, .button.orange, .button.teal { color: #fff;} .button:active, button:active, a.price-send:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { color: #c1d7dc; opacity: 0.94; } /* Bordered Buttons */ .button.bordered-bot, button.bordered-bot, input[type="submit"].bordered-bot, input[type="reset"].bordered-bot, input[type="button"].bordered-bot { background:none; border:2px solid #dedede; color:#363f46; text-shadow:none; letter-spacing:2px; text-transform:uppercase; padding: 16px 19px 14px; } .button.large.bordered-bot, button.large.bordered-bot, input[type="submit"].large.bordered-bot, input[type="reset"].large.bordered-bot, input[type="button"].large.bordered-bot { padding: 19px 28px 18px; } .button.small.bordered-bot, button.small.bordered-bot, input[type="submit"].small.bordered-bot, input[type="reset"].small.bordered-bot, input[type="button"].small.bordered-bot { padding: 9px 13px 8px; } .button.bordered-bot:hover, button.bordered-bot:hover, input[type="submit"].bordered-bot:hover, input[type="reset"].bordered-bot:hover, input[type="button"].bordered-bot:hover { border-color:#363f46; color:#363f46; text-shadow:none; box-shadow:none; text-decoration:none; } .button.blue.bordered-bot, button.blue.bordered-bot, input[type="submit"].blue.bordered-bot, input[type="reset"].blue.bordered-bot, input[type="button"].blue.bordered-bot { border-color: #128abc; color: #128abc; } .button.blue.bordered-bot:hover, button.blue.bordered-bot:hover, input[type="submit"].blue.bordered-bot:hover, input[type="reset"].blue.bordered-bot:hover, input[type="button"].blue.bordered-bot:hover { border-color: #128abc; background-color: #128abc; color: #fff; } .button.red.bordered-bot, button.red.bordered-bot, input[type="submit"].red.bordered-bot, input[type="reset"].red.bordered-bot, input[type="button"].red.bordered-bot { border-color: #e53f51; color: #e53f51; } .button.red.bordered-bot:hover, button.red.bordered-bot:hover, input[type="submit"].red.bordered-bot:hover, input[type="reset"].red.bordered-bot:hover, input[type="button"].red.bordered-bot:hover { border-color: #e53f51; background-color: #e53f51; color: #fff; } .button.cherry.bordered-bot, button.cherry.bordered-bot, input[type="submit"].cherry.bordered-bot, input[type="reset"].cherry.bordered-bot, input[type="button"].cherry.bordered-bot { border-color: #93516a; color: #93516a; } .button.cherry.bordered-bot:hover, button.cherry.bordered-bot:hover, input[type="submit"].cherry.bordered-bot:hover, input[type="reset"].cherry.bordered-bot:hover, input[type="button"].cherry.bordered-bot:hover { border-color: #93516a; background-color: #93516a; color: #fff; } .button.orchid.bordered-bot, button.orchid.bordered-bot, input[type="submit"].orchid.bordered-bot, input[type="reset"].orchid.bordered-bot, input[type="button"].orchid.bordered-bot { border-color: #9661ab; color: #9661ab; } .button.orchid.bordered-bot:hover, button.orchid.bordered-bot:hover, input[type="submit"].orchid.bordered-bot:hover, input[type="reset"].orchid.bordered-bot:hover, input[type="button"].orchid.bordered-bot:hover { border-color: #9661ab; background-color: #9661ab; color: #fff; } .button.pink.bordered-bot, button.pink.bordered-bot, input[type="submit"].pink.bordered-bot, input[type="reset"].pink.bordered-bot, input[type="button"].pink.bordered-bot { border-color: #e64883; color: #e64883; } .button.pink.bordered-bot:hover, button.pink.bordered-bot:hover, input[type="submit"].pink.bordered-bot:hover, input[type="reset"].pink.bordered-bot:hover, input[type="button"].pink.bordered-bot:hover { border-color: #e64883; background-color: #e64883; color: #fff; } .button.orange.bordered-bot, button.orange.bordered-bot, input[type="submit"].orange.bordered-bot, input[type="reset"].orange.bordered-bot, input[type="button"].orange.bordered-bot { border-color: #f98805; color: #f98805; } .button.orange.bordered-bot:hover, button.orange.bordered-bot:hover, input[type="submit"].orange.bordered-bot:hover, input[type="reset"].orange.bordered-bot:hover, input[type="button"].orange.bordered-bot:hover { border-color: #f98805; background-color: #f98805; color: #fff; } .button.teal.bordered-bot, button.teal.bordered-bot, input[type="submit"].teal.bordered-bot, input[type="reset"].teal.bordered-bot, input[type="button"].teal.bordered-bot { border-color: #1fa79e; color: #1fa79e; } .button.teal.bordered-bot:hover, button.teal.bordered-bot:hover, input[type="submit"].teal.bordered-bot:hover, input[type="reset"].teal.bordered-bot:hover, input[type="button"].teal.bordered-bot:hover { border-color: #1fa79e; background-color: #1fa79e; color: #fff; } .button.skyblue.bordered-bot, button.skyblue.bordered-bot, input[type="submit"].skyblue.bordered-bot, input[type="reset"].skyblue.bordered-bot, input[type="button"].skyblue.bordered-bot { border-color: #03acdc; color: #03acdc; } .button.skyblue.bordered-bot:hover, button.skyblue.bordered-bot:hover, input[type="submit"].skyblue.bordered-bot:hover, input[type="reset"].skyblue.bordered-bot:hover, input[type="button"].skyblue.bordered-bot:hover { border-color: #03acdc; background-color: #03acdc; color: #fff; } .button.jade.bordered-bot, button.jade.bordered-bot, input[type="submit"].jade.bordered-bot, input[type="reset"].jade.bordered-bot, input[type="button"].jade.bordered-bot { border-color: #0aad80; color: #0aad80; } .button.jade.bordered-bot:hover, button.jade.bordered-bot:hover, input[type="submit"].jade.bordered-bot:hover, input[type="reset"].jade.bordered-bot:hover, input[type="button"].jade.bordered-bot:hover { border-color: #0aad80; background-color: #0aad80; color: #fff; } .button.green.bordered-bot, button.green.bordered-bot, input[type="submit"].green.bordered-bot, input[type="reset"].green.bordered-bot, input[type="button"].green.bordered-bot { border-color: #8fbe32; color: #8fbe32; } .button.green.bordered-bot:hover, button.green.bordered-bot:hover, input[type="submit"].green.bordered-bot:hover, input[type="reset"].green.bordered-bot:hover, input[type="button"].green.bordered-bot:hover { border-color: #8fbe32; background-color: #8fbe32; color: #fff; } .button.white.bordered-bot, button.white.bordered-bot, input[type="submit"].white.bordered-bot, input[type="reset"].white.bordered-bot, input[type="button"].white.bordered-bot { background: none; border-color: #fff; color:#fff; } .button.black.bordered-bot, button.black.bordered-bot, input[type="submit"].black.bordered-bot, input[type="reset"].black.bordered-bot, input[type="button"].black.bordered-bot { background: none; border-color: #000; color:#000; } .button.black.bordered-bot:hover, button.black.bordered-bot:hover, input[type="submit"].black.bordered-bot:hover, input[type="reset"].black.bordered-bot:hover, input[type="button"].black.bordered-bot:hover { background: #000; border-color: #000; color: #fff; } .button.white.bordered-bot:hover, button.white.bordered-bot:hover, input[type="submit"].white.bordered-bot:hover, input[type="reset"].white.bordered-bot:hover, input[type="button"].white.bordered-bot:hover { background: #fff; border-color: #fff; color:#000; } /* Thin Font Weight*/ #wrap .button.thin { font-weight: 400;} #wrap .button.bold { font-weight: 700;} /* Buttons border Radius */ #wrap .button.rounded { border-radius:55px;letter-spacing: 0;padding-left: 30px;padding-right: 30px;} #wrap .button.square { border-radius:0;} /* Buttons icon */ .button i, button i, input[type="submit"] i, input[type="reset"] i, input[type="button"] i { color: inherit; font-size:16px; vertical-align:baseline; line-height:1; display:inline; margin-right:7px; } .button i.fa-none { margin:0; display:none;} .button.large i { font-size:24px; vertical-align:text-top;} /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } #wrap .button.gray.rounded.bordered-bot { border-color: #e5e5e5;padding: 10px 20px;text-transform: uppercase; color: #de2f68; font-weight: 500; font-size: 12px; line-height: 15px; margin-bottom: 22px; letter-spacing: 1px;} #wrap .button.gray.rounded.bordered-bot:hover { background:#292929; border-color:#292929; color:#fff !important;} /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #e1e1e1; padding: 6px 4px; outline: none; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; color: #888; margin: 0; min-width: 60px; width:99%; max-width: 100%; min-height: 36px; display: block; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } select { padding: 5px ; outline:0 none; } input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover { border-color: #c1dfed; -moz-box-shadow: 0 0 1px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1); box-shadow: 0 0 1px rgba(0,0,0,.1); } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #444; background: #fff; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; } label, legend { display: block; font-weight: bold; font-size: 13px; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } /* Elements page Icon list*/ ul.check li:before, li.check:before, ul.plus li:before, li.plus:before, ul.star li:before, li.star:before, ul.arrow li:before, li.arrow:before, ul.arrow2 li:before, li.arrow2:before, ul.square li:before, li.square:before, ul.circle li:before, li.circle:before, ul.cross li:before, li.cross:before, ul.minus li:before, li.minus:before { padding-right: 5px; font-family: FontAwesome; } ul.check li:before, li.check:before { content: "\f00c"; color: #de2f68;} ul.plus li:before, li.plus:before { content: "\f067"; color: #6db01b;} ul.minus li:before, li.minus:before { content: "\f068"; color: #ff0000;} ul.star li:before, li.star:before {content: "\f005";color: #f6dc15;font-size: 11px;} ul.arrow li:before, li.arrow:before { content: "\f105"; color: #00b1b7; font-weight: bold;} ul.arrow2 li:before, li.arrow2:before { content: "\f105"; color: #7d858d; } ul.square li, li.square {position: relative;display: inline-block;padding-left: 12px;} ul.square li:before, li.square:before {content: "";width: 1px;height: 5px;position: absolute;background: #43bae3;left: 0px;top: 8px;} ul.circle li:before, li.circle:before { content: "\f111"; font-size: 6px; color: #2ea392; } ul.cross li:before, li.cross:before { content: "\f00d"; color: #de2f68; } ul.check li, li.check, ul.plus li, li.plus, ul.minus li, li.minus, ul.star li, li.star, ul.arrow li, li.arrow, ul.arrow2 li, li.arrow2, ul.square li, li.square, ul.circle li, li.circle, ul.cross li, li.cross { padding-bottom: 21px; list-style:none;} /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 7px !important; } .add-bottom { margin-bottom: 21px !important; } /* #New2015 ================================================== */ .blog-single-post h2{margin-top:30px} address { font-style: italic; margin: 0 0 1.6em;} abbr[title] { border-bottom: 1px dotted #eaeaea;border-bottom: 1px dotted rgba(51, 51, 51, 0.1);cursor: help;} mark,ins { background-color: #fff9c0; text-decoration: none;} sup,sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;} sup { bottom: 1ex;} sub { top: .5ex;} small {font-size: 75%;} big {font-size: 125%;} dl { margin-bottom: 1.6em;} dt { font-weight: bold;} dd {margin-bottom: 1.6em;} table,th,td { border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1);} table {border-collapse: separate;border-spacing: 0;border-width: 1px 0 0 1px;margin: 0 0 1.6em; table-layout: fixed; width: 100%;} caption,th,td {font-weight: normal;text-align: left;} th { border-width: 0 1px 1px 0;font-weight: 700;} td { border-width: 0 1px 1px 0;} th, td { padding: 0.4em;} del {opacity: 0.8;} /* --------------- /*---------------------------------- Theme Name: Hotella ---------------------- /*! * Bootstrap v3.0.3 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clear, .clr { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clr { visibility: visible; overflow: visible; } .columns { padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container [class*="col-"] img { max-width:100%;} .container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media only screen and (max-width: 479px) { .container { width: 96%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 92%; } } @media only screen and (min-width: 768px) and (max-width: 960px) { .container { width: 768px; /* webnus */ } } @media only screen and (min-width: 961px) { .container { width: 960px; } } @media only screen and (min-width: 1200px) and (max-width: 1280px) { .container { width: 1156px; padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 1281px) { .container { width: 1246px; padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 1921px) { .container { max-width:1690px; } } .row { margin-left: -10px; margin-right: -10px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } @media only screen and (min-width: 1281px) { .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } } .container [class*="col-"].alpha { padding-left:0;} .container [class*="col-"].omega { padding-right:0;} .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666666666666%; } .col-xs-10 { width: 83.33333333333334%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666666666666%; } .col-xs-7 { width: 58.333333333333336%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666666666667%; } .col-xs-4 { width: 33.33333333333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.666666666666664%; } .col-xs-1 { width: 8.333333333333332%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666666666666%; } .col-xs-pull-10 { right: 83.33333333333334%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666666666666%; } .col-xs-pull-7 { right: 58.333333333333336%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666666666667%; } .col-xs-pull-4 { right: 33.33333333333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.666666666666664%; } .col-xs-pull-1 { right: 8.333333333333332%; } .col-xs-pull-0 { right: 0%; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666666666666%; } .col-xs-push-10 { left: 83.33333333333334%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666666666666%; } .col-xs-push-7 { left: 58.333333333333336%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666666666667%; } .col-xs-push-4 { left: 33.33333333333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.666666666666664%; } .col-xs-push-1 { left: 8.333333333333332%; } .col-xs-push-0 { left: 0%; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666666666666%; } .col-xs-offset-10 { margin-left: 83.33333333333334%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666666666666%; } .col-xs-offset-7 { margin-left: 58.333333333333336%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666666666667%; } .col-xs-offset-4 { margin-left: 33.33333333333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.666666666666664%; } .col-xs-offset-1 { margin-left: 8.333333333333332%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-1 { width: 8.333333333333332%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666666666666%; } .col-sm-pull-10 { right: 83.33333333333334%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666666666666%; } .col-sm-pull-7 { right: 58.333333333333336%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666666666667%; } .col-sm-pull-4 { right: 33.33333333333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.666666666666664%; } .col-sm-pull-1 { right: 8.333333333333332%; } .col-sm-pull-0 { right: 0%; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666666666666%; } .col-sm-push-10 { left: 83.33333333333334%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666666666666%; } .col-sm-push-7 { left: 58.333333333333336%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666666666667%; } .col-sm-push-4 { left: 33.33333333333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.666666666666664%; } .col-sm-push-1 { left: 8.333333333333332%; } .col-sm-push-0 { left: 0%; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666666666666%; } .col-sm-offset-10 { margin-left: 83.33333333333334%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666666666666%; } .col-sm-offset-7 { margin-left: 58.333333333333336%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666666666667%; } .col-sm-offset-4 { margin-left: 33.33333333333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.666666666666664%; } .col-sm-offset-1 { margin-left: 8.333333333333332%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 961px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666666666666%; } .col-md-10 { width: 83.33333333333334%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666666666666%; } .col-md-7 { width: 58.333333333333336%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666666666667%; } .col-md-4 { width: 33.33333333333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.666666666666664%; } .col-md-1 { width: 8.333333333333332%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666666666666%; } .col-md-pull-10 { right: 83.33333333333334%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666666666666%; } .col-md-pull-7 { right: 58.333333333333336%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666666666667%; } .col-md-pull-4 { right: 33.33333333333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.666666666666664%; } .col-md-pull-1 { right: 8.333333333333332%; } .col-md-pull-0 { right: 0%; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666666666666%; } .col-md-push-10 { left: 83.33333333333334%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666666666666%; } .col-md-push-7 { left: 58.333333333333336%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666666666667%; } .col-md-push-4 { left: 33.33333333333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.666666666666664%; } .col-md-push-1 { left: 8.333333333333332%; } .col-md-push-0 { left: 0%; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666666666666%; } .col-md-offset-10 { margin-left: 83.33333333333334%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666666666666%; } .col-md-offset-7 { margin-left: 58.333333333333336%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666666666667%; } .col-md-offset-4 { margin-left: 33.33333333333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.666666666666664%; } .col-md-offset-1 { margin-left: 8.333333333333332%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1281px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666666666666%; } .col-lg-10 { width: 83.33333333333334%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666666666666%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-4 { width: 33.33333333333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.666666666666664%; } .col-lg-1 { width: 8.333333333333332%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666666666666%; } .col-lg-pull-10 { right: 83.33333333333334%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666666666666%; } .col-lg-pull-7 { right: 58.333333333333336%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666666666667%; } .col-lg-pull-4 { right: 33.33333333333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.666666666666664%; } .col-lg-pull-1 { right: 8.333333333333332%; } .col-lg-pull-0 { right: 0%; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666666666666%; } .col-lg-push-10 { left: 83.33333333333334%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666666666666%; } .col-lg-push-7 { left: 58.333333333333336%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666666666667%; } .col-lg-push-4 { left: 33.33333333333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.666666666666664%; } .col-lg-push-1 { left: 8.333333333333332%; } .col-lg-push-0 { left: 0%; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666666666666%; } .col-lg-offset-10 { margin-left: 83.33333333333334%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666666666666%; } .col-lg-offset-7 { margin-left: 58.333333333333336%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666666666667%; } .col-lg-offset-4 { margin-left: 33.33333333333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.666666666666664%; } .col-lg-offset-1 { margin-left: 8.333333333333332%; } .col-lg-offset-0 { margin-left: 0%; } } /*---------------------------------- Theme Name: Hotella ------------------------ /* #Full width Sections + Parallax + Video Background Stylesheet ================================================================= */ .blox { clear:both; background:#f1f8fc; position:relative;} .blox.wpb_column { clear:none; margin-bottom:0;} .blox.nopad { padding:0; margin:0;} .blox.full-container .container { padding-left:0; padding-right:0; width:auto; max-width:none;} .blox.nopad-cols .wpb_row .wpb_column.vc_column_container { padding-left:0; padding-right:0;} .blox.dark { background:#384852;} .blox.dark .nonetextshadow *{ text-shadow:none;} .blox.gray { background:#f0f0f0;} .blox.gray2 { background:#fbfbfb; padding-top:75px; margin-top:-35px;} .blox.redbox { background:#ffc5cb;} .blox.greenbox { background:#dbebb9;} .blox.yellowbox { background:#f7c218;} .dark.redbox { background:#de3059;} .dark.bluebox { background:#128abc;} .dark.blackbox { background:#25272a; margin-top:-1px;} .blox.dark hr { border-color: rgba(255, 255, 255, 0.2);} .dark.greenbox { background:#5aa300;} .dark.yellowbox { background:#fdb012;} .blox.dark * { color:#fff;} .blox.dark input, .blox.dark select, .blox.dark textarea, .blox.dark option { color:#666;} .blox.dark a { color:#07add4;} .blox.dark a.magicmore { color:#00aeef;} .blox.dark a.magicmore:after { border-color:#00aeef;} .blox.dark a:hover { color:#ff9900;} .blox.dark a.button, .blox.dark a.button:hover { color:#fff;} .blox.dark a.button.white, .slides-content.dark a.button.white { color:#202020; transition: all .3s ease;} .blox.dark a.button.white:hover, .slides-content.dark a.button.white:hover { color:#fff; background:#000;} .blox.dark a.button.white.bordered-bot, .slides-content.dark a.button.white.bordered-bot { color:#fff; background:none; border-color:#fff;} .blox.dark a.button.white.bordered-bot:hover, .slides-content.dark a.button.white.bordered-bot:hover { color:#222; background:#fff !important;} .blox.dark a.button.black.bordered-bot, .slides-content.dark a.button.black.bordered-bot { color:#000;} .blox.dark a.button.black:hover, .slides-content.dark a.button.black:hover { color:#000; background:#fff;} .blox a.button.gray, .blox a.button.bordered-bot.gray { color:#000; border-color:#000; border-radius:0; letter-spacing:0;} .blox a.button.gray:hover, .blox a.button.bordered-bot.gray:hover { color:#fff; background:#000;} .blox.dark a.button.gray { color:#222;} .blox.dark a.button.gray.bordered-bot { background:none; color:#fff; border-color:#fff;} .blox.dark a.button.gray:hover { color:#000; background:#fff; box-shadow:none;} .blox.dark .magic-link a { color:#fff;} .blox.dark p { color:rgba(255, 255, 255, 0.97);} .blox.dark small { color:rgba(255, 255, 255, 0.8);} #wrap > section.about.blox.dark { padding-bottom:0;} img.about-img-bot { margin-bottom:0; max-width:100%;} .blox.promoblox { background:#00c5ad; padding:60px 0 50px; margin:0; text-shadow:none;} .blox.promoblox a.button { background:transparent; padding:16px 26px; border:2px solid #fff; font-weight:400; float:right; margin-left:20px; vertical-align:middle; letter-spacing:3px; text-shadow:none; box-shadow:none; text-transform:uppercase; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;} .blox.promoblox a.button:hover { background:#fff; color:#000;} .dark.bluebox { background:#128abc;} .blox.dark.bot-blox { padding:14px 0; clear:both; background: #303740 url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/pattern-bg2.png); border-top:5px solid #242e38; margin:0;} .dark.bot-blox .magic-link { margin:0; float:right;} *+html .blox.dark.bot-blox { margin-bottom:-21px;} .blox h1.extr {font-size:63px; font-size:57px\9; font-weight:lighter; line-height:80px; letter-spacing:-4px;} .blox h1.extr span, .blox.dark h1.extr span { color:#fc4f4f;} .extrabgsec { padding:20px; background:rgba(255,255,255,0.6);} .blox.dark .mex-title { border-bottom: 4px solid rgba(255, 255, 255, 0.27);} .blox.parallax-sec { padding: 0; background-position: center bottom; background-repeat:no-repeat; background-attachment:fixed; min-height: 300px; margin: 0 auto; width: 100%; max-width: 1920px; background-size:cover;} .parallax-sec article { position: relative;} .parallax-sec .blox, .parallax-sec .blox.dark { background:none;} .blox .slogan { padding-top: 5%;} .blox .vc_col-sm-6.slogan { padding-top: 0;} .slogan h1 { font-size:67px; line-height:80px; font-weight:100;} .slogan span, .blox.dark .slogan span { color:#fc4f4f;} /* #Max Overlay ================================================== */ .max-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: repeat;} .max-pat,.max-pat2 ,.max-alpha, .max-alpha2 {position: relative;} .max-pat .max-overlay{background-image: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/pattern.png);} .max-pat2 .max-overlay{background-image: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/pattern2.png);} .max-alpha .max-overlay{background-color:rgba(33, 65, 83, 0.5);} .max-alpha2 .max-overlay{background-color:rgba(8, 22, 31, 0.8);} .blox .container {position: relative;} /* #Max Blox ================================================== */ .max.blox{ position: relative; background: #f8f8f8; padding-top: 50px;padding-bottom: 15px;} .max.blox:after{content: '';position: absolute;left: 50%;bottom: -22px;margin-left: -29px;z-index: 1;border-radius: 100%;width: 50px;height: 50px;background: #f8f8f8;} .max.blox.dark,.max.blox.dark:after{background: #384852 url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/pattern2.png);} /* #Video Background ================================================== */ .video-sec { position: relative; overflow: hidden; padding: 0!important} .video-item { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; overflow: hidden;} .video-sec .pattern-bg { background-image: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/pattern.png); opacity: 0.5; width: 100%; height: 100%; z-index: 1; padding: 45px 0 43px; clear: both; background-repeat: repeat; position: absolute;} .video-sec .dark-content, .video-sec .light-content { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.23); padding: 45px 0 43px; z-index: 2; width: 100%; height: 100%; position:relative;} .video-sec .dark-content { color: #fff;} .video-sec .light-content { text-shadow:none;} .video-sec .slight { color: #292929;} .video-sec .mejs-container {position: absolute; z-index:0;} .video-sec .max-video {position:relative;} .video-sec .slides-content { position: relative; z-index: 2; background: transparent; min-height: 300px; text-align: center;} .fullscreen-video { position: relative; display: block;} .slides-content.dark * { color: #fff;} .slides-content.dark input, .slides-content.dark select, .slides-content.dark textarea, .slides-content.dark option { color:#777;} /* youtube video bg */ .youtube-wrap { float: none; clear: both; width: 100%; position: absolute; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden;} .youtube-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #wrap .video-sec .slides-content { position: absolute; top: 20px; left:50%; transform:translate(-50%,0); } /* #Media Queries ================================================== */ @media only screen and (max-width: 960px) { .parallax-sec, .video-sec { height:auto !important; background-attachment:scroll; background-repeat:repeat-y !important;} .homedark { height:auto !important; background-size:cover;} .slogan h1 { font-size:41px; line-height:53px;} .aboutdark .slogan { position:relative; right:auto; margin:0 auto; padding:3%;} .video-sec .max-video { position: inherit;} .blox.parallax-sec { background-position: center center !important;} } @media only screen and (max-width: 767px) { .blox.dark, .blox.gray { height:auto !important;} .blox.half-white { background-image:none !important; background:#fff !important;} } @media (min-width: 678px) { .video-item, .fullscreen-video { z-index: 1;} } @media (min-width: 961px) { .video-item, .fullscreen-video { z-index: 1;} .youtube-wrap { z-index: 1;} .youtube-wrap { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; height: 0;} .youtube-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} } /* ------- end ------------ */ /*! Lity - v2.1.0 - 2016-09-19 * http://sorgalla.com/lity/ * Copyright (c) 2015-2016 Jan Sorgalla; Licensed MIT */ .lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap {position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin {position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened {z-index: 8030; } .fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner {position: relative; } .fancybox-inner {overflow: hidden; } .fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch; } .fancybox-error {color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe {display: block; width: 100%; height: 100%; } .fancybox-image {max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/fancybox/fancybox_sprite.png); } #fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div {width: 44px; height: 44px; background: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/fancybox/fancybox_loading.gif) center center no-repeat; } .fancybox-close {position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev {left: 0; } .fancybox-next {right: 0; } .fancybox-nav span {position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span {left: 10px; background-position: 0 -36px; } .fancybox-next span {right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span {visibility: visible; } .fancybox-tmp {position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock {overflow: hidden !important; width: auto; } .fancybox-lock body {overflow: hidden !important; } .fancybox-lock-test {overflow-y: hidden !important; } .fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/fancybox/fancybox_overlay.png); } .fancybox-overlay-fixed {position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay {overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title {visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title {visibility: visible; } .fancybox-title-float-wrap {position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child {display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap {position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap {padding-top: 10px; } .fancybox-title-over-wrap {position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/fancybox/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div {background-image: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; position:relative; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} #wrap .flexslider .slides img { height:auto !important;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block; position:relative;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { background: #fff; margin: 0; padding: 0; z-index: 1; position: relative; zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {padding:25px 15px; margin: -46px 0 0; background: rgba(0,0,0,0.9); display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; -webkit-transition: all .19s ease; } .flex-direction-nav a i { color:#fff; font-size:16px;} .flex-direction-nav a span { display:none;} .flex-direction-nav .flex-next { right: 0px; border-radius: 4px 0 0 4px; } .flex-direction-nav .flex-prev {left: 0x; border-radius: 0 4px 4px 0;} .flexslider:hover .flex-next {opacity: 0.8; } .flexslider:hover .flex-prev {opacity: 0.8; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1; background-color: #0ab1f0;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: auto; position: absolute; right:56px; bottom: 36px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 16px; height: 16px; display: block; background: #fff; background: rgba(255,255,255,0.9); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } .flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,0.7); } .flex-control-paging li a.flex-active { background: #0ab1f0; cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} /* Caption */ .slide-caption { padding: 30px; max-width:40%; margin: 0; position: absolute; display: block; left: 90px; bottom: 40px; background-color: #222; background: rgba(0, 0, 0, 0.5);} .slide-caption h3 { color: #fff; padding-bottom: 10px; margin:0; font-weight:400; } .slide-caption p { margin:0; line-height: 20px; color: #c9c9c9;} @media screen and (max-width: 860px) {.flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} .flex-direction-nav a { padding:16px 8px; margin-top:-30px; top:50%;} .flex-control-nav { bottom:16px; right:26px;} .flex-control-paging li a { width:10px; height:10px;} .slide-caption { display:none;} .flex-control-nav li { margin:0 4px;} } /* Magnific Popup CSS */ .mfp-bg {top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap {top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container {text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before {display: none; } .mfp-content {position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%; cursor: auto; } .mfp-ajax-cur {cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom {cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content {cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure {display: none; } .mfp-hide {display: none !important; } .mfp-preloader {color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a {color: #CCC; } .mfp-preloader a:hover {color: #FFF; } .mfp-s-ready .mfp-preloader {display: none; } .mfp-s-error .mfp-content {display: none; } button.mfp-close, button.mfp-arrow {overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner {padding: 0; border: 0; } .mfp-close {width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus {opacity: 1; } .mfp-close:active {top: 1px; } .mfp-close-btn-in .mfp-close {color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter {position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow {position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active {margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus {opacity: 1; } .mfp-arrow:before, .mfp-arrow:after {content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after {border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before {border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left {left: 0; } .mfp-arrow-left:after {border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before {margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right {right: 0; } .mfp-arrow-right:after {border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before {border-left: 27px solid #3F3F3F; } .mfp-iframe-holder {padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content {line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close {top: -40px; } .mfp-iframe-scaler {width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img {width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure {line-height: 0; } .mfp-figure:after {content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small {color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure {margin: 0; } .mfp-bottom-bar {margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title {text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content {max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {/** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder {padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img {padding: 0; } .mfp-img-mobile .mfp-figure:after {top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small {display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty {padding: 0; } .mfp-img-mobile .mfp-counter {right: 5px; top: 3px; } .mfp-img-mobile .mfp-close {top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) {.mfp-arrow {-webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left {-webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right {-webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container {padding-left: 6px; padding-right: 6px; } } .mfp-fade.mfp-bg {opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready {opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing {opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content {opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0; } /* FONTS PATH */ @font-face { font-family: 'FontAwesome'; src: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/fontawesome-webfont.eot?v=4.2.0); src: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format('embedded-opentype'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/fontawesome-webfont.woff?v=4.2.0) format('woff'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/fontawesome-webfont.ttf?v=4.2.0) format('truetype'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format('svg'); } @font-face { font-family: 'linecons'; src: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/linecons.eot); src: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/linecons.eot?#iefix) format('embedded-opentype'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/linecons.woff) format('woff'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/linecons.ttf) format('truetype'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/linecons.svg) format('svg'); } @font-face { font-family: 'simple-line-icons'; src: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Simple-Line-Icons.eot?v=2.2.2); src: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Simple-Line-Icons.eot?#iefix&v=2.2.2) format('embedded-opentype'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Simple-Line-Icons.ttf?v=2.2.2) format('truetype'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Simple-Line-Icons.woff2?v=2.2.2) format('woff2'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Simple-Line-Icons.woff?v=2.2.2) format('woff'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Simple-Line-Icons.svg?v=2.2.2#simple-line-icons) format('svg'); } @font-face { font-family: 'simple-line-icons'; src: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Simple-Line-Icons.eot?v=2.4.0); src: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Simple-Line-Icons.eot?v=2.4.0#iefix) format('embedded-opentype'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Simple-Line-Icons.woff2?v=2.4.0) format('woff2'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Simple-Line-Icons.ttf?v=2.4.0) format('truetype'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Simple-Line-Icons.woff?v=2.4.0) format('woff'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'et-line'; src:url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/et-line.eot); src:url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/et-line.eot?#iefix) format('embedded-opentype'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/et-line.woff) format('woff'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/et-line.ttf) format('truetype'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/et-line.svg#et-line) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'themify'; src:url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/themify.eot?-fvbane); src:url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/themify.eot?#iefix-fvbane) format('embedded-opentype'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/themify.woff?-fvbane) format('woff'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/themify.ttf?-fvbane) format('truetype'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/themify.svg?-fvbane#themify) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pe-icon-7-stroke'; src: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Pe-icon-7-stroke.eot?d7yf1v); src: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format('embedded-opentype'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Pe-icon-7-stroke.woff?d7yf1v) format('woff'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Pe-icon-7-stroke.ttf?d7yf1v) format('truetype'), url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format('svg'); font-weight: normal; font-style: normal; } [class*="fa-"],[class*="li_"],[class*="sl-"]{ speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} [class*="fa-"] { font-family: FontAwesome;} [class*="li_"] { font-family: 'linecons';} [class*="sl-"]:not(.fa-asl-interpreting) { font-family: 'simple-line-icons';} [class^="ti-"], [class*=" ti-"] { font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="pe-7s-"], [class*=" pe-7s-"] { display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search, .icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture, .icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid, .icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble { font-family: 'et-line'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block;} /* Font Awesome icons */ .fa-glass:before { content:"\f000";} .fa-music:before { content:"\f001";} .fa-search:before { content:"\f002";} .fa-envelope-o:before { content:"\f003";} .fa-heart:before { content:"\f004";} .fa-star:before { content:"\f005";} .fa-star-o:before { content:"\f006";} .fa-user:before { content:"\f007";} .fa-film:before { content:"\f008";} .fa-th-large:before { content:"\f009";} .fa-th:before { content:"\f00a";} .fa-th-list:before { content:"\f00b";} .fa-check:before { content:"\f00c";} .fa-close:before,.fa-remove:before,.fa-times:before { content:"\f00d";} .fa-search-plus:before { content:"\f00e";} .fa-search-minus:before { content:"\f010";} .fa-power-off:before { content:"\f011";} .fa-signal:before { content:"\f012";} .fa-cog:before,.fa-gear:before { content:"\f013";} .fa-trash-o:before { content:"\f014";} .fa-home:before { content:"\f015";} .fa-file-o:before { content:"\f016";} .fa-clock-o:before { content:"\f017";} .fa-road:before { content:"\f018";} .fa-download:before { content:"\f019";} .fa-arrow-circle-o-down:before { content:"\f01a";} .fa-arrow-circle-o-up:before { content:"\f01b";} .fa-inbox:before { content:"\f01c";} .fa-play-circle-o:before { content:"\f01d";} .fa-repeat:before,.fa-rotate-right:before { content:"\f01e";} .fa-refresh:before { content:"\f021";} .fa-list-alt:before { content:"\f022";} .fa-lock:before { content:"\f023";} .fa-flag:before { content:"\f024";} .fa-headphones:before { content:"\f025";} .fa-volume-off:before { content:"\f026";} .fa-volume-down:before { content:"\f027";} .fa-volume-up:before { content:"\f028";} .fa-qrcode:before { content:"\f029";} .fa-barcode:before { content:"\f02a";} .fa-tag:before { content:"\f02b";} .fa-tags:before { content:"\f02c";} .fa-book:before { content:"\f02d";} .fa-bookmark:before { content:"\f02e";} .fa-print:before { content:"\f02f";} .fa-camera:before { content:"\f030";} .fa-font:before { content:"\f031";} .fa-bold:before { content:"\f032";} .fa-italic:before { content:"\f033";} .fa-text-height:before { content:"\f034";} .fa-text-width:before { content:"\f035";} .fa-align-left:before { content:"\f036";} .fa-align-center:before { content:"\f037";} .fa-align-right:before { content:"\f038";} .fa-align-justify:before { content:"\f039";} .fa-list:before { content:"\f03a";} .fa-dedent:before,.fa-outdent:before { content:"\f03b";} .fa-indent:before { content:"\f03c";} .fa-video-camera:before { content:"\f03d";} .fa-image:before,.fa-photo:before,.fa-picture-o:before { content:"\f03e";} .fa-pencil:before { content:"\f040";} .fa-map-marker:before { content:"\f041";} .fa-adjust:before { content:"\f042";} .fa-tint:before { content:"\f043";} .fa-edit:before,.fa-pencil-square-o:before { content:"\f044";} .fa-share-square-o:before { content:"\f045";} .fa-check-square-o:before { content:"\f046";} .fa-arrows:before { content:"\f047";} .fa-step-backward:before { content:"\f048";} .fa-fast-backward:before { content:"\f049";} .fa-backward:before { content:"\f04a";} .fa-play:before { content:"\f04b";} .fa-pause:before { content:"\f04c";} .fa-stop:before { content:"\f04d";} .fa-forward:before { content:"\f04e";} .fa-fast-forward:before { content:"\f050";} .fa-step-forward:before { content:"\f051";} .fa-eject:before { content:"\f052";} .fa-chevron-left:before { content:"\f053";} .fa-chevron-right:before { content:"\f054";} .fa-plus-circle:before { content:"\f055";} .fa-minus-circle:before { content:"\f056";} .fa-times-circle:before { content:"\f057";} .fa-check-circle:before { content:"\f058";} .fa-question-circle:before { content:"\f059";} .fa-info-circle:before { content:"\f05a";} .fa-crosshairs:before { content:"\f05b";} .fa-times-circle-o:before { content:"\f05c";} .fa-check-circle-o:before { content:"\f05d";} .fa-ban:before { content:"\f05e";} .fa-arrow-left:before { content:"\f060";} .fa-arrow-right:before { content:"\f061";} .fa-arrow-up:before { content:"\f062";} .fa-arrow-down:before { content:"\f063";} .fa-mail-forward:before,.fa-share:before { content:"\f064";} .fa-expand:before { content:"\f065";} .fa-compress:before { content:"\f066";} .fa-plus:before { content:"\f067";} .fa-minus:before { content:"\f068";} .fa-asterisk:before { content:"\f069";} .fa-exclamation-circle:before { content:"\f06a";} .fa-gift:before { content:"\f06b";} .fa-leaf:before { content:"\f06c";} .fa-fire:before { content:"\f06d";} .fa-eye:before { content:"\f06e";} .fa-eye-slash:before { content:"\f070";} .fa-exclamation-triangle:before,.fa-warning:before { content:"\f071";} .fa-plane:before { content:"\f072";} .fa-calendar:before { content:"\f073";} .fa-random:before { content:"\f074";} .fa-comment:before { content:"\f075";} .fa-magnet:before { content:"\f076";} .fa-chevron-up:before { content:"\f077";} .fa-chevron-down:before { content:"\f078";} .fa-retweet:before { content:"\f079";} .fa-shopping-cart:before { content:"\f07a";} .fa-folder:before { content:"\f07b";} .fa-folder-open:before { content:"\f07c";} .fa-arrows-v:before { content:"\f07d";} .fa-arrows-h:before { content:"\f07e";} .fa-bar-chart-o:before,.fa-bar-chart:before { content:"\f080";} .fa-twitter-square:before { content:"\f081";} .fa-facebook-square:before { content:"\f082";} .fa-camera-retro:before { content:"\f083";} .fa-key:before { content:"\f084";} .fa-cogs:before,.fa-gears:before { content:"\f085";} .fa-comments:before { content:"\f086";} .fa-thumbs-o-up:before { content:"\f087";} .fa-thumbs-o-down:before { content:"\f088";} .fa-star-half:before { content:"\f089";} .fa-heart-o:before { content:"\f08a";} .fa-sign-out:before { content:"\f08b";} .fa-linkedin-square:before { content:"\f08c";} .fa-thumb-tack:before { content:"\f08d";} .fa-external-link:before { content:"\f08e";} .fa-sign-in:before { content:"\f090";} .fa-trophy:before { content:"\f091";} .fa-github-square:before { content:"\f092";} .fa-upload:before { content:"\f093";} .fa-lemon-o:before { content:"\f094";} .fa-phone:before { content:"\f095";} .fa-square-o:before { content:"\f096";} .fa-bookmark-o:before { content:"\f097";} .fa-phone-square:before { content:"\f098";} .fa-twitter:before { content:"\f099";} .fa-facebook-f:before,.fa-facebook:before { content:"\f09a";} .fa-github:before { content:"\f09b";} .fa-unlock:before { content:"\f09c";} .fa-credit-card:before { content:"\f09d";} .fa-feed:before,.fa-rss:before { content:"\f09e";} .fa-hdd-o:before { content:"\f0a0";} .fa-bullhorn:before { content:"\f0a1";} .fa-bell:before { content:"\f0f3";} .fa-certificate:before { content:"\f0a3";} .fa-hand-o-right:before { content:"\f0a4";} .fa-hand-o-left:before { content:"\f0a5";} .fa-hand-o-up:before { content:"\f0a6";} .fa-hand-o-down:before { content:"\f0a7";} .fa-arrow-circle-left:before { content:"\f0a8";} .fa-arrow-circle-right:before { content:"\f0a9";} .fa-arrow-circle-up:before { content:"\f0aa";} .fa-arrow-circle-down:before { content:"\f0ab";} .fa-globe:before { content:"\f0ac";} .fa-wrench:before { content:"\f0ad";} .fa-tasks:before { content:"\f0ae";} .fa-filter:before { content:"\f0b0";} .fa-briefcase:before { content:"\f0b1";} .fa-arrows-alt:before { content:"\f0b2";} .fa-group:before,.fa-users:before { content:"\f0c0";} .fa-chain:before,.fa-link:before { content:"\f0c1";} .fa-cloud:before { content:"\f0c2";} .fa-flask:before { content:"\f0c3";} .fa-cut:before,.fa-scissors:before { content:"\f0c4";} .fa-copy:before,.fa-files-o:before { content:"\f0c5";} .fa-paperclip:before { content:"\f0c6";} .fa-floppy-o:before,.fa-save:before { content:"\f0c7";} .fa-square:before { content:"\f0c8";} .fa-bars:before,.fa-navicon:before,.fa-reorder:before { content:"\f0c9";} .fa-list-ul:before { content:"\f0ca";} .fa-list-ol:before { content:"\f0cb";} .fa-strikethrough:before { content:"\f0cc";} .fa-underline:before { content:"\f0cd";} .fa-table:before { content:"\f0ce";} .fa-magic:before { content:"\f0d0";} .fa-truck:before { content:"\f0d1";} .fa-pinterest:before { content:"\f0d2";} .fa-pinterest-square:before { content:"\f0d3";} .fa-google-plus-square:before { content:"\f0d4";} .fa-google-plus:before { content:"\f0d5";} .fa-money:before { content:"\f0d6";} .fa-caret-down:before { content:"\f0d7";} .fa-caret-up:before { content:"\f0d8";} .fa-caret-left:before { content:"\f0d9";} .fa-caret-right:before { content:"\f0da";} .fa-columns:before { content:"\f0db";} .fa-sort:before,.fa-unsorted:before { content:"\f0dc";} .fa-sort-desc:before,.fa-sort-down:before { content:"\f0dd";} .fa-sort-asc:before,.fa-sort-up:before { content:"\f0de";} .fa-envelope:before { content:"\f0e0";} .fa-linkedin:before { content:"\f0e1";} .fa-rotate-left:before,.fa-undo:before { content:"\f0e2";} .fa-gavel:before,.fa-legal:before { content:"\f0e3";} .fa-dashboard:before,.fa-tachometer:before { content:"\f0e4";} .fa-comment-o:before { content:"\f0e5";} .fa-comments-o:before { content:"\f0e6";} .fa-bolt:before,.fa-flash:before { content:"\f0e7";} .fa-sitemap:before { content:"\f0e8";} .fa-umbrella:before { content:"\f0e9";} .fa-clipboard:before,.fa-paste:before { content:"\f0ea";} .fa-lightbulb-o:before { content:"\f0eb";} .fa-exchange:before { content:"\f0ec";} .fa-cloud-download:before { content:"\f0ed";} .fa-cloud-upload:before { content:"\f0ee";} .fa-user-md:before { content:"\f0f0";} .fa-stethoscope:before { content:"\f0f1";} .fa-suitcase:before { content:"\f0f2";} .fa-bell-o:before { content:"\f0a2";} .fa-coffee:before { content:"\f0f4";} .fa-cutlery:before { content:"\f0f5";} .fa-file-text-o:before { content:"\f0f6";} .fa-building-o:before { content:"\f0f7";} .fa-hospital-o:before { content:"\f0f8";} .fa-ambulance:before { content:"\f0f9";} .fa-medkit:before { content:"\f0fa";} .fa-fighter-jet:before { content:"\f0fb";} .fa-beer:before { content:"\f0fc";} .fa-h-square:before { content:"\f0fd";} .fa-plus-square:before { content:"\f0fe";} .fa-angle-double-left:before { content:"\f100";} .fa-angle-double-right:before { content:"\f101";} .fa-angle-double-up:before { content:"\f102";} .fa-angle-double-down:before { content:"\f103";} .fa-angle-left:before { content:"\f104";} .fa-angle-right:before { content:"\f105";} .fa-angle-up:before { content:"\f106";} .fa-angle-down:before { content:"\f107";} .fa-desktop:before { content:"\f108";} .fa-laptop:before { content:"\f109";} .fa-tablet:before { content:"\f10a";} .fa-mobile-phone:before,.fa-mobile:before { content:"\f10b";} .fa-circle-o:before { content:"\f10c";} .fa-quote-left:before { content:"\f10d";} .fa-quote-right:before { content:"\f10e";} .fa-spinner:before { content:"\f110";} .fa-circle:before { content:"\f111";} .fa-mail-reply:before,.fa-reply:before { content:"\f112";} .fa-github-alt:before { content:"\f113";} .fa-folder-o:before { content:"\f114";} .fa-folder-open-o:before { content:"\f115";} .fa-smile-o:before { content:"\f118";} .fa-frown-o:before { content:"\f119";} .fa-meh-o:before { content:"\f11a";} .fa-gamepad:before { content:"\f11b";} .fa-keyboard-o:before { content:"\f11c";} .fa-flag-o:before { content:"\f11d";} .fa-flag-checkered:before { content:"\f11e";} .fa-terminal:before { content:"\f120";} .fa-code:before { content:"\f121";} .fa-mail-reply-all:before,.fa-reply-all:before { content:"\f122";} .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before { content:"\f123";} .fa-location-arrow:before { content:"\f124";} .fa-crop:before { content:"\f125";} .fa-code-fork:before { content:"\f126";} .fa-chain-broken:before,.fa-unlink:before { content:"\f127";} .fa-question:before { content:"\f128";} .fa-info:before { content:"\f129";} .fa-exclamation:before { content:"\f12a";} .fa-superscript:before { content:"\f12b";} .fa-subscript:before { content:"\f12c";} .fa-eraser:before { content:"\f12d";} .fa-puzzle-piece:before { content:"\f12e";} .fa-microphone:before { content:"\f130";} .fa-microphone-slash:before { content:"\f131";} .fa-shield:before { content:"\f132";} .fa-calendar-o:before { content:"\f133";} .fa-fire-extinguisher:before { content:"\f134";} .fa-rocket:before { content:"\f135";} .fa-maxcdn:before { content:"\f136";} .fa-chevron-circle-left:before { content:"\f137";} .fa-chevron-circle-right:before { content:"\f138";} .fa-chevron-circle-up:before { content:"\f139";} .fa-chevron-circle-down:before { content:"\f13a";} .fa-html5:before { content:"\f13b";} .fa-css3:before { content:"\f13c";} .fa-anchor:before { content:"\f13d";} .fa-unlock-alt:before { content:"\f13e";} .fa-bullseye:before { content:"\f140";} .fa-ellipsis-h:before { content:"\f141";} .fa-ellipsis-v:before { content:"\f142";} .fa-rss-square:before { content:"\f143";} .fa-play-circle:before { content:"\f144";} .fa-ticket:before { content:"\f145";} .fa-minus-square:before { content:"\f146";} .fa-minus-square-o:before { content:"\f147";} .fa-level-up:before { content:"\f148";} .fa-level-down:before { content:"\f149";} .fa-check-square:before { content:"\f14a";} .fa-pencil-square:before { content:"\f14b";} .fa-external-link-square:before { content:"\f14c";} .fa-share-square:before { content:"\f14d";} .fa-compass:before { content:"\f14e";} .fa-caret-square-o-down:before,.fa-toggle-down:before { content:"\f150";} .fa-caret-square-o-up:before,.fa-toggle-up:before { content:"\f151";} .fa-caret-square-o-right:before,.fa-toggle-right:before { content:"\f152";} .fa-eur:before,.fa-euro:before { content:"\f153";} .fa-gbp:before { content:"\f154";} .fa-dollar:before,.fa-usd:before { content:"\f155";} .fa-inr:before,.fa-rupee:before { content:"\f156";} .fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before { content:"\f157";} .fa-rouble:before,.fa-rub:before,.fa-ruble:before { content:"\f158";} .fa-krw:before,.fa-won:before { content:"\f159";} .fa-bitcoin:before,.fa-btc:before { content:"\f15a";} .fa-file:before { content:"\f15b";} .fa-file-text:before { content:"\f15c";} .fa-sort-alpha-asc:before { content:"\f15d";} .fa-sort-alpha-desc:before { content:"\f15e";} .fa-sort-amount-asc:before { content:"\f160";} .fa-sort-amount-desc:before { content:"\f161";} .fa-sort-numeric-asc:before { content:"\f162";} .fa-sort-numeric-desc:before { content:"\f163";} .fa-thumbs-up:before { content:"\f164";} .fa-thumbs-down:before { content:"\f165";} .fa-youtube-square:before { content:"\f166";} .fa-youtube:before { content:"\f167";} .fa-xing:before { content:"\f168";} .fa-xing-square:before { content:"\f169";} .fa-youtube-play:before { content:"\f16a";} .fa-dropbox:before { content:"\f16b";} .fa-stack-overflow:before { content:"\f16c";} .fa-instagram:before { content:"\f16d";} .fa-flickr:before { content:"\f16e";} .fa-adn:before { content:"\f170";} .fa-bitbucket:before { content:"\f171";} .fa-bitbucket-square:before { content:"\f172";} .fa-tumblr:before { content:"\f173";} .fa-tumblr-square:before { content:"\f174";} .fa-long-arrow-down:before { content:"\f175";} .fa-long-arrow-up:before { content:"\f176";} .fa-long-arrow-left:before { content:"\f177";} .fa-long-arrow-right:before { content:"\f178";} .fa-apple:before { content:"\f179";} .fa-windows:before { content:"\f17a";} .fa-android:before { content:"\f17b";} .fa-linux:before { content:"\f17c";} .fa-dribbble:before { content:"\f17d";} .fa-skype:before { content:"\f17e";} .fa-foursquare:before { content:"\f180";} .fa-trello:before { content:"\f181";} .fa-female:before { content:"\f182";} .fa-male:before { content:"\f183";} .fa-gittip:before,.fa-gratipay:before { content:"\f184";} .fa-sun-o:before { content:"\f185";} .fa-moon-o:before { content:"\f186";} .fa-archive:before { content:"\f187";} .fa-bug:before { content:"\f188";} .fa-vk:before { content:"\f189";} .fa-weibo:before { content:"\f18a";} .fa-renren:before { content:"\f18b";} .fa-pagelines:before { content:"\f18c";} .fa-stack-exchange:before { content:"\f18d";} .fa-arrow-circle-o-right:before { content:"\f18e";} .fa-arrow-circle-o-left:before { content:"\f190";} .fa-caret-square-o-left:before,.fa-toggle-left:before { content:"\f191";} .fa-dot-circle-o:before { content:"\f192";} .fa-wheelchair:before { content:"\f193";} .fa-vimeo-square:before { content:"\f194";} .fa-try:before,.fa-turkish-lira:before { content:"\f195";} .fa-plus-square-o:before { content:"\f196";} .fa-space-shuttle:before { content:"\f197";} .fa-slack:before { content:"\f198";} .fa-envelope-square:before { content:"\f199";} .fa-wordpress:before { content:"\f19a";} .fa-openid:before { content:"\f19b";} .fa-bank:before,.fa-institution:before,.fa-university:before { content:"\f19c";} .fa-graduation-cap:before,.fa-mortar-board:before { content:"\f19d";} .fa-yahoo:before { content:"\f19e";} .fa-google:before { content:"\f1a0";} .fa-reddit:before { content:"\f1a1";} .fa-reddit-square:before { content:"\f1a2";} .fa-stumbleupon-circle:before { content:"\f1a3";} .fa-stumbleupon:before { content:"\f1a4";} .fa-delicious:before { content:"\f1a5";} .fa-digg:before { content:"\f1a6";} .fa-pied-piper:before { content:"\f1a7";} .fa-pied-piper-alt:before { content:"\f1a8";} .fa-drupal:before { content:"\f1a9";} .fa-joomla:before { content:"\f1aa";} .fa-language:before { content:"\f1ab";} .fa-fax:before { content:"\f1ac";} .fa-building:before { content:"\f1ad";} .fa-child:before { content:"\f1ae";} .fa-paw:before { content:"\f1b0";} .fa-spoon:before { content:"\f1b1";} .fa-cube:before { content:"\f1b2";} .fa-cubes:before { content:"\f1b3";} .fa-behance:before { content:"\f1b4";} .fa-behance-square:before { content:"\f1b5";} .fa-steam:before { content:"\f1b6";} .fa-steam-square:before { content:"\f1b7";} .fa-recycle:before { content:"\f1b8";} .fa-automobile:before,.fa-car:before { content:"\f1b9";} .fa-cab:before,.fa-taxi:before { content:"\f1ba";} .fa-tree:before { content:"\f1bb";} .fa-spotify:before { content:"\f1bc";} .fa-deviantart:before { content:"\f1bd";} .fa-soundcloud:before { content:"\f1be";} .fa-database:before { content:"\f1c0";} .fa-file-pdf-o:before { content:"\f1c1";} .fa-file-word-o:before { content:"\f1c2";} .fa-file-excel-o:before { content:"\f1c3";} .fa-file-powerpoint-o:before { content:"\f1c4";} .fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before { content:"\f1c5";} .fa-file-archive-o:before,.fa-file-zip-o:before { content:"\f1c6";} .fa-file-audio-o:before,.fa-file-sound-o:before { content:"\f1c7";} .fa-file-movie-o:before,.fa-file-video-o:before { content:"\f1c8";} .fa-file-code-o:before { content:"\f1c9";} .fa-vine:before { content:"\f1ca";} .fa-codepen:before { content:"\f1cb";} .fa-jsfiddle:before { content:"\f1cc";} .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before { content:"\f1cd";} .fa-circle-o-notch:before { content:"\f1ce";} .fa-ra:before,.fa-rebel:before { content:"\f1d0";} .fa-empire:before,.fa-ge:before { content:"\f1d1";} .fa-git-square:before { content:"\f1d2";} .fa-git:before { content:"\f1d3";} .fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before { content:"\f1d4";} .fa-tencent-weibo:before { content:"\f1d5";} .fa-qq:before { content:"\f1d6";} .fa-wechat:before,.fa-weixin:before { content:"\f1d7";} .fa-paper-plane:before,.fa-send:before { content:"\f1d8";} .fa-paper-plane-o:before,.fa-send-o:before { content:"\f1d9";} .fa-history:before { content:"\f1da";} .fa-circle-thin:before { content:"\f1db";} .fa-header:before { content:"\f1dc";} .fa-paragraph:before { content:"\f1dd";} .fa-sliders:before { content:"\f1de";} .fa-share-alt:before { content:"\f1e0";} .fa-share-alt-square:before { content:"\f1e1";} .fa-bomb:before { content:"\f1e2";} .fa-futbol-o:before,.fa-soccer-ball-o:before { content:"\f1e3";} .fa-tty:before { content:"\f1e4";} .fa-binoculars:before { content:"\f1e5";} .fa-plug:before { content:"\f1e6";} .fa-slideshare:before { content:"\f1e7";} .fa-twitch:before { content:"\f1e8";} .fa-yelp:before { content:"\f1e9";} .fa-newspaper-o:before { content:"\f1ea";} .fa-wifi:before { content:"\f1eb";} .fa-calculator:before { content:"\f1ec";} .fa-paypal:before { content:"\f1ed";} .fa-google-wallet:before { content:"\f1ee";} .fa-cc-visa:before { content:"\f1f0";} .fa-cc-mastercard:before { content:"\f1f1";} .fa-cc-discover:before { content:"\f1f2";} .fa-cc-amex:before { content:"\f1f3";} .fa-cc-paypal:before { content:"\f1f4";} .fa-cc-stripe:before { content:"\f1f5";} .fa-bell-slash:before { content:"\f1f6";} .fa-bell-slash-o:before { content:"\f1f7";} .fa-trash:before { content:"\f1f8";} .fa-copyright:before { content:"\f1f9";} .fa-at:before { content:"\f1fa";} .fa-eyedropper:before { content:"\f1fb";} .fa-paint-brush:before { content:"\f1fc";} .fa-birthday-cake:before { content:"\f1fd";} .fa-area-chart:before { content:"\f1fe";} .fa-pie-chart:before { content:"\f200";} .fa-line-chart:before { content:"\f201";} .fa-lastfm:before { content:"\f202";} .fa-lastfm-square:before { content:"\f203";} .fa-toggle-off:before { content:"\f204";} .fa-toggle-on:before { content:"\f205";} .fa-bicycle:before { content:"\f206";} .fa-bus:before { content:"\f207";} .fa-ioxhost:before { content:"\f208";} .fa-angellist:before { content:"\f209";} .fa-cc:before { content:"\f20a";} .fa-ils:before,.fa-shekel:before,.fa-sheqel:before { content:"\f20b";} .fa-meanpath:before { content:"\f20c";} .fa-buysellads:before { content:"\f20d";} .fa-connectdevelop:before { content:"\f20e";} .fa-dashcube:before { content:"\f210";} .fa-forumbee:before { content:"\f211";} .fa-leanpub:before { content:"\f212";} .fa-sellsy:before { content:"\f213";} .fa-shirtsinbulk:before { content:"\f214";} .fa-simplybuilt:before { content:"\f215";} .fa-skyatlas:before { content:"\f216";} .fa-cart-plus:before { content:"\f217";} .fa-cart-arrow-down:before { content:"\f218";} .fa-diamond:before { content:"\f219";} .fa-ship:before { content:"\f21a";} .fa-user-secret:before { content:"\f21b";} .fa-motorcycle:before { content:"\f21c";} .fa-street-view:before { content:"\f21d";} .fa-heartbeat:before { content:"\f21e";} .fa-venus:before { content:"\f221";} .fa-mars:before { content:"\f222";} .fa-mercury:before { content:"\f223";} .fa-intersex:before,.fa-transgender:before { content:"\f224";} .fa-transgender-alt:before { content:"\f225";} .fa-venus-double:before { content:"\f226";} .fa-mars-double:before { content:"\f227";} .fa-venus-mars:before { content:"\f228";} .fa-mars-stroke:before { content:"\f229";} .fa-mars-stroke-v:before { content:"\f22a";} .fa-mars-stroke-h:before { content:"\f22b";} .fa-neuter:before { content:"\f22c";} .fa-genderless:before { content:"\f22d";} .fa-facebook-official:before { content:"\f230";} .fa-pinterest-p:before { content:"\f231";} .fa-whatsapp:before { content:"\f232";} .fa-server:before { content:"\f233";} .fa-user-plus:before { content:"\f234";} .fa-user-times:before { content:"\f235";} .fa-bed:before,.fa-hotel:before { content:"\f236";} .fa-viacoin:before { content:"\f237";} .fa-train:before { content:"\f238";} .fa-subway:before { content:"\f239";} .fa-medium:before { content:"\f23a";} .fa-y-combinator:before,.fa-yc:before { content:"\f23b";} .fa-optin-monster:before { content:"\f23c";} .fa-opencart:before { content:"\f23d";} .fa-expeditedssl:before { content:"\f23e";} .fa-battery-4:before,.fa-battery-full:before { content:"\f240";} .fa-battery-3:before,.fa-battery-three-quarters:before { content:"\f241";} .fa-battery-2:before,.fa-battery-half:before { content:"\f242";} .fa-battery-1:before,.fa-battery-quarter:before { content:"\f243";} .fa-battery-0:before,.fa-battery-empty:before { content:"\f244";} .fa-mouse-pointer:before { content:"\f245";} .fa-i-cursor:before { content:"\f246";} .fa-object-group:before { content:"\f247";} .fa-object-ungroup:before { content:"\f248";} .fa-sticky-note:before { content:"\f249";} .fa-sticky-note-o:before { content:"\f24a";} .fa-cc-jcb:before { content:"\f24b";} .fa-cc-diners-club:before { content:"\f24c";} .fa-clone:before { content:"\f24d";} .fa-balance-scale:before { content:"\f24e";} .fa-hourglass-o:before { content:"\f250";} .fa-hourglass-1:before,.fa-hourglass-start:before { content:"\f251";} .fa-hourglass-2:before,.fa-hourglass-half:before { content:"\f252";} .fa-hourglass-3:before,.fa-hourglass-end:before { content:"\f253";} .fa-hourglass:before { content:"\f254";} .fa-hand-grab-o:before,.fa-hand-rock-o:before { content:"\f255";} .fa-hand-paper-o:before,.fa-hand-stop-o:before { content:"\f256";} .fa-hand-scissors-o:before { content:"\f257";} .fa-hand-lizard-o:before { content:"\f258";} .fa-hand-spock-o:before { content:"\f259";} .fa-hand-pointer-o:before { content:"\f25a";} .fa-hand-peace-o:before { content:"\f25b";} .fa-trademark:before { content:"\f25c";} .fa-registered:before { content:"\f25d";} .fa-creative-commons:before { content:"\f25e";} .fa-gg:before { content:"\f260";} .fa-gg-circle:before { content:"\f261";} .fa-tripadvisor:before { content:"\f262";} .fa-odnoklassniki:before { content:"\f263";} .fa-odnoklassniki-square:before { content:"\f264";} .fa-get-pocket:before { content:"\f265";} .fa-wikipedia-w:before { content:"\f266";} .fa-safari:before { content:"\f267";} .fa-chrome:before { content:"\f268";} .fa-firefox:before { content:"\f269";} .fa-opera:before { content:"\f26a";} .fa-internet-explorer:before { content:"\f26b";} .fa-television:before,.fa-tv:before { content:"\f26c";} .fa-contao:before { content:"\f26d";} .fa-500px:before { content:"\f26e";} .fa-amazon:before { content:"\f270";} .fa-calendar-plus-o:before { content:"\f271";} .fa-calendar-minus-o:before { content:"\f272";} .fa-calendar-times-o:before { content:"\f273";} .fa-calendar-check-o:before { content:"\f274";} .fa-industry:before { content:"\f275";} .fa-map-pin:before { content:"\f276";} .fa-map-signs:before { content:"\f277";} .fa-map-o:before { content:"\f278";} .fa-map:before { content:"\f279";} .fa-commenting:before { content:"\f27a";} .fa-commenting-o:before { content:"\f27b";} .fa-houzz:before { content:"\f27c";} .fa-vimeo:before { content:"\f27d";} .fa-black-tie:before { content:"\f27e";} .fa-fonticons:before { content:"\f280";} .fa-reddit-alien:before { content:"\f281";} .fa-edge:before { content:"\f282";} .fa-credit-card-alt:before { content:"\f283";} .fa-codiepie:before { content:"\f284";} .fa-modx:before { content:"\f285";} .fa-fort-awesome:before { content:"\f286";} .fa-usb:before { content:"\f287";} .fa-product-hunt:before { content:"\f288";} .fa-mixcloud:before { content:"\f289";} .fa-scribd:before { content:"\f28a";} .fa-pause-circle:before { content:"\f28b";} .fa-pause-circle-o:before { content:"\f28c";} .fa-stop-circle:before { content:"\f28d";} .fa-stop-circle-o:before { content:"\f28e";} .fa-shopping-bag:before { content:"\f290";} .fa-shopping-basket:before { content:"\f291";} .fa-hashtag:before { content:"\f292";} .fa-bluetooth:before { content:"\f293";} .fa-bluetooth-b:before { content:"\f294";} .fa-percent:before { content:"\f295";} .fa-gitlab:before { content:"\f296";} .fa-wpbeginner:before { content:"\f297";} .fa-wpforms:before { content:"\f298";} .fa-envira:before { content:"\f299";} .fa-universal-access:before { content:"\f29a";} .fa-wheelchair-alt:before { content:"\f29b";} .fa-question-circle-o:before { content:"\f29c";} .fa-blind:before { content:"\f29d";} .fa-audio-description:before { content:"\f29e";} .fa-volume-control-phone:before { content:"\f2a0";} .fa-braille:before { content:"\f2a1";} .fa-assistive-listening-systems:before { content:"\f2a2";} .fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before { content:"\f2a3";} .fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before { content:"\f2a4";} .fa-glide:before { content:"\f2a5";} .fa-glide-g:before { content:"\f2a6";} .fa-sign-language:before,.fa-signing:before { content:"\f2a7";} .fa-low-vision:before { content:"\f2a8";} .fa-viadeo:before { content:"\f2a9";} .fa-viadeo-square:before { content:"\f2aa";} .fa-snapchat:before { content:"\f2ab";} .fa-snapchat-ghost:before { content:"\f2ac";} .fa-snapchat-square:before { content:"\f2ad";} /* Linecons */ .li_heart:before { content: "\e000"; } .li_cloud:before { content: "\e001"; } .li_star:before { content: "\e002"; } .li_tv:before { content: "\e003"; } .li_sound:before { content: "\e004"; } .li_video:before { content: "\e005"; } .li_trash:before { content: "\e006"; } .li_user:before { content: "\e007"; } .li_key:before { content: "\e008"; } .li_search:before { content: "\e009"; } .li_settings:before { content: "\e00a"; } .li_camera:before { content: "\e00b"; } .li_tag:before { content: "\e00c"; } .li_lock:before { content: "\e00d"; } .li_bulb:before { content: "\e00e"; } .li_pen:before { content: "\e00f"; } .li_diamond:before { content: "\e010"; } .li_display:before { content: "\e011"; } .li_location:before { content: "\e012"; } .li_eye:before { content: "\e013"; } .li_bubble:before { content: "\e014"; } .li_stack:before { content: "\e015"; } .li_cup:before { content: "\e016"; } .li_phone:before { content: "\e017"; } .li_news:before { content: "\e018"; } .li_mail:before { content: "\e019"; } .li_like:before { content: "\e01a"; } .li_photo:before { content: "\e01b"; } .li_note:before { content: "\e01c"; } .li_clock:before { content: "\e01d"; } .li_paperplane:before { content: "\e01e"; } .li_params:before { content: "\e01f"; } .li_banknote:before { content: "\e020"; } .li_data:before { content: "\e021"; } .li_music:before { content: "\e022"; } .li_megaphone:before { content: "\e023"; } .li_study:before { content: "\e024"; } .li_lab:before { content: "\e025"; } .li_food:before { content: "\e026"; } .li_t-shirt:before { content: "\e027"; } .li_fire:before { content: "\e028"; } .li_clip:before { content: "\e029"; } .li_shop:before { content: "\e02a"; } .li_calendar:before { content: "\e02b"; } .li_vallet:before { content: "\e02c"; } .li_vynil:before { content: "\e02d"; } .li_truck:before { content: "\e02e"; } .li_world:before { content: "\e02f"; } /* Simple-Line-Icons */ .sl-user:before { content: "\e005";} .sl-people:before { content: "\e001";} .sl-user-female:before { content: "\e000";} .sl-user-follow:before { content: "\e002";} .sl-user-following:before { content: "\e003";} .sl-user-unfollow:before { content: "\e004";} .sl-login:before { content: "\e066";} .sl-logout:before { content: "\e065";} .sl-emotsmile:before { content: "\e021";} .sl-phone:before { content: "\e600";} .sl-call-end:before { content: "\e048";} .sl-call-in:before { content: "\e047";} .sl-call-out:before { content: "\e046";} .sl-map:before { content: "\e033";} .sl-location-pin:before { content: "\e096";} .sl-direction:before { content: "\e042";} .sl-directions:before { content: "\e041";} .sl-compass:before { content: "\e045";} .sl-layers:before { content: "\e034";} .sl-menu:before { content: "\e601";} .sl-list:before { content: "\e067";} .sl-options-vertical:before { content: "\e602";} .sl-options:before { content: "\e603";} .sl-arrow-down:before { content: "\e604";} .sl-arrow-left:before { content: "\e605";} .sl-arrow-right:before { content: "\e606";} .sl-arrow-up:before { content: "\e607";} .sl-arrow-up-circle:before { content: "\e078";} .sl-arrow-left-circle:before { content: "\e07a";} .sl-arrow-right-circle:before { content: "\e079";} .sl-arrow-down-circle:before { content: "\e07b";} .sl-check:before { content: "\e080";} .sl-clock:before { content: "\e081";} .sl-plus:before { content: "\e095";} .sl-minus:before { content: "\e615";} .sl-close:before { content: "\e082";} .sl-event:before { content: "\e619";} .sl-exclamation:before { content: "\e617";} .sl-organization:before { content: "\e616";} .sl-trophy:before { content: "\e006";} .sl-screen-smartphone:before { content: "\e010";} .sl-screen-desktop:before { content: "\e011";} .sl-plane:before { content: "\e012";} .sl-notebook:before { content: "\e013";} .sl-mustache:before { content: "\e014";} .sl-mouse:before { content: "\e015";} .sl-magnet:before { content: "\e016";} .sl-energy:before { content: "\e020";} .sl-disc:before { content: "\e022";} .sl-cursor:before { content: "\e06e";} .sl-cursor-move:before { content: "\e023";} .sl-crop:before { content: "\e024";} .sl-chemistry:before { content: "\e026";} .sl-speedometer:before { content: "\e007";} .sl-shield:before { content: "\e00e";} .sl-screen-tablet:before { content: "\e00f";} .sl-magic-wand:before { content: "\e017";} .sl-hourglass:before { content: "\e018";} .sl-graduation:before { content: "\e019";} .sl-ghost:before { content: "\e01a";} .sl-game-controller:before { content: "\e01b";} .sl-fire:before { content: "\e01c";} .sl-eyeglass:before { content: "\e01d";} .sl-envelope-open:before { content: "\e01e";} .sl-envelope-letter:before { content: "\e01f";} .sl-bell:before { content: "\e027";} .sl-badge:before { content: "\e028";} .sl-anchor:before { content: "\e029";} .sl-wallet:before { content: "\e02a";} .sl-vector:before { content: "\e02b";} .sl-speech:before { content: "\e02c";} .sl-puzzle:before { content: "\e02d";} .sl-printer:before { content: "\e02e";} .sl-present:before { content: "\e02f";} .sl-playlist:before { content: "\e030";} .sl-pin:before { content: "\e031";} .sl-picture:before { content: "\e032";} .sl-handbag:before { content: "\e035";} .sl-globe-alt:before { content: "\e036";} .sl-globe:before { content: "\e037";} .sl-folder-alt:before { content: "\e039";} .sl-folder:before { content: "\e089";} .sl-film:before { content: "\e03a";} .sl-feed:before { content: "\e03b";} .sl-drop:before { content: "\e03e";} .sl-drawer:before { content: "\e03f";} .sl-docs:before { content: "\e040";} .sl-doc:before { content: "\e085";} .sl-diamond:before { content: "\e043";} .sl-cup:before { content: "\e044";} .sl-calculator:before { content: "\e049";} .sl-bubbles:before { content: "\e04a";} .sl-briefcase:before { content: "\e04b";} .sl-book-open:before { content: "\e04c";} .sl-basket-loaded:before { content: "\e04d";} .sl-basket:before { content: "\e04e";} .sl-bag:before { content: "\e04f";} .sl-action-undo:before { content: "\e050";} .sl-action-redo:before { content: "\e051";} .sl-wrench:before { content: "\e052";} .sl-umbrella:before { content: "\e053";} .sl-trash:before { content: "\e054";} .sl-tag:before { content: "\e055";} .sl-support:before { content: "\e056";} .sl-frame:before { content: "\e038";} .sl-size-fullscreen:before { content: "\e057";} .sl-size-actual:before { content: "\e058";} .sl-shuffle:before { content: "\e059";} .sl-share-alt:before { content: "\e05a";} .sl-share:before { content: "\e05b";} .sl-rocket:before { content: "\e05c";} .sl-question:before { content: "\e05d";} .sl-pie-chart:before { content: "\e05e";} .sl-pencil:before { content: "\e05f";} .sl-note:before { content: "\e060";} .sl-loop:before { content: "\e064";} .sl-home:before { content: "\e069";} .sl-grid:before { content: "\e06a";} .sl-graph:before { content: "\e06b";} .sl-microphone:before { content: "\e063";} .sl-music-tone-alt:before { content: "\e061";} .sl-music-tone:before { content: "\e062";} .sl-earphones-alt:before { content: "\e03c";} .sl-earphones:before { content: "\e03d";} .sl-equalizer:before { content: "\e06c";} .sl-like:before { content: "\e068";} .sl-dislike:before { content: "\e06d";} .sl-control-start:before { content: "\e06f";} .sl-control-rewind:before { content: "\e070";} .sl-control-play:before { content: "\e071";} .sl-control-pause:before { content: "\e072";} .sl-control-forward:before { content: "\e073";} .sl-control-end:before { content: "\e074";} .sl-volume-1:before { content: "\e09f";} .sl-volume-2:before { content: "\e0a0";} .sl-volume-off:before { content: "\e0a1";} .sl-calendar:before { content: "\e075";} .sl-bulb:before { content: "\e076";} .sl-chart:before { content: "\e077";} .sl-ban:before { content: "\e07c";} .sl-bubble:before { content: "\e07d";} .sl-camrecorder:before { content: "\e07e";} .sl-camera:before { content: "\e07f";} .sl-cloud-download:before { content: "\e083";} .sl-cloud-upload:before { content: "\e084";} .sl-envelope:before { content: "\e086";} .sl-eye:before { content: "\e087";} .sl-flag:before { content: "\e088";} .sl-heart:before { content: "\e08a";} .sl-info:before { content: "\e08b";} .sl-key:before { content: "\e08c";} .sl-link:before { content: "\e08d";} .sl-lock:before { content: "\e08e";} .sl-lock-open:before { content: "\e08f";} .sl-magnifier:before { content: "\e090";} .sl-magnifier-add:before { content: "\e091";} .sl-magnifier-remove:before { content: "\e092";} .sl-paper-clip:before { content: "\e093";} .sl-paper-plane:before { content: "\e094";} .sl-power:before { content: "\e097";} .sl-refresh:before { content: "\e098";} .sl-reload:before { content: "\e099";} .sl-settings:before { content: "\e09a";} .sl-star:before { content: "\e09b";} .sl-symbol-female:before { content: "\e09c";} .sl-symbol-male:before { content: "\e09d";} .sl-target:before { content: "\e09e";} .sl-credit-card:before { content: "\e025";} .sl-paypal:before { content: "\e608";} .sl-social-tumblr:before { content: "\e00a";} .sl-social-twitter:before { content: "\e009";} .sl-social-facebook:before { content: "\e00b";} .sl-social-instagram:before { content: "\e609";} .sl-social-linkedin:before { content: "\e60a";} .sl-social-pinterest:before { content: "\e60b";} .sl-social-github:before { content: "\e60c";} .sl-social-google:before { content: "\e60d";} .sl-social-reddit:before { content: "\e60e";} .sl-social-skype:before { content: "\e60f";} .sl-social-dribbble:before { content: "\e00d";} .sl-social-behance:before { content: "\e610";} .sl-social-foursqare:before { content: "\e611";} .sl-social-soundcloud:before { content: "\e612";} .sl-social-spotify:before { content: "\e613";} .sl-social-stumbleupon:before { content: "\e614";} .sl-social-youtube:before { content: "\e008";} .sl-social-dropbox:before { content: "\e00c";} .sl-social-vkontakte:before { content: "\e618";} .sl-social-steam:before { content: "\e620";} /* Line-Style Icons */ .icon-mobile:before { content: "\e000";} .icon-laptop:before { content: "\e001";} .icon-desktop:before { content: "\e002";} .icon-tablet:before { content: "\e003";} .icon-phone:before { content: "\e004";} .icon-document:before { content: "\e005";} .icon-documents:before { content: "\e006";} .icon-search:before { content: "\e007";} .icon-clipboard:before { content: "\e008";} .icon-newspaper:before { content: "\e009";} .icon-notebook:before { content: "\e00a";} .icon-book-open:before { content: "\e00b";} .icon-browser:before { content: "\e00c";} .icon-calendar:before { content: "\e00d";} .icon-presentation:before { content: "\e00e";} .icon-picture:before { content: "\e00f";} .icon-pictures:before { content: "\e010";} .icon-video:before { content: "\e011";} .icon-camera:before { content: "\e012";} .icon-printer:before { content: "\e013";} .icon-toolbox:before { content: "\e014";} .icon-briefcase:before { content: "\e015";} .icon-wallet:before { content: "\e016";} .icon-gift:before { content: "\e017";} .icon-bargraph:before { content: "\e018";} .icon-grid:before { content: "\e019";} .icon-expand:before { content: "\e01a";} .icon-focus:before { content: "\e01b";} .icon-edit:before { content: "\e01c";} .icon-adjustments:before { content: "\e01d";} .icon-ribbon:before { content: "\e01e";} .icon-hourglass:before { content: "\e01f";} .icon-lock:before { content: "\e020";} .icon-megaphone:before { content: "\e021";} .icon-shield:before { content: "\e022";} .icon-trophy:before { content: "\e023";} .icon-flag:before { content: "\e024";} .icon-map:before { content: "\e025";} .icon-puzzle:before { content: "\e026";} .icon-basket:before { content: "\e027";} .icon-envelope:before { content: "\e028";} .icon-streetsign:before { content: "\e029";} .icon-telescope:before { content: "\e02a";} .icon-gears:before { content: "\e02b";} .icon-key:before { content: "\e02c";} .icon-paperclip:before { content: "\e02d";} .icon-attachment:before { content: "\e02e";} .icon-pricetags:before { content: "\e02f";} .icon-lightbulb:before { content: "\e030";} .icon-layers:before { content: "\e031";} .icon-pencil:before { content: "\e032";} .icon-tools:before { content: "\e033";} .icon-tools-2:before { content: "\e034";} .icon-scissors:before { content: "\e035";} .icon-paintbrush:before { content: "\e036";} .icon-magnifying-glass:before { content: "\e037";} .icon-circle-compass:before { content: "\e038";} .icon-linegraph:before { content: "\e039";} .icon-mic:before { content: "\e03a";} .icon-strategy:before { content: "\e03b";} .icon-beaker:before { content: "\e03c";} .icon-caution:before { content: "\e03d";} .icon-recycle:before { content: "\e03e";} .icon-anchor:before { content: "\e03f";} .icon-profile-male:before { content: "\e040";} .icon-profile-female:before { content: "\e041";} .icon-bike:before { content: "\e042";} .icon-wine:before { content: "\e043";} .icon-hotairballoon:before { content: "\e044";} .icon-globe:before { content: "\e045";} .icon-genius:before { content: "\e046";} .icon-map-pin:before { content: "\e047";} .icon-dial:before { content: "\e048";} .icon-chat:before { content: "\e049";} .icon-heart:before { content: "\e04a";} .icon-cloud:before { content: "\e04b";} .icon-upload:before { content: "\e04c";} .icon-download:before { content: "\e04d";} .icon-target:before { content: "\e04e";} .icon-hazardous:before { content: "\e04f";} .icon-piechart:before { content: "\e050";} .icon-speedometer:before { content: "\e051";} .icon-global:before { content: "\e052";} .icon-compass:before { content: "\e053";} .icon-lifesaver:before { content: "\e054";} .icon-clock:before { content: "\e055";} .icon-aperture:before { content: "\e056";} .icon-quote:before { content: "\e057";} .icon-scope:before { content: "\e058";} .icon-alarmclock:before { content: "\e059";} .icon-refresh:before { content: "\e05a";} .icon-happy:before { content: "\e05b";} .icon-sad:before { content: "\e05c";} .icon-facebook:before { content: "\e05d";} .icon-twitter:before { content: "\e05e";} .icon-googleplus:before { content: "\e05f";} .icon-rss:before { content: "\e060";} .icon-tumblr:before { content: "\e061";} .icon-linkedin:before { content: "\e062";} .icon-dribbble:before { content: "\e063";} /* Themify Icons */ .ti-wand:before { content: "\e600";} .ti-volume:before { content: "\e601";} .ti-user:before { content: "\e602";} .ti-unlock:before { content: "\e603";} .ti-unlink:before { content: "\e604";} .ti-trash:before { content: "\e605";} .ti-thought:before { content: "\e606";} .ti-target:before { content: "\e607";} .ti-tag:before { content: "\e608";} .ti-tablet:before { content: "\e609";} .ti-star:before { content: "\e60a";} .ti-spray:before { content: "\e60b";} .ti-signal:before { content: "\e60c";} .ti-shopping-cart:before { content: "\e60d";} .ti-shopping-cart-full:before { content: "\e60e";} .ti-settings:before { content: "\e60f";} .ti-search:before { content: "\e610";} .ti-zoom-in:before { content: "\e611";} .ti-zoom-out:before { content: "\e612";} .ti-cut:before { content: "\e613";} .ti-ruler:before { content: "\e614";} .ti-ruler-pencil:before { content: "\e615";} .ti-ruler-alt:before { content: "\e616";} .ti-bookmark:before { content: "\e617";} .ti-bookmark-alt:before { content: "\e618";} .ti-reload:before { content: "\e619";} .ti-plus:before { content: "\e61a";} .ti-pin:before { content: "\e61b";} .ti-pencil:before { content: "\e61c";} .ti-pencil-alt:before { content: "\e61d";} .ti-paint-roller:before { content: "\e61e";} .ti-paint-bucket:before { content: "\e61f";} .ti-na:before { content: "\e620";} .ti-mobile:before { content: "\e621";} .ti-minus:before { content: "\e622";} .ti-medall:before { content: "\e623";} .ti-medall-alt:before { content: "\e624";} .ti-marker:before { content: "\e625";} .ti-marker-alt:before { content: "\e626";} .ti-arrow-up:before { content: "\e627";} .ti-arrow-right:before { content: "\e628";} .ti-arrow-left:before { content: "\e629";} .ti-arrow-down:before { content: "\e62a";} .ti-lock:before { content: "\e62b";} .ti-location-arrow:before { content: "\e62c";} .ti-link:before { content: "\e62d";} .ti-layout:before { content: "\e62e";} .ti-layers:before { content: "\e62f";} .ti-layers-alt:before { content: "\e630";} .ti-key:before { content: "\e631";} .ti-import:before { content: "\e632";} .ti-image:before { content: "\e633";} .ti-heart:before { content: "\e634";} .ti-heart-broken:before { content: "\e635";} .ti-hand-stop:before { content: "\e636";} .ti-hand-open:before { content: "\e637";} .ti-hand-drag:before { content: "\e638";} .ti-folder:before { content: "\e639";} .ti-flag:before { content: "\e63a";} .ti-flag-alt:before { content: "\e63b";} .ti-flag-alt-2:before { content: "\e63c";} .ti-eye:before { content: "\e63d";} .ti-export:before { content: "\e63e";} .ti-exchange-vertical:before { content: "\e63f";} .ti-desktop:before { content: "\e640";} .ti-cup:before { content: "\e641";} .ti-crown:before { content: "\e642";} .ti-comments:before { content: "\e643";} .ti-comment:before { content: "\e644";} .ti-comment-alt:before { content: "\e645";} .ti-close:before { content: "\e646";} .ti-clip:before { content: "\e647";} .ti-angle-up:before { content: "\e648";} .ti-angle-right:before { content: "\e649";} .ti-angle-left:before { content: "\e64a";} .ti-angle-down:before { content: "\e64b";} .ti-check:before { content: "\e64c";} .ti-check-box:before { content: "\e64d";} .ti-camera:before { content: "\e64e";} .ti-announcement:before { content: "\e64f";} .ti-brush:before { content: "\e650";} .ti-briefcase:before { content: "\e651";} .ti-bolt:before { content: "\e652";} .ti-bolt-alt:before { content: "\e653";} .ti-blackboard:before { content: "\e654";} .ti-bag:before { content: "\e655";} .ti-move:before { content: "\e656";} .ti-arrows-vertical:before { content: "\e657";} .ti-arrows-horizontal:before { content: "\e658";} .ti-fullscreen:before { content: "\e659";} .ti-arrow-top-right:before { content: "\e65a";} .ti-arrow-top-left:before { content: "\e65b";} .ti-arrow-circle-up:before { content: "\e65c";} .ti-arrow-circle-right:before { content: "\e65d";} .ti-arrow-circle-left:before { content: "\e65e";} .ti-arrow-circle-down:before { content: "\e65f";} .ti-angle-double-up:before { content: "\e660";} .ti-angle-double-right:before { content: "\e661";} .ti-angle-double-left:before { content: "\e662";} .ti-angle-double-down:before { content: "\e663";} .ti-zip:before { content: "\e664";} .ti-world:before { content: "\e665";} .ti-wheelchair:before { content: "\e666";} .ti-view-list:before { content: "\e667";} .ti-view-list-alt:before { content: "\e668";} .ti-view-grid:before { content: "\e669";} .ti-uppercase:before { content: "\e66a";} .ti-upload:before { content: "\e66b";} .ti-underline:before { content: "\e66c";} .ti-truck:before { content: "\e66d";} .ti-timer:before { content: "\e66e";} .ti-ticket:before { content: "\e66f";} .ti-thumb-up:before { content: "\e670";} .ti-thumb-down:before { content: "\e671";} .ti-text:before { content: "\e672";} .ti-stats-up:before { content: "\e673";} .ti-stats-down:before { content: "\e674";} .ti-split-v:before { content: "\e675";} .ti-split-h:before { content: "\e676";} .ti-smallcap:before { content: "\e677";} .ti-shine:before { content: "\e678";} .ti-shift-right:before { content: "\e679";} .ti-shift-left:before { content: "\e67a";} .ti-shield:before { content: "\e67b";} .ti-notepad:before { content: "\e67c";} .ti-server:before { content: "\e67d";} .ti-quote-right:before { content: "\e67e";} .ti-quote-left:before { content: "\e67f";} .ti-pulse:before { content: "\e680";} .ti-printer:before { content: "\e681";} .ti-power-off:before { content: "\e682";} .ti-plug:before { content: "\e683";} .ti-pie-chart:before { content: "\e684";} .ti-paragraph:before { content: "\e685";} .ti-panel:before { content: "\e686";} .ti-package:before { content: "\e687";} .ti-music:before { content: "\e688";} .ti-music-alt:before { content: "\e689";} .ti-mouse:before { content: "\e68a";} .ti-mouse-alt:before { content: "\e68b";} .ti-money:before { content: "\e68c";} .ti-microphone:before { content: "\e68d";} .ti-menu:before { content: "\e68e";} .ti-menu-alt:before { content: "\e68f";} .ti-map:before { content: "\e690";} .ti-map-alt:before { content: "\e691";} .ti-loop:before { content: "\e692";} .ti-location-pin:before { content: "\e693";} .ti-list:before { content: "\e694";} .ti-light-bulb:before { content: "\e695";} .ti-Italic:before { content: "\e696";} .ti-info:before { content: "\e697";} .ti-infinite:before { content: "\e698";} .ti-id-badge:before { content: "\e699";} .ti-hummer:before { content: "\e69a";} .ti-home:before { content: "\e69b";} .ti-help:before { content: "\e69c";} .ti-headphone:before { content: "\e69d";} .ti-harddrives:before { content: "\e69e";} .ti-harddrive:before { content: "\e69f";} .ti-gift:before { content: "\e6a0";} .ti-game:before { content: "\e6a1";} .ti-filter:before { content: "\e6a2";} .ti-files:before { content: "\e6a3";} .ti-file:before { content: "\e6a4";} .ti-eraser:before { content: "\e6a5";} .ti-envelope:before { content: "\e6a6";} .ti-download:before { content: "\e6a7";} .ti-direction:before { content: "\e6a8";} .ti-direction-alt:before { content: "\e6a9";} .ti-dashboard:before { content: "\e6aa";} .ti-control-stop:before { content: "\e6ab";} .ti-control-shuffle:before { content: "\e6ac";} .ti-control-play:before { content: "\e6ad";} .ti-control-pause:before { content: "\e6ae";} .ti-control-forward:before { content: "\e6af";} .ti-control-backward:before { content: "\e6b0";} .ti-cloud:before { content: "\e6b1";} .ti-cloud-up:before { content: "\e6b2";} .ti-cloud-down:before { content: "\e6b3";} .ti-clipboard:before { content: "\e6b4";} .ti-car:before { content: "\e6b5";} .ti-calendar:before { content: "\e6b6";} .ti-book:before { content: "\e6b7";} .ti-bell:before { content: "\e6b8";} .ti-basketball:before { content: "\e6b9";} .ti-bar-chart:before { content: "\e6ba";} .ti-bar-chart-alt:before { content: "\e6bb";} .ti-back-right:before { content: "\e6bc";} .ti-back-left:before { content: "\e6bd";} .ti-arrows-corner:before { content: "\e6be";} .ti-archive:before { content: "\e6bf";} .ti-anchor:before { content: "\e6c0";} .ti-align-right:before { content: "\e6c1";} .ti-align-left:before { content: "\e6c2";} .ti-align-justify:before { content: "\e6c3";} .ti-align-center:before { content: "\e6c4";} .ti-alert:before { content: "\e6c5";} .ti-alarm-clock:before { content: "\e6c6";} .ti-agenda:before { content: "\e6c7";} .ti-write:before { content: "\e6c8";} .ti-window:before { content: "\e6c9";} .ti-widgetized:before { content: "\e6ca";} .ti-widget:before { content: "\e6cb";} .ti-widget-alt:before { content: "\e6cc";} .ti-wallet:before { content: "\e6cd";} .ti-video-clapper:before { content: "\e6ce";} .ti-video-camera:before { content: "\e6cf";} .ti-vector:before { content: "\e6d0";} .ti-themify-logo:before { content: "\e6d1";} .ti-themify-favicon:before { content: "\e6d2";} .ti-themify-favicon-alt:before { content: "\e6d3";} .ti-support:before { content: "\e6d4";} .ti-stamp:before { content: "\e6d5";} .ti-split-v-alt:before { content: "\e6d6";} .ti-slice:before { content: "\e6d7";} .ti-shortcode:before { content: "\e6d8";} .ti-shift-right-alt:before { content: "\e6d9";} .ti-shift-left-alt:before { content: "\e6da";} .ti-ruler-alt-2:before { content: "\e6db";} .ti-receipt:before { content: "\e6dc";} .ti-pin2:before { content: "\e6dd";} .ti-pin-alt:before { content: "\e6de";} .ti-pencil-alt2:before { content: "\e6df";} .ti-palette:before { content: "\e6e0";} .ti-more:before { content: "\e6e1";} .ti-more-alt:before { content: "\e6e2";} .ti-microphone-alt:before { content: "\e6e3";} .ti-magnet:before { content: "\e6e4";} .ti-line-double:before { content: "\e6e5";} .ti-line-dotted:before { content: "\e6e6";} .ti-line-dashed:before { content: "\e6e7";} .ti-layout-width-full:before { content: "\e6e8";} .ti-layout-width-default:before { content: "\e6e9";} .ti-layout-width-default-alt:before { content: "\e6ea";} .ti-layout-tab:before { content: "\e6eb";} .ti-layout-tab-window:before { content: "\e6ec";} .ti-layout-tab-v:before { content: "\e6ed";} .ti-layout-tab-min:before { content: "\e6ee";} .ti-layout-slider:before { content: "\e6ef";} .ti-layout-slider-alt:before { content: "\e6f0";} .ti-layout-sidebar-right:before { content: "\e6f1";} .ti-layout-sidebar-none:before { content: "\e6f2";} .ti-layout-sidebar-left:before { content: "\e6f3";} .ti-layout-placeholder:before { content: "\e6f4";} .ti-layout-menu:before { content: "\e6f5";} .ti-layout-menu-v:before { content: "\e6f6";} .ti-layout-menu-separated:before { content: "\e6f7";} .ti-layout-menu-full:before { content: "\e6f8";} .ti-layout-media-right-alt:before { content: "\e6f9";} .ti-layout-media-right:before { content: "\e6fa";} .ti-layout-media-overlay:before { content: "\e6fb";} .ti-layout-media-overlay-alt:before { content: "\e6fc";} .ti-layout-media-overlay-alt-2:before { content: "\e6fd";} .ti-layout-media-left-alt:before { content: "\e6fe";} .ti-layout-media-left:before { content: "\e6ff";} .ti-layout-media-center-alt:before { content: "\e700";} .ti-layout-media-center:before { content: "\e701";} .ti-layout-list-thumb:before { content: "\e702";} .ti-layout-list-thumb-alt:before { content: "\e703";} .ti-layout-list-post:before { content: "\e704";} .ti-layout-list-large-image:before { content: "\e705";} .ti-layout-line-solid:before { content: "\e706";} .ti-layout-grid4:before { content: "\e707";} .ti-layout-grid3:before { content: "\e708";} .ti-layout-grid2:before { content: "\e709";} .ti-layout-grid2-thumb:before { content: "\e70a";} .ti-layout-cta-right:before { content: "\e70b";} .ti-layout-cta-left:before { content: "\e70c";} .ti-layout-cta-center:before { content: "\e70d";} .ti-layout-cta-btn-right:before { content: "\e70e";} .ti-layout-cta-btn-left:before { content: "\e70f";} .ti-layout-column4:before { content: "\e710";} .ti-layout-column3:before { content: "\e711";} .ti-layout-column2:before { content: "\e712";} .ti-layout-accordion-separated:before { content: "\e713";} .ti-layout-accordion-merged:before { content: "\e714";} .ti-layout-accordion-list:before { content: "\e715";} .ti-ink-pen:before { content: "\e716";} .ti-info-alt:before { content: "\e717";} .ti-help-alt:before { content: "\e718";} .ti-headphone-alt:before { content: "\e719";} .ti-hand-point-up:before { content: "\e71a";} .ti-hand-point-right:before { content: "\e71b";} .ti-hand-point-left:before { content: "\e71c";} .ti-hand-point-down:before { content: "\e71d";} .ti-gallery:before { content: "\e71e";} .ti-face-smile:before { content: "\e71f";} .ti-face-sad:before { content: "\e720";} .ti-credit-card:before { content: "\e721";} .ti-control-skip-forward:before { content: "\e722";} .ti-control-skip-backward:before { content: "\e723";} .ti-control-record:before { content: "\e724";} .ti-control-eject:before { content: "\e725";} .ti-comments-smiley:before { content: "\e726";} .ti-brush-alt:before { content: "\e727";} .ti-youtube:before { content: "\e728";} .ti-vimeo:before { content: "\e729";} .ti-twitter:before { content: "\e72a";} .ti-time:before { content: "\e72b";} .ti-tumblr:before { content: "\e72c";} .ti-skype:before { content: "\e72d";} .ti-share:before { content: "\e72e";} .ti-share-alt:before { content: "\e72f";} .ti-rocket:before { content: "\e730";} .ti-pinterest:before { content: "\e731";} .ti-new-window:before { content: "\e732";} .ti-microsoft:before { content: "\e733";} .ti-list-ol:before { content: "\e734";} .ti-linkedin:before { content: "\e735";} .ti-layout-sidebar-2:before { content: "\e736";} .ti-layout-grid4-alt:before { content: "\e737";} .ti-layout-grid3-alt:before { content: "\e738";} .ti-layout-grid2-alt:before { content: "\e739";} .ti-layout-column4-alt:before { content: "\e73a";} .ti-layout-column3-alt:before { content: "\e73b";} .ti-layout-column2-alt:before { content: "\e73c";} .ti-instagram:before { content: "\e73d";} .ti-google:before { content: "\e73e";} .ti-github:before { content: "\e73f";} .ti-flickr:before { content: "\e740";} .ti-facebook:before { content: "\e741";} .ti-dropbox:before { content: "\e742";} .ti-dribbble:before { content: "\e743";} .ti-apple:before { content: "\e744";} .ti-android:before { content: "\e745";} .ti-save:before { content: "\e746";} .ti-save-alt:before { content: "\e747";} .ti-yahoo:before { content: "\e748";} .ti-wordpress:before { content: "\e749";} .ti-vimeo-alt:before { content: "\e74a";} .ti-twitter-alt:before { content: "\e74b";} .ti-tumblr-alt:before { content: "\e74c";} .ti-trello:before { content: "\e74d";} .ti-stack-overflow:before { content: "\e74e";} .ti-soundcloud:before { content: "\e74f";} .ti-sharethis:before { content: "\e750";} .ti-sharethis-alt:before { content: "\e751";} .ti-reddit:before { content: "\e752";} .ti-pinterest-alt:before { content: "\e753";} .ti-microsoft-alt:before { content: "\e754";} .ti-linux:before { content: "\e755";} .ti-jsfiddle:before { content: "\e756";} .ti-joomla:before { content: "\e757";} .ti-html5:before { content: "\e758";} .ti-flickr-alt:before { content: "\e759";} .ti-email:before { content: "\e75a";} .ti-drupal:before { content: "\e75b";} .ti-dropbox-alt:before { content: "\e75c";} .ti-css3:before { content: "\e75d";} .ti-rss:before { content: "\e75e";} .ti-rss-alt:before { content: "\e75f";} /* 7 Strok */ .pe-spin {-webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-webkit-keyframes spin { 0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .pe-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .pe-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .pe-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .pe-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .pe-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .pe-7s-album:before { content: "\e6aa"; } .pe-7s-arc:before { content: "\e6ab"; } .pe-7s-back-2:before { content: "\e6ac"; } .pe-7s-bandaid:before { content: "\e6ad"; } .pe-7s-car:before { content: "\e6ae"; } .pe-7s-diamond:before { content: "\e6af"; } .pe-7s-door-lock:before { content: "\e6b0"; } .pe-7s-eyedropper:before { content: "\e6b1"; } .pe-7s-female:before { content: "\e6b2"; } .pe-7s-gym:before { content: "\e6b3"; } .pe-7s-hammer:before { content: "\e6b4"; } .pe-7s-headphones:before { content: "\e6b5"; } .pe-7s-helm:before { content: "\e6b6"; } .pe-7s-hourglass:before { content: "\e6b7"; } .pe-7s-leaf:before { content: "\e6b8"; } .pe-7s-magic-wand:before { content: "\e6b9"; } .pe-7s-male:before { content: "\e6ba"; } .pe-7s-map-2:before { content: "\e6bb"; } .pe-7s-next-2:before { content: "\e6bc"; } .pe-7s-paint-bucket:before { content: "\e6bd"; } .pe-7s-pendrive:before { content: "\e6be"; } .pe-7s-photo:before { content: "\e6bf"; } .pe-7s-piggy:before { content: "\e6c0"; } .pe-7s-plugin:before { content: "\e6c1"; } .pe-7s-refresh-2:before { content: "\e6c2"; } .pe-7s-rocket:before { content: "\e6c3"; } .pe-7s-settings:before { content: "\e6c4"; } .pe-7s-shield:before { content: "\e6c5"; } .pe-7s-smile:before { content: "\e6c6"; } .pe-7s-usb:before { content: "\e6c7"; } .pe-7s-vector:before { content: "\e6c8"; } .pe-7s-wine:before { content: "\e6c9"; } .pe-7s-cloud-upload:before { content: "\e68a"; } .pe-7s-cash:before { content: "\e68c"; } .pe-7s-close:before { content: "\e680"; } .pe-7s-bluetooth:before { content: "\e68d"; } .pe-7s-cloud-download:before { content: "\e68b"; } .pe-7s-way:before { content: "\e68e"; } .pe-7s-close-circle:before { content: "\e681"; } .pe-7s-id:before { content: "\e68f"; } .pe-7s-angle-up:before { content: "\e682"; } .pe-7s-wristwatch:before { content: "\e690"; } .pe-7s-angle-up-circle:before { content: "\e683"; } .pe-7s-world:before { content: "\e691"; } .pe-7s-angle-right:before { content: "\e684"; } .pe-7s-volume:before { content: "\e692"; } .pe-7s-angle-right-circle:before { content: "\e685"; } .pe-7s-users:before { content: "\e693"; } .pe-7s-angle-left:before { content: "\e686"; } .pe-7s-user-female:before { content: "\e694"; } .pe-7s-angle-left-circle:before { content: "\e687"; } .pe-7s-up-arrow:before { content: "\e695"; } .pe-7s-angle-down:before { content: "\e688"; } .pe-7s-switch:before { content: "\e696"; } .pe-7s-angle-down-circle:before { content: "\e689"; } .pe-7s-scissors:before { content: "\e697"; } .pe-7s-wallet:before { content: "\e600"; } .pe-7s-safe:before { content: "\e698"; } .pe-7s-volume2:before { content: "\e601"; } .pe-7s-volume1:before { content: "\e602"; } .pe-7s-voicemail:before { content: "\e603"; } .pe-7s-video:before { content: "\e604"; } .pe-7s-user:before { content: "\e605"; } .pe-7s-upload:before { content: "\e606"; } .pe-7s-unlock:before { content: "\e607"; } .pe-7s-umbrella:before { content: "\e608"; } .pe-7s-trash:before { content: "\e609"; } .pe-7s-tools:before { content: "\e60a"; } .pe-7s-timer:before { content: "\e60b"; } .pe-7s-ticket:before { content: "\e60c"; } .pe-7s-target:before { content: "\e60d"; } .pe-7s-sun:before { content: "\e60e"; } .pe-7s-study:before { content: "\e60f"; } .pe-7s-stopwatch:before { content: "\e610"; } .pe-7s-star:before { content: "\e611"; } .pe-7s-speaker:before { content: "\e612"; } .pe-7s-signal:before { content: "\e613"; } .pe-7s-shuffle:before { content: "\e614"; } .pe-7s-shopbag:before { content: "\e615"; } .pe-7s-share:before { content: "\e616"; } .pe-7s-server:before { content: "\e617"; } .pe-7s-search:before { content: "\e618"; } .pe-7s-film:before { content: "\e6a5"; } .pe-7s-science:before { content: "\e619"; } .pe-7s-disk:before { content: "\e6a6"; } .pe-7s-ribbon:before { content: "\e61a"; } .pe-7s-repeat:before { content: "\e61b"; } .pe-7s-refresh:before { content: "\e61c"; } .pe-7s-add-user:before { content: "\e6a9"; } .pe-7s-refresh-cloud:before { content: "\e61d"; } .pe-7s-paperclip:before { content: "\e69c"; } .pe-7s-radio:before { content: "\e61e"; } .pe-7s-note2:before { content: "\e69d"; } .pe-7s-print:before { content: "\e61f"; } .pe-7s-network:before { content: "\e69e"; } .pe-7s-prev:before { content: "\e620"; } .pe-7s-mute:before { content: "\e69f"; } .pe-7s-power:before { content: "\e621"; } .pe-7s-medal:before { content: "\e6a0"; } .pe-7s-portfolio:before { content: "\e622"; } .pe-7s-like2:before { content: "\e6a1"; } .pe-7s-plus:before { content: "\e623"; } .pe-7s-left-arrow:before { content: "\e6a2"; } .pe-7s-play:before { content: "\e624"; } .pe-7s-key:before { content: "\e6a3"; } .pe-7s-plane:before { content: "\e625"; } .pe-7s-joy:before { content: "\e6a4"; } .pe-7s-photo-gallery:before { content: "\e626"; } .pe-7s-pin:before { content: "\e69b"; } .pe-7s-phone:before { content: "\e627"; } .pe-7s-plug:before { content: "\e69a"; } .pe-7s-pen:before { content: "\e628"; } .pe-7s-right-arrow:before { content: "\e699"; } .pe-7s-paper-plane:before { content: "\e629"; } .pe-7s-delete-user:before { content: "\e6a7"; } .pe-7s-paint:before { content: "\e62a"; } .pe-7s-bottom-arrow:before { content: "\e6a8"; } .pe-7s-notebook:before { content: "\e62b"; } .pe-7s-note:before { content: "\e62c"; } .pe-7s-next:before { content: "\e62d"; } .pe-7s-news-paper:before { content: "\e62e"; } .pe-7s-musiclist:before { content: "\e62f"; } .pe-7s-music:before { content: "\e630"; } .pe-7s-mouse:before { content: "\e631"; } .pe-7s-more:before { content: "\e632"; } .pe-7s-moon:before { content: "\e633"; } .pe-7s-monitor:before { content: "\e634"; } .pe-7s-micro:before { content: "\e635"; } .pe-7s-menu:before { content: "\e636"; } .pe-7s-map:before { content: "\e637"; } .pe-7s-map-marker:before { content: "\e638"; } .pe-7s-mail:before { content: "\e639"; } .pe-7s-mail-open:before { content: "\e63a"; } .pe-7s-mail-open-file:before { content: "\e63b"; } .pe-7s-magnet:before { content: "\e63c"; } .pe-7s-loop:before { content: "\e63d"; } .pe-7s-look:before { content: "\e63e"; } .pe-7s-lock:before { content: "\e63f"; } .pe-7s-lintern:before { content: "\e640"; } .pe-7s-link:before { content: "\e641"; } .pe-7s-like:before { content: "\e642"; } .pe-7s-light:before { content: "\e643"; } .pe-7s-less:before { content: "\e644"; } .pe-7s-keypad:before { content: "\e645"; } .pe-7s-junk:before { content: "\e646"; } .pe-7s-info:before { content: "\e647"; } .pe-7s-home:before { content: "\e648"; } .pe-7s-help2:before { content: "\e649"; } .pe-7s-help1:before { content: "\e64a"; } .pe-7s-graph3:before { content: "\e64b"; } .pe-7s-graph2:before { content: "\e64c"; } .pe-7s-graph1:before { content: "\e64d"; } .pe-7s-graph:before { content: "\e64e"; } .pe-7s-global:before { content: "\e64f"; } .pe-7s-gleam:before { content: "\e650"; } .pe-7s-glasses:before { content: "\e651"; } .pe-7s-gift:before { content: "\e652"; } .pe-7s-folder:before { content: "\e653"; } .pe-7s-flag:before { content: "\e654"; } .pe-7s-filter:before { content: "\e655"; } .pe-7s-file:before { content: "\e656"; } .pe-7s-expand1:before { content: "\e657"; } .pe-7s-exapnd2:before { content: "\e658"; } .pe-7s-edit:before { content: "\e659"; } .pe-7s-drop:before { content: "\e65a"; } .pe-7s-drawer:before { content: "\e65b"; } .pe-7s-download:before { content: "\e65c"; } .pe-7s-display2:before { content: "\e65d"; } .pe-7s-display1:before { content: "\e65e"; } .pe-7s-diskette:before { content: "\e65f"; } .pe-7s-date:before { content: "\e660"; } .pe-7s-cup:before { content: "\e661"; } .pe-7s-culture:before { content: "\e662"; } .pe-7s-crop:before { content: "\e663"; } .pe-7s-credit:before { content: "\e664"; } .pe-7s-copy-file:before { content: "\e665"; } .pe-7s-config:before { content: "\e666"; } .pe-7s-compass:before { content: "\e667"; } .pe-7s-comment:before { content: "\e668"; } .pe-7s-coffee:before { content: "\e669"; } .pe-7s-cloud:before { content: "\e66a"; } .pe-7s-clock:before { content: "\e66b"; } .pe-7s-check:before { content: "\e66c"; } .pe-7s-chat:before { content: "\e66d"; } .pe-7s-cart:before { content: "\e66e"; } .pe-7s-camera:before { content: "\e66f"; } .pe-7s-call:before { content: "\e670"; } .pe-7s-calculator:before { content: "\e671"; } .pe-7s-browser:before { content: "\e672"; } .pe-7s-box2:before { content: "\e673"; } .pe-7s-box1:before { content: "\e674"; } .pe-7s-bookmarks:before { content: "\e675"; } .pe-7s-bicycle:before { content: "\e676"; } .pe-7s-bell:before { content: "\e677"; } .pe-7s-battery:before { content: "\e678"; } .pe-7s-ball:before { content: "\e679"; } .pe-7s-back:before { content: "\e67a"; } .pe-7s-attention:before { content: "\e67b"; } .pe-7s-anchor:before { content: "\e67c"; } .pe-7s-albums:before { content: "\e67d"; } .pe-7s-alarm:before { content: "\e67e"; } .pe-7s-airplay:before { content: "\e67f"; } /*---------------------------------- Theme Name: Hotella ----------------------- /* #Blog Styles ================================================== */ /* Sidebar ------------------- */ .sidebar, .rgt-cntt { min-height:160px;} .col-md-3.sidebar, .vc_col-sm-4.sidebar {padding: 0 0 20px 40px; width: 340px;} .sidebar.leftside { padding-left: 0; padding-right: 40px;} .sidebar .vc_column-inner { padding:0 !important;} .cntt-w, .vc_col-sm-8.cntt-w { width: calc(100% - 340px);} @media only screen and (min-width: 961px) { .cntt-w, .vc_col-sm-8.cntt-w { margin-bottom:10px;} .vc_col-sm-4.sidebar .wpb_widgetised_column { margin-bottom:0;} .col-md-9.cntt-w .vc_col-sm-12 { padding:0;} } @media only screen and (max-width: 961px) and (min-width: 768px) { .cntt-w, .vc_col-sm-8.cntt-w { width: calc(100% - 310px);} .col-md-3.sidebar, .vc_col-sm-4.sidebar {padding: 0 0 20px 10px; width: 310px;} .sidebar.leftside { padding-left: 0; padding-right: 10px;} } @media only screen and (max-width: 767px) { .cntt-w, .vc_col-sm-8.cntt-w, .col-md-3.sidebar, .vc_col-sm-4.sidebar { width: 100%;} .sidebar, .rgt-cntt, .sidebar.leftside { padding-right:0; background:none; padding-top:40px; margin-top:40px; border-top:3px solid #e5e5e5;} .sidebar.leftside { margin-bottom:40px; border-bottom:3px solid #e5e5e5;} } .widget .subtitle-wrap { position: relative;margin: 20px 0; line-height: 18px;} .widget .subtitle-wrap:before { content: ''; width: 100%; height: 3px; background-color: #e6e6e6; display: block; margin-bottom: -15px;} .widget h4.subtitle {border:none;color: #101010;margin: 0;padding: 0;font-size: 16px;font-weight: 600;text-transform:uppercase;letter-spacing: 0;line-height: 28px;background: #fff;padding-right: 5px;display: inline-block;} .sidebar p, .sidebar li, .widget p, .widget li { font-size:13px; line-height:21px; font-weight:400; color:#515151;} .sidebar input[type="text"].search-side, .widget input[type="text"].search-side { width:100%; padding-left:15px;border: 1px solid #f1f1f1;border-radius: 0;background-color:#fbfbfb; font-size:12px; height: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} input[type="text"].search-side, input[type="text"].header-saerch { background:#fcfcfc url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/find-ico1.png) no-repeat right;} input[type="text"].header-saerch { float:right; margin:20px 0 0 0; background-color:#f5f5f5; border-width:0px; border-radius:0; padding:5px 28px 5px 18px; min-width:200px; width:200px; min-height:50px; -webkit-transition: width 0.22s ease; -moz-transition: width 0.22s ease; -o-transition: width 0.22s ease; transition: width 0.22s ease;} input[type="text"].header-saerch:focus { width:250px; background-color:#fff; } #main-content-pin, #main-timeline { max-width:100%; background:#fff; padding-top:15px;} #main-timeline { background:#f3f3f3;} .vc_wp_search.wpb_content_element.trnsp-txbx input[type="text"].search-side { width:100%; border: none; height: 52px; background-color: rgba(255,255,255,0.14); color:#fff;} .vc_wp_search.wpb_content_element.trnsp-txbx input[type="text"].search-side:hover { background-color: rgba(255,255,255,0.17); box-shadow:0 5px 7px rgba(0,0,0,0.07);} .vc_wp_search.wpb_content_element.trnsp-txbx input[type="text"].search-side:focus { background-color:#fff; box-shadow:0 7px 9px rgba(0,0,0,0.15); color:#444;} /* Masonry Style ------------------- */ .pin-box, .tline-box { width:292px; width:210px\9; padding:12px; display:block; background:#fff; margin:10px; float:left; border:1px solid #efefef\9; box-shadow:0 1px 3px rgba(0,0,0,0.33); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.23);} .pin-box { text-align:center; border-radius:1px; box-shadow:none; overflow:hidden; padding:0; box-sizing: border-box; padding-bottom:20px; border:1px solid #e9e9e9; box-shadow:0 2px 3px rgba(0,0,0,0.019);} .pin-box .img-item, .pin-box iframe {margin-bottom:0; } .pin-box h4, .tline-box h4 { font-size:19px; font-weight:600; margin-top:18px; margin-bottom:10px;} .pin-box h4 { font-size: 17px; line-height:1.36; margin-bottom: 15px; font-weight:600; margin-top:12px; letter-spacing: 0; text-transform: uppercase;} .pin-box h4 a, .tline-box h4 a { color:#2e373d; display:inline-block;} .pin-box h4 a:hover, .tline-box h4 a:hover { color:#de2f68;} .pin-ecxt h6.blog-date, .pin-ecxt h6.blog-author, .tline-ecxt h6.blog-author { font-size:11px; letter-spacing:1px; font-weight:400; text-transform:uppercase; } .pin-ecxt2 h6.blog-date, .pin-ecxt h6.blog-author, .pin-ecxt h6.blog-cat, .blog-cat-tline, .blog-cat-tline a { margin-bottom:8px; margin-top:25px; font-size:11px; font-weight:500; color:#9a9a9a; position:relative;} .pin-ecxt h6.blog-cat a {color:#a1a1a1;} .pin-ecxt h6.blog-cat a:hover {color:#de2f68;} .pin-ecxt, .tline-ecxt { border-bottom:1px solid #e9e9e9; padding:0 12px 18px; margin:0; margin-bottom:10px; } .pin-ecxt { padding:10px 20px 2px 24px; } .pin-ecxt p { font-size:13px; color:#4a4a4a;} .pin-ecxt2 { padding-top:12px; text-align:center;} .pin-ecxt a.readmore { display:none;} .container .pin-ecxt2 p, .pin-ecxt2 p small { font-size:11px; font-weight:600; margin:0; color:#a1a1a1;} .pin-ecxt2 p { line-height:20px; } .pin-ecxt2 p a { color:#a1a1a1;} .pin-ecxt2 p a:hover { color:#de2f68;} .pin-ecxt2 p small { color:#a2a2a2; display:block; } .pin-ecxt2 img, .tline-author-box img { width:45px; height:45px; margin:0; margin-top:4px; border-radius:50%;} .pin-ecxt2 .col1-3 { width:33.331%; float:left; height:72px; line-height:72px; border-right:1px solid #eee; position:relative} .pin-ecxt2 .col1-3 img { margin-top:-30px;} .pin-ecxt2 .col1-3 p { margin-top:-22px; font-size: 12px; font-weight: 400;} .pin-ecxt2 .col1-3:last-child { border:none;} .pin-ecxt2 .col1-3 i, .postmetadata .comments-number-x i { margin:12px 0; color:#a6adae; border:1px solid #e2e2e2; padding:11px; border-radius:50%; font-size:16px;} .pin-ecxt2 .col1-3 span, .comments-number-x span { display:block; position:absolute; top:24px; left:50%; margin-left:15px; padding:0 7px; height:18px; line-height:18px; font-size:11px; text-align:center; border-radius:25px; background:#de2f68; color:#fff;} .pin-ecxt2 .col1-3.col-w50 { width:50%;} .pin-ecxt2 .col1-3 i.fa-clock-o { margin-right:7px; padding:10px 11px;} .comments-number-x span { top:4px;} .postmetadata .comments-number-x i{ border-color:#d7d7d7;} .portfolio-pin .pin-box h4 { margin-bottom:18px;} .portfolio-pin .pin-box { text-align:center;} .portfolio-pin .pin-box .pin-ecxt { padding-top:20px;} .portfolio-pin .blog-cat-tline a { padding:4px 11px; border-radius:15px; background:#f1f1f1;} .portfolio-pin .blog-cat-tline a:hover { background:#f6f6f6;} /* Timeline Style ------------------- */ #main-timeline { background:#f1f4f5; } #pin-content, #tline-content { width:auto; margin:0 auto; position:relative; overflow: hidden; } #tline-content { width:890px; margin:0 auto; } #tline-content:before { content:""; background:#de2f68; position:absolute; left:50%; width:6px; margin-left:-3px; height:100%;} #tline-content p { margin-bottom:26px; font-size:13px; color:#747a80; font-weight:normal; line-height:1.9; padding:12px; padding-top:0; letter-spacing:0.6px;} .wpb_column #pin-content { margin-left:-15px; margin-right:-15px;} .tline-box { background:none; width:380px; padding:18px 10px 40px; margin-top:21px; margin-bottom:40px; min-height:530px; position:relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; box-shadow:none; } .tline-box * { max-width:100% !important;} .tline-row-l, .tline-row-r { width:60px; height:17px; margin-right:-40px; display:block; position:absolute; right:0; top:25px; border-bottom:2px solid #de2f68;} .tline-row-r { left:0; margin:0; margin-left:-40px; } .tline-box.rgtline { float:right; margin-top:53px; right:0; clear: right; } .tline-row-l:after, .tline-row-r:before { content:""; background:#de2f68; position:absolute; right:0; margin-top:11px; width:10px; height:10px; border:1px solid #f1f4f5; border-radius:50%;} .tline-row-r:before { left:0; right:auto;} .tline-box iframe, .tline-box img { width:100%; max-width:100%; background:#fff; padding:6px; box-sizing: border-box; border:1px solid #f1f1f1;} .tline-box iframe { height:302px;} .tline-box h4 { font-size:24px; margin-top:0; letter-spacing:-1.2px; font-weight:700; line-height:1.23;} .blog-cat-tline { margin-top:10px;} .blog-cat-tline a { color:#616660;} .blog-cat-tline a:hover { text-decoration:underline;} .tline-topdate { width:120px; position:relative; display:block; clear:both; zoom:1; padding:4px; background:#de2f68; font-size:13px; text-align:center; font-weight:600; line-height:26px; color:#fff; margin:0 auto 7px;} .tline-topdate.enddte { bottom:0; margin-bottom:0; } .tline-ecxt { border-bottom:none; padding:0 12px 3px; margin:0;} .tline-author-box, .port-tline-dt { position:relative; padding:0 10px; margin-bottom:18px; height:55px;} .tline-box .tline-author-box img, .port-tline-dt h3 { float:right; width:61px; height:61px; padding:0; margin:0; margin-top:-14px; margin-left:15px; border:3px solid #fff;} .tline-box.rgtline .tline-author-box img, .tline-box.rgtline .port-tline-dt h3 { float:left; margin-left:0; margin-right:15px;} h6.tline-author { font-size:15px; font-weight:600; color:#333; margin-top:7px; margin-bottom:0; line-height:16px; text-align:right;} h6.tline-author a { color:#333;} h6.tline-date {font-size:12px; font-weight:300; letter-spacing:0.5px; color:#898989; margin:0; text-align:right;} .tline-box.rgtline h6.tline-date, .tline-box.rgtline h6.tline-author { text-align:left;} .port-tline-dt h3 { background:#de2f68; color:#fff; text-align:center; border:none; line-height:61px; margin-top:-9px; border-radius:50%;} .portfolio-timeline .tline-ecxt h4 { margin-top:14px; margin-bottom:11px;} /* Posts ------------------- */ .blog-post, .blog-single-post { margin-bottom:35px; position:relative; padding-bottom:10px;} .blog-single-post { background:#fff; padding:0; border:none;} .blog-post.blgtyp2 { padding-bottom:10px; padding-top:7px; margin-bottom: 0px; border:none;} .blog-post.blgtyp2.post_format-post-format-quote { padding: 0 20px;} .blog-post.blgtyp2.post_format-post-format-quote blockquote p { color: #fff;} .format-standard.post-no-image { padding-top:30px;} .blog-post.blgtyp2 .col-md-8.omega.alpha { position:static;} .blog-post.format-quote { padding-top: 33px; padding-right: 7px; background: #393B45; padding-bottom: 0;margin-bottom: 126px;} .blog-post.format-quote blockquote { padding: 0px;overflow: hidden;} .blog-post.format-quote blockquote p { font-family:'Lora',sans-serif; color: #fff; overflow: hidden; font-size:18px; overflow: hidden; margin: 0;} .post_format-post-format-quote .blog-inner h6 {color: rgb(161, 165, 173);} .post_format-post-format-quote .blog-inner .blog-comments { background: #fff;margin-top: 5px;margin-left: 60px;} .post_format-post-format-quote .blog-inner .blog-comments .post-format-icon { background: #393B45;} @media ( max-width:767px){ .post_format-post-format-quote .blog-inner .blog-comments { margin-left: 38px; float: none;} .blog-post.format-quote blockquote p { display: block;} .post_format-post-format-quote { padding-left: 10px; text-align: center;} } .blog-post.blgtyp2.format-quote { border-top:none; padding-top:0; padding-bottom:5px;} .postmetadata h6 { letter-spacing:0; font-size:13px; font-weight:300; display:inline-block;} .blog-single-post .postmetadata { margin-bottom:10px; display: table; background:#e8e8e8; width:100%; padding:4px 14px; border-radius: 4px;} .blog-single-post .postmetadata h6 { display:table-cell; letter-spacing:0; padding-right:4px; font-size:11px; line-height: 18px; font-weight:500; text-align:center; padding-right:4px; margin-bottom:0; border-right:2px solid #fff; color:#4a4a4a;} .blog-single-post .postmetadata h6.blog-cat a { color:#4a4a4a;} .blog-single-post .postmetadata h6.blog-cat a:hover { color:#de2f68; text-decoration:underline;} .blog-single-post .postmetadata h6 strong { text-transform:lowercase; font-weight:500;} @media only screen and (max-width: 767px) { .postmetadata h6 { font-size:12px;} .blog-post .postmetadata h6 { margin-bottom:20px;} .blog-single-post .postmetadata h6 { margin: 0; border:none; display: block; float:left; padding: 3px 0; width: 50%; height: 40px; line-height: 32px;} .blog-post.blgtyp2 .col-md-5.alpha, .blog-post.blgtyp2 .col-md-7.omega { padding-left:0; padding-right:0;} } @media only screen and (min-width: 961px) { .single-post.has-header-type11 .page-content { padding-top:60px;} .single.has-header-type11 #wrap.boxed-wrap .page-content { padding-top:100px;} } .postmetadata h6:last-child { border:none;} h6.blog-views { margin-top:10px;} .col-md-4 .blog-post h6.blog-date { padding-top:18px; margin-top:12px; line-height:1.2; padding-bottom:0;} h6.blog-date span { font-weight:600;} h6.blog-cat, h6.blog-author, .search-results h6.blog-date, .search-results h6.blog-comments { letter-spacing: 0;font-size: 12px; display: inline; float: none;} h6.blog-cat a { color:#de2f68; display: inline-block;} h6.blog-date { font-weight:400; font-size:12px; letter-spacing:0;} .blog-inner h6 { display: inline;} .blog-post .au-avatar, .blog-single-post .au-avatar { width:28px; margin:5px auto;} .blog-post .au-avatar { float:left; margin:0; margin-right:7px; margin-top:-1px;} .blog-post.blgtyp2 .au-avatar, .blog-single-post .au-avatar { float:left; width:35px; height:35px; margin-right:10px;} .blog-post.blgtyp2 .au-avatar-box, .blog-single-post .au-avatar-box { min-height:42px; margin-bottom:8px;} .blog-single-post h6.blog-author { line-height:40px; text-align:left; font-weight:500;} .blog-post .au-avatar img, .blog-single-post .au-avatar img { background:#fff; border:none; border-radius:50%;} .blog-post h3, .blog-single-post h1 {font-size: 33px; font-weight: 600; line-height: 1.3; letter-spacing:-1px;} .blog-post.blgtyp2 h3 {font-size: 22px; line-height:1.4; margin-bottom:12px; padding-top:5px;} .blog-single-post h1, .postshow1 h1 { margin-top:25px; margin-bottom:30px; color:#1f2123; font-size: 45px; font-weight:600; line-height:1.3;letter-spacing: -1px;} .blog-single-post p, .blog-post div, .blog-single-post div, .blog-single-post .post img, .blog-single-post p img, .row-wrapper-x div.wp-caption, .row-wrapper-x p, .row-wrapper-x img { max-width:100%;} .row-wrapper-x div.wpb_column, .row-wrapper-x #pin-content, .row-wrapper-x #tline-content { max-width:none;} .blog-single-post .postmetadata { margin-bottom:30px;} .blog-post.sticky { padding:25px 20px 10px; margin-bottom:40px; border:1px solid #e5e5e5; box-shadow: 0 2px 8px rgba(0,0,0,0.0245);} .blog-post.sticky .postmetadata { background:#fff;} /* Post Show 1 */ .postshow1 { position:relative; width:100%; min-height:768px; background-repeat:no-repeat; background-position:center top; background-size:cover;} .postshow-overlay { position:absolute; width: 100%; bottom: 0; height: 100%; background-color: rgba(36, 36, 36, 0.4);} .postshow1 h1.post-title-ps1 { font-size:45px; letter-spacing:0; text-align:left; position:absolute; bottom:33%; left:0; width:100%; text-align:center; color:#fff; text-shadow:0 0px 3px rgba(0,0,0,0.17);} .postshow1-hd .postmetadata { margin-top: 0; margin-bottom: 35px;} .postshow1-hd .blog-single-post .au-avatar-box { margin-top:-40px;} .postshow1-hd .blog-single-post .au-avatar { width:68px; height:68px; float:left; margin-right: 10px; margin-top:-23px; margin-bottom:20px;} .postshow1-hd .blog-single-post .au-avatar img { border:3px solid #fff;} .postshow1-hd input[type="text"].header-saerch { background-color:rgba(255,255,255,0.7);} .postshow1-hd input[type="text"].header-saerch:focus { background-color:#fff;} /* Post Show 2 */ .post-trait-w { position:relative;} .postshow2-hd .post-trait-w h1 { position:absolute; bottom:10px; padding:5px 25px; color:#fff; text-shadow: 0 0px 3px rgba(0,0,0,0.29); font-size:36px; letter-spacing:2px;} .postshow2-hd .postmetadata { margin-bottom:35px;} @media only screen and (max-width: 960px) { .postshow1 { min-height:520px;} .postshow1 h1.post-title-ps1 { font-size:40px; letter-spacing:1px;} .postshow1-hd .blog-single-post .au-avatar-box { margin-top:-18px;} } @media only screen and (max-width: 767px) { .postshow1 { min-height:480px;} .postshow1 h1.post-title-ps1 { font-size:31px; letter-spacing:1px;} .postshow2-hd .post-trait-w h1 { font-size:19px; font-weight:700; letter-spacing:1px;} } @media only screen and (max-width: 479px) { .postshow1 { min-height:430px;} .postshow1-hd .blog-single-post .au-avatar-box { margin-top:-12px;} .postshow1 h1.post-title-ps1 { font-size:21px;} .postshow2-hd .post-trait-w h1 { font-size:17px; letter-spacing:0;} } .blog-post .col-md-6, .col-md-4 .blog-post { margin-top:10px; margin-bottom:20px;} .blog-post .col-md-6 h3, .col-md-4 .blog-post h3 { font-size: 33px; text-transform:none; letter-spacing:-2px; line-height:1.1; margin:4px 0;} .blog-post .col-md-6 p, .col-md-4 .blog-post p { line-height:1.4;} .blog-post .col-md-6 .postmetadata.tp2sec { padding:4px 10px; float:right; margin-right:8px; position:relative;} .blog-post.format-quote .postmetadata.tp2sec { display:none;} .blog-post .col-md-6 h6.blog-date { padding-bottom:0; margin-bottom:8px;} .blog-single-post blockquote p, .blog-post blockquote p { font-size:18px; line-height:1.64; font-family:'Lora', serif; font-style:italic; margin-bottom:4px;} .blog1-header-wrap { text-align: left;} .blgt1-top-sec { margin-bottom:18px; margin-top:18px;} .blgt1-top-sec h6, .blgtyp3 h6 {color: #a1a5ad; display:inline-block; padding-bottom:0; font-weight:400;} .blgt1-top-sec h6.blog-date, .blgtyp3 h6.blog-date { color: #a1a5ad; margin-bottom: 10px;} .blog-post h6.blog-date a {color: #a1a5ad;} .blog-post h6.blog-date a:hover { text-decoration:underline;} .blgtyp3 h6.blog-date:after { content: "";} .blgtyp3 h6 { margin:2px 0 0;} .blgt1-inner blockquote:before { display: none; } .blgtyp1.blog-post .blgt1-inner { padding-top:10px;} .blgtyp1.blog-post .au-avatar-box { padding-top: 12px; float:left;} @media only screen and (max-width: 767px) { .blgtyp1.blog-post .au-avatar-box { width:100%; margin-bottom:8px;} } /* blog */ .blog-post .blog-comments { float: left; background: #ebebeb; border-radius: 3px; text-align: center;margin-right: 28px;font-weight: 400;} .blog-post .blog-comments .post-format-icon {margin: 3px; display: block;padding: 7px 19px; font-size: 30px; font-style: normal; float: none; border-radius: 0;} #wrap .blgtyp1.blog-post .blog-comments a { display: block; font-family: FontAwesome;padding: 8px 0; font-style: normal;font-size: 12px; color: #555;margin: 0 5px;font-weight: 400;} .blog-post .blog-comments a:before { content: "\f0e5";padding-right: 4px; font-style: normal;} .blog1-header-wrap { text-align: left; letter-spacing: 0; margin-bottom: 23px;} .blog-inner h6 a { margin-left: 4px;} .blog-inner .blog-author:after, .blog-inner .blog-date:after { content: ".";font-size: 30px;margin-left: 10px;margin-right: 7px;vertical-align: baseline; color: #de2f68; position: relative; bottom: 2px;} /* Fix Commnet in blog both sidebar */ .col-md-6.cntt-w .blog-comments { float: none;} #wrap .col-md-6.blg-typ3 { float:none; display:inline-block; vertical-align:top;} .blgtyp3.blog-post { border-bottom:none; margin-bottom:15px; text-align:center;} .blgtyp3.blog-post.format-quote { min-height:485px;padding: 30px 21px 50px; margin-bottom:21px; border:1px solid #eee;background: #393b45;} .blgtyp3.blog-post p { text-align:left;} .blgtyp3.blog-post a.readmore { display:none;} .blgtyp3.blog-post.format-quote a.readmore { display:inline-block; bottom:20px; border-color:#eee;} .blgtyp3.blog-post .postmetadata { margin-top:14px; margin-bottom:0; clear:both;} .blgtyp3.blog-post.format-quote .postmetadata { margin-top:10px; text-align:center;} .blgtyp3.blog-post .fluid-width-video-wrapper { padding-top:243px !important; margin-bottom:2px;} .blgtyp3.blog-post h3 {font-size: 21px;font-weight:700; padding: 0 8%;margin:10px 0 15px;letter-spacing: -0.6px;line-height:1.45;} .blgtyp3.blog-post h6 a, .blgtyp1.blog-post h6 a, .blgtyp2.blog-post h6 a, .blog-single-post .postmetadata h6 a, .blog-single-post h6.blog-author a { color:#de2f68;} .blgtyp3.blog-post h6 a:hover, .blgtyp1.blog-post h6 a:hover, .blgtyp2.blog-post h6 a:hover, .blog-single-post .postmetadata h6 a:hover, .blog-single-post h6.blog-author a:hover { color:#de2f68;} #wrap .blgtyp3.blog-post h6.blog-date a { color:#a9a9a9; margin-left:4px;} .blgtyp3.blog-post img { margin-bottom:20px; width:100%;} .blgtyp3.blog-post .wpb_gallery.wpb_content_element { margin-bottom:3px} .blgtyp3.blog-post .wpb_gallery.wpb_content_element img { margin-bottom:0;} .blgtyp2.blog-post a.readmore { padding:8px 11px; left:0; transform:none;} .blgtyp2.blog-post h6 {color: #a1a5ad;} .blgtyp2.blog-post h6:after { content: "";} .blgtyp2.blog-post h6.blog-date { padding-left:4px;} .blgtyp2.blog-post.format-quote a.readmore, .blgtyp3.blog-post.format-quote a.readmore { display:inline-block; float:right; font-size:10px; text-transform:uppercase; letter-spacing:2px; padding: 4px 16px; margin:0;display: none;} .blgtyp3.blog-post.format-quote a.readmore { background:#fff; float:none; position:absolute; bottom:20px;} .blgtyp2.blog-post.format-quote blockquote a.readmore { display:none;} .blgtyp2.blog-post .postmetadata {margin-top:8px;} .blgtyp2.blog-post .omega p { color: #6f6f6f; padding-right:25px; font-weight: 300;} .blgtyp2.blog-post .wpb_gallery.wpb_content_element, .blgtyp2.blog-post .iframe { margin-bottom:0;} @media only screen and (max-width: 767px) { .blgtyp2.blog-post .postmetadata { margin-top:20px;} .blgtyp2.blog-post .postmetadata h6 { margin-bottom:8px;} .blgtyp2.blog-post .omega p { padding-right:0;} } .latest-f-blog .blog-post h4 { font-size: 24px; font-weight:300; margin-bottom:14px;} .blog-post a, .blog-line a { color: #000; -webkit-transition: color 0.18s ease; -moz-transition: color 0.18s ease; -o-transition: color 0.18s ease; transition: color 0.18s ease;} .blog-post a:hover, .blog-author span, .blog-line p a:hover { color: #de2f68;} .blog-post p { color: #6f6f6f;font-size: 14px;} .blog-line p, .blog-line p a, .blog-post p.blog-author, .blog-post p.blog-author a { text-align: left; font-size: 11px; text-transform:uppercase; line-height: 1.6; color: #666; margin-bottom: 10px; letter-spacing:1px; font-weight:400; } .blog-post p.blog-cat a, .blog-line p.blog-cat a { color:#de2f68; margin-bottom:7px; letter-spacing:0.3px; font-size:14px;} .blog-line p a:hover, .blog-post p a:hover { text-decoration:underline;} .blog-post p a.readmore:hover { text-decoration:none;} .blog-line p strong { font-weight:400;} .blog-post img.full, .blog-post iframe, .blog-single-post img.full, .blog-single-post iframe { width:100%; margin-bottom:18px;} img.full.portrait { width: auto;} .blog-post img { background:#fff;} .blog-post .blog-inner:hover >a:before, .blog-post .blog-inner:hover >a:after { opacity: 1;} .blog-post .wpb_gallery.wpb_content_element, .blog-single-post .wpb_gallery.wpb_content_element, .blog-single-post .fluid-width-video-wrapper { margin-bottom:18px;} .blgtyp1.blog-post .wpb_gallery.wpb_content_element, .blgtyp1.blog-post .fluid-width-video-wrapper { margin-bottom: 40px} .blog-post div img, .blog-post .post img, .blog-post .post iframe, .blog-sizngle-post .post img, .blog-single-post.post iframe { width:auto;} .search-results .blog-post img { width:auto;} .blog-post .flex-control-nav li { margin-bottom:0;} .blog-post .flexslider img, .blog-single-post .flexslider img { margin-bottom:0px;} .blog-q { border-left:1px solid #d8d8d8; padding-left:12px;} .blog-q em { color:#a5adae;} p.blog-inpic img { float:left; border:1px solid #c9c9c9; background:#f9f9f9; width:280px; max-width:100%; padding:6px; margin:0 14px 14px 0;} .date-sp-wrap { max-width:100px; margin:0 10px; float:left;} .blog-date-sp, .blog-com-sp { height:40px; padding:6px; padding-bottom:20px; width:90px; float:right; border-top-left-radius:6px; color:#fff; background:#636e75 url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/blg-date-botpic1.png) no-repeat bottom right; font-weight:bold; } .blog-date-sp h3 { width:30px; float:left; margin:1px 5px; color:#0093d0;} .blog-date-sp span { float:right; margin:4px; color:#a2aab0; font-size:12px; line-height:1.2;} .blog-com-sp { background:none; color:#95a2aa; padding:0 6px 8px; margin-top:-12px; text-align:center; font-size:12px; height:16px; border-radius:0px; border-bottom-left-radius:11px;} .blog-com-sp a { color:#95a2aa;} .pin-box .blog-date-sp, .pin-box .blog-com-sp, .tline-box .blog-date-sp, .tline-box .blog-com-sp { position:relative; bottom:0; margin:-10px; margin-top:7px; width:50%; border:0; border-radius:0; background:#ebebeb; padding:0;} .pin-box .blog-com-sp, .tline-box .blog-com-sp { float: left; height: 40px; padding: 12px 23px 0 0;} .pin-box .blog-date-sp h3, .tline-box .blog-date-sp h3 { margin-left: 12px; margin-top:3px; text-shadow: 0 0 1px rgba(0,0,0,0.1); font-weight:300;} .tline-box .blog-com-sp { width: 100%; margin:0; position:absolute; bottom:0px; left:0; border-radius:0 0 3px 3px; font-weight:300; padding-bottom:33px; padding-top:15px; background:#f4f4f4; border-top:1px solid #e7e7e7; display:none;} .tline-box .blog-date-sp { display:none;} h6.blog-date a:hover, h6.blog-cat a:hover, h6.blog-author a:hover { color: #de2f68;} .postmetadata i { padding: 0 5px;} .blog-post.blgtyp2 .comments-number-x2 { float: right; margin-top: -30px;} .blog-post.blgtyp2 .comments-number-x2 { padding:0; border:none; margin-right:65px;} .postmetadata h6.blog-views i { font-size:12px; color:#888; padding:5px; background:#fff; border-radius:20px; border:1px solid #e1e1e1;} .postmetadata h6.blog-views span { font-size:11px; letter-spacing:1px; padding:2px 6px; margin-left:-5px; background:#de2f68; color:#fff; border-radius:10px;} .blog-post.blgtyp2 .comments-number-x2 span { margin-left:-8px;} h6.blog-date a:hover, h6.blog-cat a:hover, h6.blog-author a:hover { text-decoration:underline;} .tline-box h6.blog-cat { font-size: 13px; background: #f2f2f2; color: #666666; padding-left: 7px; display:none;} .blog-post .flex-direction-nav a, .tline-box .flex-direction-nav a { padding:16px 8px; margin-top:-28px; top:50%;} .blog-post .flex-control-paging li a, .tline-box .flex-control-paging li a { width:12px; height:12px;} .blog-post .flex-control-nav, .tline-box .flex-control-nav { bottom:15px; right:24px;} .blog-post .flex-control-nav li, .tline-box .flex-control-nav li { margin:0 3px;} .blog-post .flexslider .slides > li, .tline-box .flexslider .slides > li { margin-bottom:0;} .blog-post .flexslider img, .tline-box .flexslider img { margin-bottom:0;} .blog-post .mejs-container { margin-bottom: 35px; margin-top: 37px;} .blog-post .fluid-width-video-wrapper { margin-bottom:18px;} .pin-box .fluid-width-video-wrapper, .tline-box .fluid-width-video-wrapper { margin-bottom:18px; padding-top:210px !important;} .blog-post.blgtyp2 .fluid-width-video-wrapper { margin-bottom:0; padding-top:224px !important;} .tline-box .fluid-width-video-wrapper, .tline-box .wpb_gallery_slides { margin-bottom:-15px;} .next-prev-posts { padding:12px 0; margin-top:10px;} .next-prev-posts a, .next-prev-posts > span {padding: 3px 8px;border: 3px solid #ddd;font-size: 11px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;} .next-prev-posts > span { background-color: #eee; border-color: #eee;} .next-prev-posts a.next-post { float:right;} .post-tags { background:none; padding:16px; margin-top:20px;} .post-tags i { font-size:24px; color:#303030; margin-right:5px;} .post-tags a { display:inline-block; color: #444; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500; padding: 3px 7px; border: 1px solid #ddd; border-radius:2px; background:#fff; margin: 1px 3px;} .post-tags a:hover { text-decoration:underline;} /* About Author */ .about-author-sec { padding: 29px 23px 23px 23px; margin:15px 0; min-height: 150px; text-align:left;border: 1px solid #ebebeb; border-top: 5px solid #555;} .archive.author .about-author-sec { background:#fff; padding:30px; border:1px solid #e9e9e9; min-height:150px; box-shadow:0 2px 3px rgba(0,0,0,0.018); margin-left:15px; margin-right:15px;} @media only screen and (min-width: 960px) { .has-header-type11.author .about-author-sec{ margin-top:90px;} } .archive.author .about-author-sec img { float:left; margin-right:30px;} .blog-single-post .post .about-author-sec img { float:left; display:inline-block; width:90px; height:auto; border-radius:50%; border:none; margin-bottom:5px;margin-right: 20px; margin-top:-5px;} .about-author-sec h5 { font-weight: 700; font-size: 14px; line-height:1.2; color:#333;text-transform: uppercase;} .about-author-sec h5 a { color:#333;} .about-author-sec h5 a:hover { color:#de2f68;} .about-author-sec p { font-size:13px; font-weight:400; color:#6d7683; line-height:1.7; text-align:left;} .archive.author #headline { display:none;} .blog-date-sec { color: #555; padding-right:10px; text-align: center; line-height: 10px; border-right: 3px solid #e5e5e5;} .blog-date-sec h3 { color: #555; font-weight: 700; font-size:24px; line-height: 1.2; padding-top: 2px; margin: 0; letter-spacing: 4px;} .blog-date-sec h6 { font-size:14px;} .blog-date-sec span { display: block; font-size:12px; font-weight: 400; color:#a1a1a1; text-transform: uppercase; margin-top: 8px; letter-spacing:1px;} .col-md-1 .blog-date-sec { border:none;} .col-md-1 .blog-date-sec h3 { font-size:27px; font-weight:800; letter-spacing:-1px;} .blog-line { margin-bottom: 15px; padding-bottom:15px; border-bottom:1px solid #eee;} .blog-line img { float: right; width: 140px; height: 110px; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease;} .img-hover { position: relative; max-width: 100%; float: right; margin-left: 15px;} .img-hover:before { content: ""; color:#fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.8); -moz-box-shadow: inset 0 0 0 5px rgba(255,255,255,0.8); box-shadow: inset 0 0 0 5px rgba(255,255,255,0.8); opacity: 1; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease;} .blog-line:hover .img-hover:before { -webkit-box-shadow: inset 0 0 0 5px ; -moz-box-shadow: inset 0 0 0 5px ; box-shadow: inset 0 0 0 5px ; color:#de2f68;} .blog-line h4 { font-size: 17px; letter-spacing: 0; font-weight: 600; margin-bottom: 10px; line-height:1.4;} .blog-line:hover h4 a { color: #de2f68;} /* Post Sharing Socials */ .blog-post .blog-social { float:right; width:auto;} .blog-single-post .post-sharing {margin-top:35px; margin-bottom:10px; padding-top:35px; border-top:1px solid #e9e9e9; clear:both;} .post-sharing span { font-size:15px; font-weight:700; color:#484848; padding-right:10px; line-height:1.5;} .blog-social { display: table;} .blog-social a { color:#222; background:#eee; padding:3px; font-size:14px; text-align:center; border-radius:3px; margin-right:4px; width:28px; height:28px; display:inline-block; transition: all 0.18s ease;} #wrap .blog-social a:hover { color:#fff; background-color:#de2f68;} #wrap .blog-social a:hover i { color:#fff;} @media only screen and (min-width: 768px) { .blgtyp1.blog-post .blog-social { margin-top:-70px;} } /* Recommended Posts */ .container.rec-posts { margin-left:-10px; margin-right:-10px; padding:0; width:auto; max-width:none;} @media only screen and (min-width: 1200px) { .container.rec-posts { margin-left:-15px; margin-right:-15px;} } .blog-single-post .rec-post img { border-bottom:1px solid #ddd; margin-bottom:15px;} .container.rec-posts h3.rec-title { margin: 40px 0 25px; font-size: 17px; font-weight:bold; padding-bottom: 10px; text-align:center;text-transform: uppercase;letter-spacing: 2px;} .rec-post h5 { font-size: 15px; font-weight:600; line-height:1.25; margin-bottom:10px; padding: 0;} .rec-post h5 a { color:#333;} .rec-post h5 a:hover { color:#de2f68;} .rec-post p { font-size:12px; color: #a0a0a0; padding: 0;} .rec-post p a { color:#444;} .rec-post p a:hover { color:#de2f68;} @media only screen and (max-width: 767px) { .rec-post { margin-bottom:15px;} } /* Readmore button */ a.magicmore, a.addtocart, a.select-options { position: relative; padding: 3px 14px 2px 0; color: #0093d0; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -ms-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease; } .magicmore:after { font-family: 'themify'; font-size: 15px; content: "\e628"; margin-right: 5px; color: #363f46; font-style: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;} a.readmore {position: relative;text-align: left;display: inline-block;letter-spacing: 2px;font-size: 11px;line-height: 10px;font-weight: 600;text-transform: uppercase;padding: 16px 25px 14px;border-radius: 60px;border: 2px solid #e5e5e5;color: #de2f68;margin-bottom: 12px;z-index: 1;transition: all .22s ease-in-out;} a.readmore:after { content: "\f105"; font-family: 'FontAwesome'; font-size: 20px; position: absolute; padding-left: 9px; top: 4px; z-index: -1; transition: width .22s ease-in-out;display: none;} a.readmore:hover {background: #292929;color: #fff !important;border-color: #292929;} a.magicmore{font-size:13px; font-weight:600; font-family:'Poppins','Roboto'; letter-spacing:0; color:#31312c; } #wrap a.magicmore:hover{color:#de2f68; } #wrap a.magicmore:after{color:#31312c; content: "\e628"; position: absolute; font-weight:700; top: 50%; right: -14px; left:auto; margin: 0; margin-top: -8px; font-size: 14px; padding: 0 3px 0 4px; opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #wrap a.magicmore:hover:after{color:#de2f68; right:-18px; } a.addtocart, a.select-options { padding: 4px 2px 2px 18px; color: #7f7f7f; float: right; display: inline-block; font-size: 12px; font-weight: bold; } a.select-options { float: left; } a.addtocart:hover, a.select-options:hover { color: #de2f68; cursor: pointer; } a.addtocart:before, a.select-options:before { content: "\f07a"; color: inherit; top: 8px; left: 1px; font-size: 13px; } a.select-options:before { content: "\f1de"; } /* COMMENTS */ .comments-wrap { padding:0;margin-top: 60px;} .commentbox { min-height:156px; border-radius:6px; text-align:left; margin:12px 0; } #commentform { padding-top:10px;} #commentform label {font-size: 13px;font-weight: 700; display:inline;color: #4e5c64;text-transform: uppercase;} #commentform .required { margin-left:3px;} h4.comments-title { font-size: 17px; text-align:center; padding-bottom:25px;text-transform: uppercase;letter-spacing: 2px;} #commentform input[type="submit"] { border-radius:33px; font-size:11px; letter-spacing:2px; text-transform:uppercase; background:#de2f68;} .comments-wrap #respond { position: relative;} .comments-wrap #cancel-comment-reply-link { position: absolute; top: 24%; right: 17px; background: #232323; color: #fff; font-size: 12px; letter-spacing: 0; padding: 9px 13px 7px;} .comments-wrap #cancel-comment-reply-link:hover { background: #444;} /* comments list */ ol.commentlist { padding: 0; margin-left:0;} .commentlist li { list-style: none; margin: 0; border-top:1px solid #eee; padding: 18px 0 0 0; overflow:hidden; } .commentlist li a:link, .commentlist li a:visited { color: #bdbdbd; } .commentlist li .comment-info { margin: 0; padding: 0; overflow:hidden; min-height:96px; padding-left:103px; padding-top:14px; } .commentlist li .comment-info img { float: left; margin: 3px 30px 25px -100px; width:70px; height:70px; border-radius:45px; background: #eee; display: inline; } .commentlist li .comment-info cite { display:inline; font-size: 12px; line-height:17px; text-transform:uppercase; letter-spacing:1px; margin:0; padding:5px 6px 5px 0px; color:#555; font-style: normal;font-weight: 700;} .commentlist li .comment-info cite .comment-data { font-size: 11px; font-weight: normal; float:right; display: inline; padding-right:10px; text-transform:none; letter-spacing:0;} .commentlist li .comment-text { clear: both; margin: 0; margin-top:-76px; padding: 0 20px 25px 103px;} .commentlist li .comment-text p { margin:5px 0 20px 0; padding:0; line-height:1.8; font-size: 13px; color: #7a7a7a;} .commentlist li .comment-text .reply a { padding: 1px 11px 3px; border: 1px solid #bbb; border-radius:22px; background-color: #fff; font-size: 10px; letter-spacing:0.2px; color: #444;font-weight: 500;} .commentlist li .comment-text .reply a:hover { background-color:#de2f68; border-color:#de2f68; color: #fff; } .commentlist li ul.children { margin:0; padding: 0; } .commentlist li ul.children li.depth-2, .commentlist li ul.children li.depth-3 { margin-left: 40px; border-color:#efefef; } .commentlist li .comment-text ol li, .commentlist li .comment-text ul li { border:none; padding:5px 0;} .commentlist li .comment-text ol, .commentlist li .comment-text ol li { list-style:decimal; overflow:visible; } .commentbox h3 { margin-top:90px; font-size: 17px; font-weight:bold; text-align:center;text-transform: uppercase;letter-spacing: 2px;} p.comment-notes { color:#a9a9a9; font-size:11px; text-align:center; margin-bottom:40px;} .comment-form-comment textarea { width:98%;border: 1px solid #d5dee6; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;box-shadow: 3px 3px 10px rgba(213,222,229,0.50) inset;height: 132px;} .form-allowed-tags { font-size:11px; padding:6px; background:#f3f3f3;} @media only screen and (min-width: 768px) { p.comment-form-author, p.comment-form-email, p.comment-form-url { width:31%; float:left; margin-right:2.31%; margin-bottom:0;} p.comment-form-comment { clear:both; margin-top:4px;} } @media only screen and (max-width: 767px) { .commentlist li .comment-info { padding-left:50px; padding-top:20px; } .commentlist li .comment-info img { width:40px; height:40px; border-radius:20px; margin-top:-2px; margin-right:10px; margin-left:-50px;} .commentlist li .comment-text { padding-left:50px; } .commentlist li .comment-info cite .comment-data { position:relative; top:-23px; right:-8px; display:inline;} .commentlist li .comment-text p { font-size:13px; padding-top:15px; line-height:1.3;} } @media only screen and (max-width: 479px) { .commentlist li .comment-info cite .comment-data { top:-41px;} } @media only screen and (min-width: 768px) and (max-width: 960px) { .blog-post .col-md-2 { width:20%;} .blog-post .col-md-10 { width:80%;} .blog-post .col-md-2 .blog-date-sec { width:auto;} .blog-post .col-md-1 { width:10%;} .blog-post .col-md-5 { width:45%;} .blog-post .col-md-6 { width:45%;} .blog-post .col-md-1, .blog-post .col-md-2, .blog-post .col-md-5, .blog-post .col-md-6, .blog-post .col-md-10 { float:left;} } @media only screen and (max-width: 960px) { .blog-post.blgtyp2 .col-md-4.omega { padding-left:0;} } /* -------- end ----------- /*---------------------------------- Theme Name: Hotella ---------------------- /* #Eelements + (Bootstrap elements) ================================================== */ #wrap .colorb {background-color:#de2f68; } #wrap .colorf {color:#de2f68; } #wrap .w-hide {display: none; } .w-top-se .big-title1 {letter-spacing: -2px; margin-bottom:13px; margin-top: 10px; } .w-top-se p {font-size: 14px; letter-spacing: 1px; font-weight: 300; line-height: 21px; margin-top: -3px; } .w-information-se h4 {font-size: 40px; font-weight: 500; margin-bottom: 32px; margin-top:4px; letter-spacing: -2px; } .w-information-se p {font-size: 16px; font-weight: 300; margin-bottom: 46px; font-weight:300; } .w-local-ba-ne h4{ margin:7px 0 32px 0;} .w-local-ba-ne span{ font-size:17px; display:inline-block;} /* Max Sliders */ .max-hero .slides-control {margin: 0px; padding: 0px; list-style: none; position: relative; height: 100%; display: block; background-color:#222;} .max-hero .slides-control .slides-container {display: none;} .max-hero .slides-control .sparallax .slide-image {background-attachment: fixed;background-size: cover; background-position: center center; background-repeat: no-repeat;} @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { .max-hero .slides-control .sparallax .slide-image {background-attachment: scroll;} } .max-hero .slides-control .spattern .slide-image:after, .spattern.max-video:after, .video-sec .spattern:after{ background: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/spattern.png); width:100%; height:100%; bottom:0; left:0; position:absolute; z-index: 1; content: "";} .max-hero .mejs-controls {display:none !important;} /* Max Sliders Navigation */ .max-hero .slides-navigation {margin: 0 auto;position: absolute;z-index: 3;top: 46%;width: 100%;} .max-hero .slides-navigation a {position: absolute;display: block;width:74px;height:74px;background:url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/arrows2.png);opacity:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;} .max-hero .slides-navigation a.prev {left: 1%;background-position:bottom center;} .max-hero .slides-navigation a.next {right: 1%;background-position:top center;} .max-hero .slides-navigation a:hover{opacity:1 !important;} .max-hero:hover .slides-navigation a{opacity:0.3;} /* Max Sliders Content */ .maxslider .slides-content {color:#fff; position: absolute; width: 100%; top: 60px; margin: 0 auto; z-index: 2; background: transparent; min-height: 300px; text-align: center;} .tagline-slider.flexslider{background: transparent; text-align:center; margin-bottom:20px;} .tagline-slider.flexslider .slides {height:auto; padding:0;margin:0 auto;position:relative; overflow:initial;} .tagline-slider.flexslider .slides li{word-break: break-word; color:#fff; list-style:none; font-size:49px;} .tagline-slider.flexslider .slides li span{color:#1bbc9b;} .tagline-slider .flex-direction-nav {display:none;} .tagline-slider .flex-control-nav {position: static;} .tagline-slider .flex-control-paging li a { background:none; width:12px; height:12px; border:2px solid rgba(255,255,255,0.6); text-shadow:1px 1px 2px rgba(0,0,0,5);} .tagline-slider .flex-control-paging li a.flex-active { border-color:#fff; background:none;} .slides-content p {line-height: 26px; width: 100%; max-width: 670px; margin: 15px auto; position: relative; text-align: center;color: #fff; font-size:16px; font-weight: 300; letter-spacing:0;} .slides-content .button.small { margin-top:50px; font-size: 12px; font-weight:bold; color: #fff; letter-spacing: 2px; text-transform: uppercase;text-shadow:1px 1px 1px rgba(0,0,0,0.28); padding:10px 25px; border-radius:25px;} .slides-content .button.small:after { display:none;} .slides-content .button.small.gray { background:none; border: 2px solid rgba(255,255,255,0.77); box-shadow:0px 1px 5px rgba(0,0,0,0.14) inset;} .slides-content .button.small:hover { background:rgba(0, 0, 0, 0.4);} .slides-content .button.small.black { background:rgba(0, 0, 0, 0.36); box-shadow: 0 0 10px rgba(0,0,0,0.12) inset;} .slides-content .button.small.black:hover { background:rgba(0, 0, 0, 0.88);} /* Video Play Button */ .video-play-btn-wrap { display:block; text-align:center;} .video-play-btn i { background:none; font-size:32px; border-radius:50%; color:#41474d; padding: 18px 18px 16px 23px; border: 4px solid; -webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;} .blox.dark .video-play-btn i { color:#fff;} .video-play-btn i:hover { color:#41474d !important; background-color:#fff !important; border:5px solid #fff !important; box-shadow:0px 1px 15px rgba(0,0,0,0.19);} @media (max-width: 767px) { .video-play-btn-wrap { line-height: 80px; height: 80px; padding-top:5px;} } .big-title1 {margin-bottom: 7px; font-size: 40px; font-weight: 700; letter-spacing: -1px; } /* Max Title */ .max-title { text-align: center;} .max-title { position: relative;margin-bottom: 35px; margin-top:10px;} .max-title:before, .max-title:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); height: 3px;} .max-title:before { width: 43%;} .max-title:after { background-color: #de2f68; width: 140px;} #wrap .blox.dark .max-title:after { background-color: #fff;} .max-title h1, .max-title h2, .max-title h3, .max-title h4, .max-title h5, .max-title h6 { line-height: 1; font-size: 35px; text-transform: uppercase; color: #000; padding-bottom: 0; position: relative; font-weight: 100; padding-bottom: 45px; margin-bottom: 0;} .max-title h1:after, .max-title h2:after, .max-title h3:after, .max-title h4:after, .max-title h5:after, .max-title h6:after { content: ''; position: absolute;bottom: -5px; left: 50%; width: 13px; height: 13px; background-color: #fff; -webkit-backface-visibility: hidden; -webkit-transform: translate(-50%) rotate(45deg);transform: translate(-50%) rotate(45deg); border: 2px solid #de2f68;z-index: 2;} @media only screen and (min-width: 961px) and (max-width: 1280px) { .max-title h1, .max-title h2, .max-title h3, .max-title h4, .max-title h5, .max-title h6 { font-size:45px;} } @media only screen and (min-width: 768px) and (max-width: 960px) { .max-title h1, .max-title h2, .max-title h3, .max-title h4, .max-title h5, .max-title h6 { font-size:40px;} } @media (max-width: 767px) { .max-title h1, .max-title h2, .max-title h3, .max-title h4, .max-title h5, .max-title h6 { font-size:35px;} } @media (max-width: 479px) { .max-title h1, .max-title h2, .max-title h3, .max-title h4, .max-title h5, .max-title h6 { font-size:30px;} } /* Max Title 2 */ .max-title2 h1:before, .max-title2 h2:before, .max-title2 h3:before, .max-title2 h4:before, .max-title2 h5:before, .max-title2 h6:before { content: ''; position: absolute; bottom: -5px; left: 50%;width: 0;height: 0;border-left: 12px solid transparent !important ;border-right: 12px solid transparent !important;border-bottom: 18px solid #de2f68; z-index: 2; -webkit-transform: translate(-50%); transform: translate(-50%);} .max-title2 h1:after, .max-title2 h2:after, .max-title2 h3:after, .max-title2 h4:after, .max-title2 h5:after, .max-title2 h6:after { width: 0; height: 0;bottom: -3px; background-color: transparent; border: 0; border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 12px solid #fff !important; -webkit-transform: translate(-50%) rotate(0); transform: translate(-50%) rotate(0);} /* Max Title 3 */ .max-title3 h1, .max-title3 h2, .max-title3 h3, .max-title3 h4, .max-title3 h5, .max-title3 h6 { font-size: 32px; letter-spacing: -1px; color: #313132; padding-bottom: 34px;} .max-title3 h1:before, .max-title3 h2:before, .max-title3 h3:before, .max-title3 h4:before, .max-title3 h5:before, .max-title3 h6:before { content: ''; position: absolute; bottom: -5px; left: 50%;width: 0;height: 0; border-left: 12px solid transparent !important ; border-right: 12px solid transparent !important;border-bottom: 18px solid #de2f68; z-index: 2; -webkit-transform: translate(-50%); transform: translate(-50%);} .max-title3 h1:after, .max-title3 h2:after, .max-title3 h3:after, .max-title3 h4:after, .max-title3 h5:after, .max-title3 h6:after { width: 0; height: 0;bottom: -3px;background-color: transparent; border: 0;border-left: 8px solid transparent !important;border-right: 8px solid transparent !important;border-bottom: 12px solid #fff !important; -webkit-transform: translate(-50%) rotate(0); transform: translate(-50%) rotate(0);} .max-title3:before {width: 35%;} .max-title3:after {width: 140px;} /* Max Title 4,5 */ .max-title4 h2, .max-title4 h3, .max-title4 h4, .max-title4 h5, .max-title4 h6, .max-title5 h2, .max-title5 h3, .max-title5 h4, .max-title5 h5, .max-title5 h6 { font-size: 25px; letter-spacing: -1px; padding-bottom: 40px;} .max-title4 h1, .max-title5 h1 { font-size:36px;} .max-title5 h1, .max-title5 h2, .max-title5 h3, .max-title5 h4, .max-title5 h5, .max-title5 h6 {padding-bottom: 35px; line-height: 1.3;} .max-title4:before, .max-title5:before { width: 100%;} .max-title4:after, .max-title5:after { width: 140px;} .max-title5 h1:after, .max-title5 h2:after, .max-title5 h3:after, .max-title5 h4:after, .max-title5 h5:after, .max-title5 h6:after { border-radius: 50%; width: 16px; height: 16px; bottom: -6px;} /* Subtitle New */ .subtitle-element { text-align: left;} .subtitle-element { position: relative; margin-bottom: 40px; margin-top: 10px; border-bottom: 3px solid #F4F3F3;} .blox .subtitle-element { border-bottom-color: #fff;} .subtitle-element:after { content: ''; position: absolute;bottom: -3px; height: 3px;} .subtitle-element:after {left: 0; background-color: #de2f68;width: 106px;} .subtitle-element h1, .subtitle-element h2, .subtitle-element h3, .subtitle-element h4, .subtitle-element h5, .subtitle-element h6 { line-height: 1; font-size: 25px; text-transform: uppercase; color: #171c24; padding-bottom: 0; position: relative; font-weight: 100;padding-left: 0; padding-bottom: 35px; margin-bottom: 0;} .subtitle-element h1:after, .subtitle-element h2:after, .subtitle-element h3:after, .subtitle-element h4:after, .subtitle-element h5:after, .subtitle-element h6:after { content: ''; position: absolute;bottom: -8px;left: 26px; width: 13px; height: 13px; background-color: #fff; -webkit-transform: translate(-50%) rotate(45deg);transform: translate(-50%) rotate(45deg); border: 2px solid #de2f68; z-index: 2;} /* subtitle-element 2 */ .subtitle-element2 h1:before, .subtitle-element2 h2:before, .subtitle-element2 h3:before, .subtitle-element2 h4:before, .subtitle-element2 h5:before, .subtitle-element2 h6:before { content: ''; position: absolute;bottom: -8px;left: 52px; width: 0; height: 0; border-left: 12px solid transparent !important ; border-right: 12px solid transparent !important; border-bottom: 18px solid #de2f68; z-index: 2; -webkit-transform: translate(-50%); transform: translate(-50%);} .subtitle-element2 h1:after, .subtitle-element2 h2:after, .subtitle-element2 h3:after, .subtitle-element2 h4:after, .subtitle-element2 h5:after, .subtitle-element2 h6:after { width: 0; height: 0;bottom: -6px;left: 52px;background-color: transparent; border: 0; border-left: 8px solid transparent !important;border-right: 8px solid transparent !important;border-bottom: 12px solid #fff !important; -webkit-transform: translate(-50%) rotate(0); transform: translate(-50%) rotate(0);} /* subtitle-element 3,5 */ .subtitle-element3 h1:after, .subtitle-element3 h2:after, .subtitle-element3 h3:after, .subtitle-element3 h4:after, .subtitle-element3 h5:after, .subtitle-element3 h6:after, .subtitle-element5 h1:after, .subtitle-element5 h2:after, .subtitle-element5 h3:after, .subtitle-element5 h4:after, .subtitle-element5 h5:after, .subtitle-element5 h6:after { border-radius: 50%; width: 16px; height: 16px; bottom: -9px;} /* subtitle-element 4,5 */ #wrap .subtitle-element4, #wrap .subtitle-element5 { border-color: rgba(255, 255, 255, 0.25);} #wrap .subtitle-element4:after, #wrap .subtitle-element5:after { background-color: #fff;} .subtitle-element4 h1, .subtitle-element4 h2, .subtitle-element4 h3, .subtitle-element4 h4, .subtitle-element4 h5, .subtitle-element4 h6, .subtitle-element5 h1, .subtitle-element5 h2, .subtitle-element5 h3, .subtitle-element5 h4, .subtitle-element5 h5, .subtitle-element5 h6 { color: #fff;} #wrap .subtitle-element4 h1:after, #wrap .subtitle-element4 h2:after, #wrap .subtitle-element4 h3:after, #wrap .subtitle-element4 h4:after, #wrap .subtitle-element4 h5:after, #wrap .subtitle-element4 h6:after, #wrap .subtitle-element5 h1:after, #wrap .subtitle-element5 h2:after, #wrap .subtitle-element5 h3:after, #wrap .subtitle-element5 h4:after, #wrap .subtitle-element5 h5:after, #wrap .subtitle-element5 h6:after {background-color: #de2f68;border-color: #fff;} /* subtitle */ .sub-title {padding: 12px 0 14px; margin: 16px 0 20px 1px; border-bottom: 2px solid #27ae60; text-transform: uppercase; font-size: 14px; color: #777; letter-spacing: 1.2px; font-weight: bold;} .sub-title { border:0; margin-bottom: 5px; display: block; text-align:left;} .sub-title * { font-weight: 600; color: #101010; font-size: 26px; line-height: 1.2; margin-bottom: 0; letter-spacing: 0.5px;} .sub-title:after {content: ""; margin: 11px 0 15px; width: 36px; display: block; border-bottom: 4px solid #494949;} .subtitle-four { margin-bottom: 5px; display: block; text-align:left;} .subtitle-four *{ position: relative;display: inline-block; color: #101010; font-size:17px; font-weight:bold; line-height:1.3; margin-bottom:0; letter-spacing:2px; text-transform:none;} .subtitle-four:after{ content: ""; margin: 6px 0 15px; width: 90px; height: 0; display: block; position: relative; border-bottom: 2px solid #de2f68;} .alignright .subtitle-four {direction: rtl;} /* Max Paragraph */ .max-p {max-width: 660px; margin: 0 auto 40px; font-size: 19px; line-height: 1.7; color: #a2a5a7; font-weight: 300; text-align:center} .blox.blackbox .max-p {color:#808080} #wrap .bg-white { background:#fff;} /* # Webnus divider ================================================== */ .w-divider{text-align: center;margin: 40px auto 30px;} .w-divider i{padding: 25px; border-radius: 50%; margin-bottom: 20px; font-size: 24px; color: #fff; display: inline-block;} .w-divider h3{font-weight: 300;color: #202020;font-size: 28px; text-transform:uppercase; letter-spacing:1px;} .w-divider .spl, .w-divider .spr{border-bottom: 2px solid; padding: 0 1px 7px;} .w-divider2{text-align: center;margin: 24px auto 24px;} .w-divider2 i{padding: 25px 28px; border: 1px solid #e3e3e3; border-radius: 50%; margin-bottom: 20px; font-size: 24px; display: inline-block;} .w-divider2 h3{font-weight: 700;color: #101010;font-size: 26px; letter-spacing:-1px} .w-divider2 .spl, .w-divider2 .spr, .w-divider2 .spln{border-bottom: 1px solid #e3e3e3; padding: 0 4px 10px;} .w-divider2 .spln {width: 70px; display: block; margin: 7px auto;} .w-divider3{margin: 24px auto 24px;} .w-divider3 h3{font-weight: 800;color: #101010;font-size: 24px;} .w-divider3 .spb {background:#fff; padding-right: 10px;} .w-divider3 .spl, .w-divider3 .spr {padding: 0 10px 0 0; border-radius: 6px;} .w-divider3 .spr{color:#fff; padding:0 10px;} .w-divider3 .spln {display: block; margin-top: -17px; border-bottom: 1px solid #e5e5e5;} .blox .w-divider3 .spl,.blox .w-divider3 .spr,.blox .w-divider3 .spb {background: none;} .blox .w-divider3 .spln {margin-top: 0;padding-top: 5px;} .w-divider4{margin: 24px auto 24px;} .w-divider4 h3{font-weight: 800;color: #101010;font-size: 24px;} .w-divider4 .spl, .w-divider4 .spr {background: #fff; padding: 0 10px 0 0;} .w-divider4 .spln {display: block; margin-top: -17px; border-bottom: 1px solid #e5e5e5;} .blox .w-divider4 .spl,.blox .w-divider4 .spr {background: none;} .blox .w-divider4 .spln {margin-top: 0;padding-top: 5px;} .w-divider5{text-align: center;margin: 24px auto 24px;} .w-divider5 i{ width:48px; height:48px; padding: 12px; border-radius: 50%; margin-bottom: 20px; font-size: 24px; display: inline-block; background: #fff; position: absolute; left: 50%; top: 30px; margin-left: -21px;} .w-divider5 h3{font-weight: 300;color: #101010;font-size: 26px; position: relative; display:inline-block; margin-bottom:0;} .w-divider5 .spl, .w-divider5 .spr, .w-divider5 .spln{padding: 0 4px 16px;} .w-divider5 .spln {display: block; margin: 7px auto;border-bottom: 1px solid #e5e5e5;} .w-divider6 { margin: 55px auto 17px; overflow: hidden;} .w-divider6 i { padding: 17px 20px; border-radius: 50%; margin-bottom: 30px; font-size: 32px; color: #fff; display: inline-block; float: left;} .w-divider6 h3 { font-weight: 600;color: #535458; font-size: 22px; line-height:27px; margin-bottom: 0; display: block; margin-left: 76px; margin-top: 5px; padding-bottom: 6px;} .w-divider6 p { font-size:14px; font-weight:400; color: #828282; letter-spacing: -0.4px; margin-top:11px; margin-left:75px;} .w-divider6 .spl, .w-divider6 .spr { padding-bottom: 6px;} .w-divider6 .spr { margin-left: 7px;} .w-divider7 { margin: 25px auto;} .w-divider7 h3 { font-size: 27px; margin-bottom: 0;} .w-divider7 h3 span.spr { display: block; font-weight: 800; color: #363636; font-size: 30px; letter-spacing: -1.5px;} .blox.dark .w-divider7 h3 span.spr { color:#fff;} .w-divider7 h3:after { content: ""; margin: 6px 0 15px; width: 74px; height: 0; display: block; position: relative; border-bottom: 5px solid;} .w-divider7 p { font-size:14px; font-weight:400; color: #707070; letter-spacing: 0;} .w-divider8 {margin: 40px auto 0; overflow: hidden; text-align: center; } .w-divider8 h3 {font-weight: 600;color: #535458;font-size: 25px; letter-spacing: -1.5px; margin-bottom: 0; display: block;} .w-divider8 i.colorb { background-color: transparent;} .w-divider8 i { border-radius: 50%; margin: 10px auto; font-size: 32px; width: 220px; height: 32px; display: block; background: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/w-divider8-icon-img.png) no-repeat center;} .w-divider8 p { color: #848484; font-size: 14px; display: block; font-weight: 400; margin-bottom: 35px; margin-top: 15px;} .w-divider8 .spr { margin-left: 7px; color: #464646;} .blox.dark .w-divider8 .spr { color: #fff;} .blox.dark .w-divider8 p { color:rgba(255, 255, 255, 0.72);} .w-divider9{ margin: 24px auto 35px;} .w-divider9 h3{ font-weight: 800;color: #101010;font-size: 31px; text-align:center;} .w-divider9 .spl { display:block; margin-bottom: 9px;} .w-divider9 .spr{ color: #fff;padding: 3px 10px; font-weight: normal; text-transform: uppercase; font-size: 12px; letter-spacing: 2px;} .w-divider9 .spln { display: block; border-bottom: 1px solid #e5e5e5; width: 280px; margin: -11px auto 0;} .blox.dark .w-divider9 .spln { border-color:rgba(255,255,255,0.2);} /* # Progress bar ================================================== */ #wrap .vc_progress_bar.wpb_content_element { margin-bottom: 74px;} #wrap .vc_progress_bar .vc_single_bar { margin-top: 42px; height: 4px;} #wrap .vc_progress_bar .vc_single_bar .vc_label { color:#333; font-size:12px; font-weight:600;} #wrap .vc_progress_bar .vc_single_bar { height: 4px;} #wrap .vc_progress_bar .vc_single_bar .vc_bar:before { content: ''; background-color: #fff; width: 4px; height: 4px; border-radius: 50%; position: absolute; top: 0; right: 1px; z-index: 1000;} #wrap .vc_progress_bar .vc_single_bar .vc_bar:after { content: ''; background-color: inherit; width: 14px; height: 14px; border-radius: 50%; position: absolute; top: -5px; right: -4px;} @media (min-width: 768px) { #wrap .wpb_tour .wpb_tabs_nav li { margin: 0 -1px -1px 1px !important;} } /* # Accordion - deprecated ================================================== */ #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before, #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { content: '';} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { content: '';} #wrap .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a { color:#5d5d5d; border: 1px solid #e1e1e1; padding: 14px 22px 14px 42px; font-size: 15px; margin: 0; background: #f8f8f8; min-height: 35px; letter-spacing: 0; text-transform: inherit; text-transform:uppercase; letter-spacing:1px;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { display: block; width: 24px; height: 24px; position: absolute; left: 10px; top:14px; border: none; right: auto;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before, #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { font-family:'FontAwesome'; font-size:24px;color:#61b2e8; content:"\f055"; position: absolute; left: -18px; top: -13px;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before:hover { color: #de2f68;} #wrap .wpb_accordion .wpb_accordion_wrapper:last-of-type { margin-bottom: 20px;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active { border: 1px solid #e1e1e1; border-bottom: none; border-top-left-radius: 4px; border-top-right-radius: 4px; line-height: 1; padding-bottom: 0;} #wrap .wpb_accordion_section.group {margin-bottom: 6px;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active a, #wrap .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:hover { color: #fff;} #wrap .wpb_accordion .wpb_accordion_wrapper a:hover { background-color: #f5f5f5;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active a { background-color: transparent; border:none;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { content: "\f056"; color: #fff; right: 0; top: -17px;} #wrap .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { padding: 0 24px 30px; border: 1px solid #e1e1e1; border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;} #wrap .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content .wpb_wrapper p { color: #8a8a8a; line-height: 1.7; font-weight:300;} /* # Accordion ================================================== */ #wrap .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-panel.vc_active .vc_tta-panel-heading { margin-bottom: 24px; background-color: #de2f68; border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-radius: 3px; border-color: transparent;} #wrap .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-panel.vc_active .vc_tta-panel-title>a { color: #fff;} #wrap .vc_tta-accordion.vc_tta-style-classic .vc_tta-panel-title>a {padding: 14px 0px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0;} #wrap .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .icon-box p {font-size: 14px; line-height: 1.8; color: #616161; font-weight: 400;margin-left: 4px;padding-left: 19px;border-left: 2px solid #dbdbdb;overflow: hidden;} #wrap .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-panel .vc_tta-panel-title>a { color: #000;} #wrap .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-controls-icon-position-right .vc_tta-controls-icon { width: 16px; height: 16px; background: #de2f68; border-radius: 50%;} #wrap .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_active .vc_tta-controls-icon-position-right .vc_tta-controls-icon { background: #fff !important; } #wrap .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before { left: 4px; width: 8px;} #wrap .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-controls-icon::after, #wrap .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-controls-icon::before { border-color: #fff;} #wrap .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, #wrap .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before { border-color: #de2f68;} #wrap .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after { top: 4px; bottom: 4px;} #wrap .vc_tta.vc_general .vc_tta-panel-body { padding-left: 39px;padding-right: 16px;} #wrap .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-controls-icon-position-right .vc_active:before { color: #de2f68;} #wrap .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .icon-box i {position: absolute;top: 10px;left: -12px;} #wrap .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .icon-box i:before {color: #68C679; font-size: 45px;} #wrap .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square h4 {margin-left: 15px; overflow: hidden;} @media (min-width: 960px) and (max-width: 1280px) { .vc_tta.vc_general .vc_tta-panel-title>a { font-size: 14px;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .icon-box p { font-size: 12px; margin-left: 10px;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .icon-box i { position: absolute; top: 10px;left: -16px;} .vc_tta.vc_general .vc_tta-panel-body { padding-left: 35px;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square h4 { margin-left: 10px;} } @media (min-width: 768px) and (max-width: 960px) { .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-panel-title a { font-size: 11.2px;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-controls-icon-position-right .vc_tta-controls-icon { right: 10px;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .icon-box i { position: absolute; top: 28px;left: -26px;} .vc_tta.vc_general .vc_tta-panel-body { padding-left: 45px; padding-right: 0;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square h4 { margin-left: 10px;} } @media (max-width: 768px) { .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .icon-box i { position: absolute; top: 28px; left: -26px;} } /* # Max counter ================================================== */ .max-counter { text-align:center; color: #393a3a; font-size: 36px;} .max-counter.s-counter .icon-counter {color: rgba(0,0,0,0.4);margin-right: 10px;font-size: 37px;} .blox.dark .max-counter.s-counter .icon-counter, .blox.dark .max-counter.s-counter .max-count {color: #fff;} .max-counter.s-counter .max-count {font-size: 44px;font-weight: 700; color: rgba(0,0,0,0.74);} .max-counter h5 { margin-top: 15px;font-size: 13px; font-weight:600; letter-spacing:1px; text-transform:uppercase; position:relative;} .max-counter.s-counter h5 { position: relative; text-transform:none; font-size: 15px; font-weight: 400; padding-top: 33px; margin-top: 30px; letter-spacing: 0;} .max-counter.s-counter h5:before { content: ''; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 72px; height: 2px; background-color: #fff;} .max-counter h5:after { content: ''; margin: 8px auto 20px; width: 24px; height: 0; display: block; position: relative; border-bottom: 2px solid rgba(0,0,0,0.27);} .max-counter.s-counter h5:after { border:none;} .max-counter.m-counter {margin: 0 auto;} .max-counter.m-counter .icon-counter, .max-counter.m-counter .suf-counter, .max-counter.m-counter .pre-counter { vertical-align: middle; color: #999;font-size: 80px; line-height:1;font-weight: 300;margin-left: 10px;} .max-counter.m-counter .max-count { vertical-align: middle; font-size: 120px;font-weight: 300;letter-spacing: -8px;} .max-counter.m-counter h5 {margin-top: 26px; font-size: 13px; font-weight: 600; text-transform: uppercase;} .max-counter.m-counter h5:after {content: ''; margin: 8px auto; width: 26px; display: block;border-bottom: none;} .max-counter.s-counter { margin-bottom:10%} @media only screen and (min-width: 768px) and (max-width: 1280px) { .max-counter.s-counter .icon-counter { font-size:24px;} .max-counter.s-counter .max-count { font-size:31px;} } .max-counter.f-counter .icon-counter{font-size: 32px; margin:0 6px 8px; display:inline-block;} .max-counter.f-counter{margin-bottom:60px;} .max-counter.f-counter .max-count {font-size: 42px;font-weight: 700;} .blox.dark .max-counter.f-counter .max-count:after , .dark-content .max-counter.f-counter .max-count:after { border-bottom: 2px solid #fff;} .max-counter.f-counter h5 {margin-top: 4px;font-size: 14px;font-weight: 500;letter-spacing: 0;} .max-counter.f-counter h5:after{display:none;} .max-counter.t-counter { margin-top: 34px; padding: 0px; text-align:center; color: #393a3a; font-size: 36px;} .max-counter.t-counter h5 { font-size: 12px; color: #7f8386; display: table; text-align: left; margin-top: 0;} .max-counter.t-counter h5:after { display: none;} .blox.dark .max-counter.t-counter h5 { color:#fff;} .blox.dark .max-counter.t-counter h5:after{border-bottom: 2px solid #fff;} .dark-content .max-counter.t-counter .max-count {border: 2px solid #fff;} .blox.dark .max-counter.t-counter .max-count { color:#fff;} .max-counter.t-counter i.icon-counter { float: left; font-size: 32px; margin-right: 10px; color: #a1abb3; border: 2px solid #a1abb3; border-radius: 50%; padding: 30px; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; display: inherit;} .max-counter.t-counter:hover i.icon-counter { background-color: #de2f68; border-color: #de2f68; color: #fff;} .blox.dark .max-counter.t-counter i.icon-counter { color:#fff; border-color:#fff;} .blox.dark .max-counter.t-counter:hover i.icon-counter { color:#717171; border-color:#fff; background-color:#fff;} .max-counter.t-counter .max-count{ font-size: 28px; line-height: 1; display: table-caption; margin-top: 10px; color: #7f8386; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border: none; width: auto; height: auto; padding-top: 0;} .max-counter.t-counter:hover .max-count, .blox.dark .max-counter.t-counter:hover .max-count, .dark-content .max-counter.t-counter:hover .max-count { background: transparent;} .max-counter.t-counter .max-count:after { content: ""; margin: 10px 0 15px; width: 48px; height: 0; display: block; position: relative; border-bottom: 2px solid #a1abb3;} .max-counter.t-counter:hover .max-count:after { border-color: #de2f68;} .blox.dark .max-counter.t-counter .max-count:after { border-color:#fff;} .max-counter.t-counter:hover .max-count, .dark-content .max-counter.t-counter:hover .max-count{ color: #de2f68;} .blox.dark .max-counter.t-counter:hover .max-count { color:#fff;} /* Max Quote */ .max-quote {text-align: center; padding:15px 0;} .max-quote cite{font-size: 16px; font-style:normal; margin-top:25px; color:#7a7a7a; letter-spacing: 1px;} .max-quote small{display: block; padding-top: 4px; font-style: normal; letter-spacing: 2px; font-size: 11px; color:#a1a1a1;} .max-quote:before , .max-quote small:before { content: ''; content: none; display:none;} #wrap .max-quote h2 {font-family:'Lora',serif; font-size: 23px; line-height:1.6; letter-spacing:0;} .max-quote h2:before, .max-quote h2:after { display:inline-block; content: ''; color: #ff6c6d; font-family: Arial, serif; font-size: 33px; line-height:30px; margin: 0 8px; font-weight: bold; font-style:normal;} .max-quote h2:before { content: '\201C'; margin-left:0;} .max-quote h2:after { content: '\201D';} .blox .max-quote h2{color:#32373b;} .blox.dark .max-quote h2 , .blox.dark .max-quote h2:before, .blox.dark .max-quote h2:after, .blox.dark .max-quote cite {color:#fff;} /* Social Media */ .social-media {text-align: center} .social-media a {text-align: center; padding: 0 10px; margin-bottom: 20px; display: inline-block;} .social-media a i {border:2px transparent solid;font-size:4em;padding: 30px;border-radius: 50%;color: #fff;margin-bottom: 20px;display: block; -webkit-transition: all .3s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out;background:rgba(15, 15, 15, 0.6)} .social-media a:hover i {color: #fff;border:2px #fff solid;} .social-media a span{-webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; color:transparent;text-transform: uppercase; font-size:16px; font-weight:600; text-shadow: 0 0 5px rgba(33, 65, 83, 1) } .social-media a:hover span{color:#fff;} #social-media.active.facebook{ background: #3b5996 !important;} #social-media.active.twitter { background: #00acee !important;} #social-media.active.vimeo { background: #0dadd6 !important;} #social-media.active.dribble { background: #d53e68 !important;} #social-media.active.youtube{ background: #cb322c !important;} #social-media.active.pinterest{background: #cb2027 !important;} #social-media.active.google{background: #c3391c !important;} #social-media.active.linkedin { background: #0073b2 !important;} #social-media.active.rss{ background: #f29a1d !important;} #social-media.active.instagram{ background: #457399 !important;} #social-media.active.skype{ background: #00aaf3 !important;} #social-media.active.other-social { background: #de2f68 !important;} #social-media.blox .social-media a span{display:none;} #social-media.blox .social-media a i{background:none; font-size:2em;border: 1px transparent solid; margin:0; padding:20px;} #social-media{transition: background-color .8s ease-in-out;-webkit-transition: background-color .8s ease-in-out;-moz-transition: background-color .8s ease-in-out;-ms-transition: background-color .8s ease-in-out;-o-transition: background-color .8s ease-in-out;} #social-media.blox .social-media a{margin: 20px 0;} #social-media.blox .social-media a:hover i {border: 1px #fff solid;} /* CONTACT */ #contact-map { box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1) inset; border: 1px solid #d6dbdc; border-left: none; border-right: none; padding: 0; margin: 0 } #contact-map iframe { width: 100%; padding: 0; margin: 0; margin-bottom: -7px;} #wrap .blox .contact-inf i { margin-bottom: 10px; margin-top: 10px;} #wrap .rc-anchor.rc-anchor-standard { border:none !important; box-shadow:none; background:none;} .contact-form .g-recaptcha { margin-bottom:20px;} /* Contact Page */ #talk-business p.talk-business-title { margin-left: 10px; text-align: left; font-size: 12px; color: #b0b0b0;} #talk-business input,textarea {background: #f0f0f0; border-radius: 2px; border: none; box-shadow: none; margin-bottom: 16px;} #talk-business textarea { border: none; box-shadow: none;} #talk-business textarea:focus { background: #E8E8E8;} #talk-business input[type=submit] { margin-top: 30px; border-radius: 60px; background: #de2f68;} #talk-business input[type=submit]:hover { background: #39c36e;} #talk-business .host-btn-form { margin-top: 30px; border-radius: 60px;padding: 11px; width: 100%;text-align: center;background: #de2f68;} #talk-business .host-btn-form:hover { background: #39c36e;} .seo-cf-page { padding: 0 20px;} @media (max-width:960px){ #talk-business input[type=submit] {font-size: 11px;} } @media (min-width:768px) and (max-width:1200px){ #talk-business input[type=submit] { padding: 10px 30px;} } .w-contact-p input[type=text], .w-contact-p input[type=email], #wrap .w-contact-p input textarea {color: #888;font-size: 12px;border:1px solid #ccc;border-radius:2px;background:#fff;} .wpcf7 .w-contact-p .col-md-6,.wpcf7 .w-contact-p .col-md-12 {padding: 0 5px;margin-bottom: 10px} #wrap .wpcf7 .w-contact-p input[type=submit] {background: #de2f68;color: #fff;border: 0;box-shadow: none;padding: 8px 15px 7px;line-height: 16px;border-radius: 3px;margin: 0;position: absolute;bottom: -3px;right: 5px;text-transform: uppercase;letter-spacing: 1px;font-size: 11px;font-weight: normal;} #wrap .wpcf7 .w-contact-p input[type=submit]:hover {background-color: #292929;} /* gallery page */ #wrap .tg-grid-wrapper.honiara-grid .w-gallery-title p{ font-family:'Lora','Serif'; font-size:21px; color:#de2f68; font-weight:400; } #wrap .tg-grid-wrapper.honiara-grid .tg-grid-area-top1,.tg-txt-slash .tg-filter:before {display:none !important;} #wrap .tg-grid-wrapper.honiara-grid .tg-grid-area-top2 {background: #fff; padding-bottom: 62px;} #wrap .tg-grid-wrapper.honiara-grid .tg-filter-name.tg-nav-color.tg-nav-font {color:#31312c; font-weight:400; letter-spacing:0.3px; text-transform:uppercase; font-size:14px; color:#31312c; background:#f2f2f2; border:none; } #wrap .tg-grid-wrapper.honiara-grid .tg-grid-area-top2 .tg-filter{margin:-6px 0 0 0;} #wrap .tg-grid-wrapper.honiara-grid .tg-filter.tg-nav-color.tg-nav-border.tg-nav-font.tg-show-filter.tg-filter-active {box-shadow:none;border-color:#01c2e5;margin-top: -2px;} #wrap .tg-grid-wrapper.honiara-grid .tg-filter.tg-nav-color.tg-nav-border.tg-nav-font.tg-show-filter.tg-filter-active span { position: relative; background:#fff; padding: 6px 28px 6px 28px; } #wrap .tg-grid-wrapper.honiara-grid .tg-filter-name.tg-nav-color.tg-nav-font { padding: 10px 28px 0 28px; margin-top:-10px;} #wrap .tg-grid-wrapper.honiara-grid .tg-filter.tg-nav-color.tg-nav-border.tg-nav-font.tg-show-filter.tg-filter-active span:after { position:absolute; left:50%; transform:translate( -50%,-7px); bottom: -20px; font-size:10px; font-weight:700; font-family:'simple-line-icons'; content:'\e604'; box-shadow:none; height: auto; } #wrap .tg-grid-wrapper.honiara-grid .tg-filters-holder {background: #f2f2f2; width:100%; height:30px; } @media screen and (max-width: 768px) { .tg-filter.tg-nav-color.tg-nav-border.tg-nav-font.tg-show-filter.tg-filter-active span:after { display: none;} } /* TEAM */ .our-team {text-align: center; background: #fff; margin-bottom: 30px; overflow:hidden;} .social-team { padding-bottom:14px; text-align:center;} .our-team figure { position: relative; margin: 0 auto; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .our-team figure img { width:160px; border-radius:50%; height:auto;} .blox .our-team figure img { margin-top:25px;} .social-team i { margin:0 4px; background:#fff; padding: 10px;font-size: 18px; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #777;} .our-team h2 { font-size: 17px; margin-top:25px; font-weight: 700; text-transform:uppercase; letter-spacing:1px; color:#515151;} .our-team h2 a { color:#515151;} .our-team h2 a:hover { text-decoration:underline;} .our-team h5 { color:#de2f68; margin-top:15px; margin-bottom: 10px; font-size:12px; font-weight: 700; text-transform:uppercase; letter-spacing:2.6px;} .our-team p { font-size:14px; padding:7px 25px 0; color: #8a8a8a;} .our-team .social-team{ padding-top: 10px;} .our-team .social-team i { margin:0 4px; padding: 5px 6px;font-size: 18px; border-radius: 3px;color: #8a8a8a;} .our-team .social-team i.fa-facebook { padding:5px 8px;} .our-team i:hover {color:#fff;} .social-team a i.fa-facebook:hover { background: #3b5996;} .social-team a i.fa-twitter:hover { background: #00acee;} .social-team a i.fa-vimeo:hover { background: #0dadd6;} .social-team a i.fa-dribbble:hover { background: #d53e68;} .social-team a i.fa-youtube:hover { background: #cb322c;} .social-team a i.fa-pinterest:hover { background: #cb2027;} .social-team a i.fa-linkedin:hover { background: #0073b2;} .social-team a i.fa-rss:hover { background: #f29a1d;} .social-team a i.fa-google-plus:hover { background: #c3391c;} .social-team a i.fa-instagram:hover { background: #457399;} /* #Our Services Carousel =============================================*/ .our-service-carousel-wrap .owl-item { padding: 0 6px;} .our-service-carousel-wrap .owl-item * { text-align: left;} .aligncenter .our-service-carousel-wrap .owl-item * { text-align: center;} .our-service-carousel-wrap .owl-item .services-carousel { background: #fff; border-radius: 5px; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.04);} .our-service-carousel-wrap .owl-item .services-carousel img { width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px;} .our-service-carousel-wrap .owl-item .services-carousel .tdetail { padding: 31px 75px 18px 36px;} .our-service-carousel-wrap .owl-item .services-carousel .tdetail i { float: left; color: #5aa300; margin-right: 5px; font-size: 20px; } .our-service-carousel-wrap .owl-item .services-carousel .tdetail h2 { font-size: 16px; text-transform: uppercase; font-weight: 600; color: #31312c; line-height: 16px; padding-top: 3px; margin-bottom: 18px;} .our-service-carousel-wrap.owl-carousel .owl-wrapper-outer { padding-bottom: 14px;} .our-service-carousel-wrap .owl-item p { font-size:16px; color:#888;} /* Arrow */ .our-service-carousel-wrap .owl-controls .owl-buttons .owl-prev, .our-service-carousel-wrap .owl-controls .owl-buttons .owl-next { font-family: 'simple-line-icons'; } @media (min-width: 768px){ .our-service-carousel-wrap .owl-controls .owl-buttons .owl-prev, .our-service-carousel-wrap .owl-controls .owl-buttons .owl-next { position: absolute;font-size: 18px;width: 26px;height: 80px;line-height: 80px;display: inline-block;padding: 0;text-align: center;border-radius: 3px;color: #fff;background: rgba(0,0,0,.36);cursor: pointer;transition: all .18s ease;} .blox.dark .our-service-carousel-wrap .owl-controls .owl-buttons div { background: rgba(255,255,255,0.7); color:#000;} .our-service-carousel-wrap .owl-controls .owl-buttons .owl-prev {left: -50px;bottom: 50%;} .our-service-carousel-wrap .owl-controls .owl-buttons .owl-next {right: -50px;bottom: 50%; padding-left: 2px;} } .our-service-carousel-wrap .owl-controls .owl-buttons .owl-prev:before { content: "\e605";} .our-service-carousel-wrap .owl-controls .owl-buttons .owl-next:before { content: "\e606";} @media( max-width:768px ){ #wrap .owl-controls .owl-buttons { margin-bottom: 20px; } .testimonial-carousel .owl-controls .owl-buttons .owl-prev, .testimonial-carousel .owl-controls .owl-buttons .owl-next { font-size: 18px; width: 26px; height: 80px; line-height: 80px; display: inline-block; padding: 0; text-align: center; border-radius: 3px; color: #fff; } } /* Our Team 1 */ .our-team1 { position:relative; margin:0;} .our-team1 figure { position: relative; overflow: hidden; margin: 0 auto; z-index: 0;} .our-team1 img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: .46s all ease;} .our-team1 figcaption { position: absolute; bottom: 0; left: 0; right:0; text-align: center; width: 100%; height:200px; bottom:-200px; background: rgba(0, 194, 229, 0.95); transition: all .28s ease;} .our-team1 h2 { color: #fff; font-size: 18px; margin-top :-30px; font-weight: 600;} .our-team1 h5 { color: #fff; font-size: 14px;} .our-team1 figure h2, .our-team1 figure h5 { position:absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); line-height: 1; width: 100%; transition: .38s all ease;} .our-team1:hover figure h2, .our-team1:hover figure h5 { top:47%;} .our-team1:hover figcaption { bottom:0;} .our-team1 .social-team { margin-top: 15px; position:absolute; bottom:-20px; left:50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); opacity:0; transition: .34s all ease;} .our-team1:hover .social-team { bottom:20px; opacity:1;} .our-team1 .social-team i { background: transparent; color:#fff; display: inline-block; width: 30px; height: 30px; padding: 6px;} .our-team1 .social-team i:before { color: #fff;} .our-team1:hover img { -webkit-filter: grayscale(0); filter: grayscale(0);} /* Our Team 2 */ .our-team2 { position: relative; margin: 0 auto; border-radius: 50%; border: 2px solid #57c3ea; width: 222px; height: 222px; overflow: hidden; z-index: 0;} .our-team2 figure {/* position: absolute; */ width: 100%; height: 100%;} .our-team2 figure h2 { position: absolute;bottom: -16px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); width: 100%; text-align: center; background: #de2f68;height: 29%; color: #fff; line-height: 3; font-size: 15px; transition: .5s; text-transform: uppercase;} .our-team2 figure h5 { position: absolute; bottom: -7px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); text-align: center; color: #616161; font-size: 14px; font-weight: 400; line-height: 4; height: 0; width: 100%; background: #DFE6E9; transition: .3s; -webkit-transition-delay: .2s; /* Safari */ transition-delay: .2s; text-transform: uppercase;} .our-team2:hover h2 { height: 0;} .our-team2:hover h5 { height: 50%;} .our-team2 .social-team { position: absolute; top: 0; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); text-align: center; width: 100%; height: 0; background: #de2f68;transition: .3s; -webkit-transition-delay: .2s; /* Safari */ transition-delay: .2s; padding-top: 0; padding-bottom: 0; overflow: hidden;} .our-team2 .social-team a i { background: none; color: #fff; font-size: 20px;} .our-team2 .social-team a i:hover { background: none;} .our-team2:hover .social-team { opacity: 1; height: 50%; padding-top: 30%;} @media (min-width: 768px) and (max-width: 960px) { .our-team2 { width: 180px; height: 180px;} .our-team2 figure h2 { font-size: 13px;} } @media (min-width: 480px) and (max-width: 767px) { .our-team2 { width: 380px; height: 380px;} } @media (max-width: 479px) { .our-team2 { width: 250px; height: 250px;} } /* Our Team 3 */ .our-team3 figure { width: 43%; float: left; margin-right: 3%;} .our-team3 figure img { border-radius: 50%; transition: .2s all ease; border: 5px solid transparent; width: 138px; height: 138px;} .our-team3:hover figure img { border: 5px solid #de2f68;} .our-team3 .tdetail { width: 48%; float: left;} .our-team3 .tdetail h2 { font-size: 18px; letter-spacing: 0; margin-bottom: 0; line-height: 28px; font-weight: 700; margin-top: 20px;} .our-team3 .tdetail h5 { color: #888; margin-bottom: 18px; font-size: 11px;} .our-team3 .social-team { text-align: left;} .our-team3 .social-team i { text-align: center; background: #bbb; color: #fff; border-radius: 50%; font-size: 18px; padding: 7px; display: inline-block; margin: 0 0 0 4px; width: 30px; height: 30px;} .dark .our-team3 i { background: #000;} .dark .our-team3 .tdetail h5 { color: #ddd;} .alignright .our-team3 figure { float: right; margin: 0 0 0 3%;} .alignright .our-team3 .tdetail,.alignright .our-team3 .tdetail a { float: right;} @media only screen and (max-width: 768px) { .our-team2,.our-team3 { margin-bottom: 30px;} } @media (min-width: 960px) and (max-width: 1199px) { .our-team3 figure img { width: 122px; height: 122px;} } @media (max-width: 960px) { .our-team3 figure img { width: 95px; height: 95px;} } /* Our Team 4 */ .our-team4 { background: #fff; border: 2px solid transparent; box-shadow: 0 2px 0 0px rgba(0,0,0,0.025); transition: .33s all ease;} .blox.dark .our-team4 { background: rgba(255,255,255,0.2);} .our-team4 img { width: 100%;} .our-team4 figure { position: relative;} .our-team4 figcaption h2 { font-size: 20px; color: #010101; font-weight: 500; text-align: center; padding-top: 36px; text-transform: capitalize; margin-bottom: 13px; transition: .26s all ease;} .our-team4 figcaption h5 { font-size: 12px; color: #989898; text-align: center; text-transform: capitalize; padding-bottom: 27px; transition: .26s all ease;} .our-team4 .social-team { position: absolute; bottom: 37%; left: 50%;transform: translate(-50%,0); -webkit-transform: translate(-50%,0); opacity: 0; transition: .26s all ease;} .our-team4 .social-team i {font-size: 17px; font-weight: 600; padding: 6px 7px; transition: .26s all ease;} .our-team4 .social-team .fa-facebook:before { padding: 3px;} .our-team4:hover { border: 2px solid #de2f68; background: #de2f68; border-radius: 3px;} .our-team4:hover .our-team4-caption h2 { color: #fff;} .our-team4:hover .our-team4-caption h5 { color: #fff;} .our-team4:hover .social-team { opacity: 1;} @media (min-width:1199px) and (max-width:1280px){ .our-team4 .social-team { bottom: 40%;} } @media (min-width:768px) and (max-width: 1200px){ .our-team4 .social-team { bottom: 50%;} } .our-team4 .social-team a i:before {color: #de2f68;} .our-team4 .social-team a i:hover, .our-team4 .social-team a:hover i {background: #222 !important; color: #fff !important;} .our-team4 .social-team a i:hover:before { color: #fff !important;} .our-team4:hover.our-team4 figcaption h2 , .our-team4:hover.our-team4 figcaption h5 { color: #fff;} /* Our Team 5 */ .our-team5 { position:relative;} .our-team5 img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: .46s all ease;} .our-team5 figcaption {padding: 24px 15px 18px; border-bottom: 2px solid #ECF0F1; transition: .46s all ease;} .our-team5 h2 { font-size: 23px; color: #333; font-weight: 700; letter-spacing:-1px;} .vc_col-sm-2 .our-team5 h2 { font-size: 19px; font-weight:600; letter-spacing:-0.5px;} .our-team5 h5 { font-size: 12px; color: #de2f68; font-weight: 500; letter-spacing:1px;} .our-team5 p { padding:27px 5px 10px 1px;} .our-team5 .social-team {text-align: center; width: 100%;margin-top: 0;padding-right: 10px; opacity:0; transition: .46s all ease;position: absolute;bottom: 100px;} .our-team5:hover .social-team { opacity:1;} .our-team5 .social-team i {font-size: 18px;background: #fff !important;padding: 10px;width: 36px;height: 36px;display: inline-block;} .our-team5 .social-team .fa-facebook:before { padding: 3px;} .our-team5 .social-team a i:hover { background: none;} .our-team5 .social-team a i:hover:before { color: #de2f68;} .our-team5:hover img { -webkit-filter: grayscale(0); filter: grayscale(0);} .our-team5:hover figcaption { border-color: #c9c9c9;} /* Our Team 6 */ .our-team6 { text-align: center; background: #fff; margin-bottom: 30px; overflow:hidden; border:2px solid #e7e7e7; padding-bottom:10px;} .social-team6 { padding-bottom:14px; text-align:center;} .our-team6 figure { position: relative; margin: 0 auto; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .our-team6 figure img { width:100%; height:auto;} .blox .our-team6 figure img { margin-top:25px;} .our-team6 .social-team i { margin:0 4px; background:#fff; padding: 10px;font-size: 18px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #777;} .our-team6 h2 { font-size: 17px; margin-top:25px; font-weight: 700; text-transform:uppercase; letter-spacing:1px; color:#2a2a2a;} .our-team6 h2 a { color:#2a2a2a;} .our-team6 h2 a:hover { text-decoration:underline;} .our-team6 h5 { color:#de2f68; margin-top:15px; margin-bottom: 10px; font-size:11px; font-weight: 600; text-transform:uppercase; letter-spacing:2.6px;} .our-team6 p { font-size:14px; padding:7px 25px 0; color: #717171;} .our-team6 .social-team{ padding-top: 10px;} .our-team6 .social-team i { margin:0 4px; padding: 5px 6px;font-size: 18px; border-radius: 3px;color: #8a8a8a;} .our-team6 .social-team i.fa-facebook { padding:5px 8px;} .our-team6 i:hover {color:#fff;} /* TESTIMONIALS */ .b-author { float: right; display: block; text-align: right;} .b-author img { width: 90px; height: 90px; margin-left: 5px; border-radius: 45px; float: right;} .b-author p { margin: 0; float: left; font-size: 17px; color: #393939; margin-top: 22px; margin-right: 10px; font-weight: 400;} .b-author span { color: #797979; letter-spacing: 0; font-size: 14px; font-weight: 300;} .testimonial-content p { margin: 12px; color: #444; line-height: 1.7; font-size: 21px; padding: 10px 0;} .testimonial-arrow { position: absolute; width: 11px; height: 6px; bottom: -6px; right: 110px;} .testimonial { margin-bottom:20px; clear:both; min-width:220px;} .testimonial-content { padding: 10px; position: relative; border: 2px solid #e3e3e3; border-radius:5px; background: #fff; margin: 5px 0;} .container .testimonial-content p { margin:6px;} .testimonial-content h4 { padding:1px 10px; line-height:1.22; color:#595959; margin-top:5px;} .testimonial-content h4 q { font-size: 17px; font-weight:300; color: #525252;} .testimonial-arrow { position:absolute; width: 127px; height: 14px; right: 0px; bottom: -14px;} .testimonial-arrow:after, .testimonial-arrow:before {content: ''; display: block; position: absolute; width: 0; left: 0; height: 0; border-style: solid; border-width: 10px;} .testimonial-arrow:after {top: -1px; border-color: #fdfdfd transparent transparent transparent ;} .testimonial-arrow:before {top: 1px; border-color: #e3e3e3 transparent transparent transparent;}​ .testimonial-brand { position:relative; margin:12px 16px 8px 0px; min-height:50px;} .testimonial-brand img { width:60px; height:60px; border-radius:35px; float:right; margin-left: 2px; margin-right:15px; color:transparent; background:#c5c5c5 url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/avatr1.png) no-repeat center;} .testimonial-brand h5 { float: right; clear: left; margin:15px; margin-right: 10px; direction: rtl; font-size: 15px; color: #393939; font-weight: 400;} .testimonial-brand h5 strong { font-weight:600; letter-spacing:0.2px;} .testimonial-brand h5 em { color: #797979; letter-spacing: 0; font-size: 13px; font-weight: 300; font-style: normal;} .blox.dark .testimonial-content { background:none; border:none;} .blox.dark .testimonial-content h4 q { font-size:20px;} .blox.dark .testimonial-brand h5 { font-size:14px; float:none; margin:10px auto;} .blox.dark .testimonial-brand h5 strong { color:#77da55;} .blox.dark .testimonial-brand img { border:none;} .blox.dark .testimonial-arrow:before, .blox.dark .testimonial-arrow:after { border-color: transparent; display:none;} /* Testimonal Type 2 */ .testimonial2 { position: relative; margin: 20px 0;} .testimonial2 img { float: left; margin-right: 31px; border-radius: 50%;} .testimonial2 .testimonial-content { position: relative; background: #fff; display: table; padding: 19px; border: 1px solid #dbdbdb; border-radius: 3px;} .testimonial2 .testimonial-content:after { content: ''; position: absolute; left: -15px; top: 36px; width: 0; height: 0; border-bottom: 0px solid transparent; border-top: 15px solid transparent; border-right: 15px solid #fff;} .testimonial2 .testimonial-content:before { content: ''; position: absolute; left: -16px; top: 33px; width: 0; height: 0; border-bottom: 1px solid transparent; border-top: 19px solid transparent; border-right: 16px solid #dbdbdb;} .testimonial2 .testimonial-content h5 { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #de2f68;} .testimonial2 .testimonial-content p { margin-bottom: 0; font-size: 13px; font-family: 'lora'; font-style: italic;} /* Testimonial Type 3 */ .testimonial3 .testimonial-content p {font-size: 19px;font-weight: 100;margin: 0;padding: 48px 50px 30px 32px;padding-bottom:;border: 1px solid rgba(211, 211, 211, 0.48); text-align: left; position: relative;} .testimonial3 .testimonial-content p:before {content: "";width: 0;height: 0;position: absolute; left: 57px; bottom: -15px; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 14px solid rgba(255,255,255,.4); } .testimonial3 .testimonial-content .t-m-footer { text-align: left; margin-top: 28px; margin-left: 62px;} .testimonial3 .testimonial-content .t-m-footer h5 { text-transform: uppercase; font-size: 15px; } @media ( min-width: 768px) and ( max-width: 960px){ .testimonial3 .testimonial-content p { padding: 30px; } } @media ( max-width: 380px){ .testimonial3 .testimonial-content p { padding: 20px; font-size: 15px; padding-right: 10px;} } /* Testimonial Type 4 */ .testimonial4 {position: relative; text-align: center;} .testimonial4 .testimonial-content {border-radius: 0; border: none; background: rgba(255, 255, 255, 0.95); padding: 67px 25px; } .testimonial4 .testimonial-image {position: absolute; top: -50px; left: 50%; margin-left: -48px; } .testimonial4 .testimonial-image img {border-radius: 55px; width: 100px; height: 100px; border: 1px solid #cbcbc5; } .testimonial4 h5 {font-weight: 600; font-size: 15px; letter-spacing: -0.5px; margin-top: 10px; } .testimonial4 h5:after {content: '';width: 45px;height: 3px;background: #de2f68;display: block;margin: 25px 50% 35px;transform: translateX(-24px);} .testimonial4 q {font-style: italic; font-size: 13px; font-weight: 500; } /* Testimonial Type 5 */ .testimonial5 .testimonial-content {border: 0; padding: 0; margin: 0; } .testimonial5 .testimonial-content q {display: block; padding: 15px 25px; position: relative; border-radius: 5px; color: #fff; font-family: 'Lora','serif','arial'; font-size: 15px; font-weight: 300; } .testimonial5 .testimonial-content .triangle {position: absolute; display: inline-block; margin-left: 25px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid transparent; } .testimonial5 .testimonial-content div {display: inline-block; margin: 15px 0; } .testimonial5 .testimonial-content div.name {margin-left: 30px; font-size: 15px; font-weight: 700; color: #31312c; } /* TESTIMONIALS Slider */ .testimonials-slider-w .testimonial-content { background:none; border:none;} @media only screen and (min-width: 961px) { .testimonials-slider-w .testimonial-content {margin-left:100px;margin-right:100px;} } .testimonials-slider-w .testimonial-content h4 q {font-size: 22px; line-height:1.6; color: rgba(102, 102, 102, 0.92);} .testimonials-slider-w .testimonial-content h4 q:before, .testimonials-slider-w .testimonial-content h4 q:after { position:absolute; font-family: Times, serif; font-size: 30px; margin: 0 7px; font-weight: bold; opacity:0.7;} .testimonials-slider-w .testimonial-content h4 q:before { margin-left:-26px; padding-right:3px;} .testimonials-slider-w .testimonial-content h4 q:after { padding-right:7px;} @media only screen and (max-width: 767px) { .testimonials-slider-w .testimonial-content h4 q {font-size: 17px;} } .testimonials-slider-w .testimonial-arrow { display:none;} .testimonials-slider-w .testimonial-brand h5, .testimonials-slider-w .testimonial-brand img { float:none;} .blox.dark .testimonials-slider-w .testimonial-content { background:none; border:none;} .testimonials-slider-w.flexslider { background: transparent; text-align:center; margin-bottom:20px; max-width:1090px; margin-left:auto; margin-right:auto;} .testimonials-slider-w.flexslider .slides { height:auto; padding:0;margin:0 auto;position:relative; overflow:initial;} .testimonials-slider-w.flexslider .slides li { word-break: break-word; color:#fff; list-style:none; font-size: 12px;} .testimonials-slider-w.flexslider .slides li span{ color:#1bbc9b;} .testimonials-slider-w.flexslider .flex-direction-nav { display:block;} .testimonials-slider-w.flexslider .flex-direction-nav a {width: 45px;height: 45px; background: none; opacity: 0.65; border: 2px solid #de2f68;padding: 10px;border-radius:50%; transition: all .19s ease;} @media only screen and (max-width: 960px) { .testimonials-slider-w.flexslider .flex-direction-nav a { top:auto; bottom:-30px; right:auto; left:50%; padding:10px;} .testimonials-slider-w.flexslider .flex-direction-nav .flex-prev { margin-left: -44px;} .testimonials-slider-w.flexslider .flex-direction-nav .flex-next { margin-left: 8px;} } .testimonials-slider-w.flexslider .flex-direction-nav a i {color: #de2f68; font-family: simple-line-icons; font-size: 20px; padding: 0;} .testimonials-slider-w.flexslider .flex-direction-nav a i.fa-chevron-left:before { content: "\e605";} .testimonials-slider-w.flexslider .flex-direction-nav a i.fa-chevron-right:before { content: "\e606";} .testimonials-slider-w.flexslider .flex-direction-nav a:hover { background: #de2f68;} .testimonials-slider-w.flexslider .flex-direction-nav a:hover .fa-chevron-right:before { color: #fff;} .testimonials-slider-w.flexslider .flex-direction-nav a:hover .fa-chevron-left:before { color: #fff;} .testimonials-slider-w.flexslider .flex-control-nav { display:none;} .testimonials-slider-w.flexslider .flex-control-paging li a { display:none;} .blox.dark .testimonials-slider-w.flexslider .flex-direction-nav a { border:2px solid rgba(255,255,255,0.9);} .blox.dark .testimonials-slider-w.flexslider .flex-direction-nav a i { color:rgba(255,255,255,0.9);} .testimonials-slider-w.flexslider .testimonial-brand { position:relative;margin-left:auto; width:100%; margin-right:auto; text-align:center;margin-top: 0;} .blox.dark .testimonials-slider-w.flexslider .testimonial-brand img { padding:0; border:3px solid #fff;} #wrap .testimonials-slider-w.flexslider .testimonial-brand img { position: relative; width: 80px;height: auto !important; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); border: 1px solid #e0dfdf; border-radius: 50%; box-shadow: 0 2px 0 0px rgba(0,0,0,0.035); margin: 0;} .testimonial-brand .second-social a i:before { border-radius: 50%; font-size: 20px;} .testimonials-slider-w .social-testimonial ul { margin: 0;} #wrap .testimonials-slider-w .social-testimonial ul li { display: inline; text-align: center;} #wrap .testimonials-slider-w .social-testimonial ul li a i:before { font-size: 13px;} #wrap .testimonials-slider-w .social-testimonial ul li a i { display: inline-block; width:24px; padding: 5px; border-radius: 50%; margin-right: 4px; transition: .3s;box-shadow: 0 0 5px rgba(0, 0, 0, 0.32) inset;} #wrap .testimonials-slider-w .social-testimonial ul li a i:before { font-size: 13px;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-twitter { background: #3b5996; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-facebook { background: #00acee; color: #fff; padding: 6px 8px;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-google-plus { background: #cd4132; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-vimeo { background: #1bb6ec; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-linkedin { background: #007ba9; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-pinterest { background: #cb2026; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-youtube { background: #dc2925; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-dribbble { background: #ec4a89; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-instagram { background: #2e5e86; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-twitter:hover { background: #fff; color: #3b5996;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-facebook:hover { background: #fff; color: #00acee;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-google-plus:hover { background: #fff; color: #cd4132;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-vimeo:hover { background: #fff; color: #1bb6ec;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-linkedin:hover { background: #fff; color: #007ba9;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-pinterest:hover { background: #fff; color: #cb2026;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-youtube:hover { background: #fff; color: #dc2925;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-dribbble:hover { background: #fff; color: #ec4a89;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-instagram:hover{ background: #fff; color: #2e5e86;} /*--- Core Owl Carousel v1.3.3 ---*/ .owl-carousel .owl-wrapper:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} .owl-carousel { display:none; position:relative; width:100%; -ms-touch-action:pan-y;} .owl-carousel .owl-wrapper { display:none; position:relative;} .owl-carousel .owl-wrapper-outer { overflow:hidden; position:relative; width:100%;} .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out;} .owl-carousel .owl-item { float:left;} .owl-controls .owl-buttons div,.owl-controls .owl-page { cursor:pointer;} .owl-controls { -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0);} .owl-carousel .owl-item,.owl-carousel .owl-wrapper { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);} /*--- Owl Carousel Owl Demo Theme v1.3.3 ---*/ .owl-theme .owl-controls { margin-top:10px; text-align:center;} .owl-theme .owl-controls .owl-buttons div { color:#FFF; display:inline-block; zoom:1; *display:inline; margin:5px; padding:3px 10px; font-size:12px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background:#869791; filter:Alpha(Opacity=50); opacity:.5;} .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter:Alpha(Opacity=100); opacity:1; text-decoration:none;} .owl-theme .owl-controls .owl-page { display:inline-block; zoom:1; *display:inline;} .owl-theme .owl-controls .owl-page span { display:block; width:12px; height:12px; margin:5px 7px; filter:Alpha(Opacity=50); opacity:.5; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#869791;} .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span { filter:Alpha(Opacity=100); opacity:1;} .owl-theme .owl-controls .owl-page span.owl-numbers { height:auto; width:auto; color:#FFF; padding:2px 10px; font-size:12px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;} .owl-item.loading { min-height:150px; background:url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/css/AjaxLoader.gif) no-repeat center center;} /*--- our client ---*/ .client-block { width: 100%; display: block; margin-bottom: 60px;} .our-clients-wrap { float: none; margin-top: 10px; position: relative;} .our-clients-wrap.crsl { margin-top:35px; margin-left:auto; margin-right:auto;} ul.our-clients li { list-style:none; width:20%; padding:10px 15px; text-align:center; float: left; min-height:130px; margin:0; vertical-align: middle; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9;} ul.our-clients li:nth-child(5n) { border-right:none;} ul.our-clients li:nth-child(n+6) { border-bottom:none;} ul.our-clients li:nth-child(n+11) { border-top:1px solid #e9e9e9;} @media only screen and (max-width: 767px) { .our-clients-wrap { padding-top: 30px;} ul.our-clients li { width:49.979%;} ul.our-clients li:nth-child(5n) { border-right:1px solid #e9e9e9;} ul.our-clients li:nth-child(2n) { border-right:none;} ul.our-clients li:nth-child(n+6) { border-bottom:1px solid #e9e9e9;} ul.our-clients li:nth-child(n+3) { border-bottom:none;} ul.our-clients li:nth-child(n+5) { border-top:1px solid #e9e9e9;} } ul.our-clients li img { height:auto; width:auto; max-width:100%;max-height: 110px; margin:0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1);} ul.our-clients li img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0);} #our-clients.crsl.our-clients li { border:none;} ul.our-clients li:first-child { margin-left: 0;} ul.our-clients:after { clear: both;} /*owl custom*/ #wrap .crsl { margin:0;} #wrap .crsl .owl-buttons div{ top: 40px; opacity: 1; position: absolute; right: auto; left: 50%; color: #929ca3; background:none; padding:0;} #wrap .crsl .owl-buttons div:hover, .our-clients-wrap.crsl .owl-buttons div:active{ color: #3fcae7;} #wrap .crsl .owl-buttons div { font-family: vc_entypo;} #wrap .crsl .owl-buttons .owl-prev { left: -35px; top: 40px; right: auto;} #wrap .crsl .owl-buttons .owl-next { top: 40px; right: -36px; left: auto;} #wrap .crsl .owl-buttons div:after, #wrap .crsl .owl-buttons .owl-prev:after {font-family: 'simple-line-icons';font-size: 31px;font-weight: 100;} #wrap .crsl .owl-buttons div:after {content: "\e606";} #wrap .crsl .owl-buttons .owl-prev:after {content: "\e605";} #wrap .crsl li {width: 100%; float: left; list-style: none;} #wrap .crsl li img{max-width: 100%;} .our-clients-wrap.crsl { margin-top: 0;} /****/ /* Testimonial Carousel */ .testimonial-carousel.testi-carou-1 { position:relative; padding:0 40px; cursor: -webkit-grab; cursor: -moz-grab;} .testimonial-carousel.testi-carou-1 .tc-item { text-align:center; padding:10px 25px;} .testimonial-carousel.testi-carou-1 .tc-item img { width:90px; height:90px; border-radius:60px;box-shadow: 0 2px 0 0px rgba(0,0,0,0.011);padding: 3px;background: #fff; border: 1px solid #f0f0f0;} .testimonial-carousel.testi-carou-1 .tc-content { position:relative; background:#fff; color:#808080; margin-top:30px; margin-bottom:18px; padding:30px; font-size:14px; border:1px solid #eaeaea; border-radius: 2px; box-shadow: 0 2px 0 0px rgba(0,0,0,0.025);} .blox.dark .testimonial-carousel.testi-carou-1 .tc-content { color: #808080; } .testimonial-carousel.testi-carou-1 .tc-content:after, .testimonial-carousel.testi-carou-1 .tc-content:before { content: '';display: block;position: absolute; left:50%; margin-left:-10px;width: 0;height: 0;border-style: solid; border-width: 10px;} .testimonial-carousel.testi-carou-1 .tc-content:after { top: -18px; border-color: transparent transparent #ffffff transparent ;} .testimonial-carousel.testi-carou-1 .tc-content:before { top: -19px; border-color: transparent transparent #e2e2e2 transparent ;} .testimonial-carousel.testi-carou-1 .tc-name { font-size:15px; font-weight:600; color:#333; margin-bottom:3px; line-height:1.2;} .testimonial-carousel.testi-carou-1 .tc-job {font-size:11px; font-weight:500; text-transform:uppercase; letter-spacing:1px; color:#888;} @media (min-width:768px) and (max-width:959px){ .testimonial-carousel.testi-carou-1 .tc-item { padding:10px 15px;} .testimonial-carousel.testi-carou-1 .tc-content { padding:16px 12px; font-size:13px;} } @media only screen and (max-width: 767px) { .testimonial-carousel.testi-carou-1 .tc-item { padding:10px;} .testimonial-carousel.testi-carou-1 .tc-content { padding:20px 15px; font-size:12px;} } /* #Testimonial Carousel 2 ======================================*/ .testimonial-carousel.testi-carou-2 .testimonial-owl-carousel .tc-content { position: relative; font-size: 19px; font-weight: 100; margin: 0; padding: 48px 50px 43px 32px; padding-bottom:; border: 1px solid rgba(211, 211, 211, 0.48); text-align: left; position: relative;} .testimonial-carousel.testi-carou-2 .testimonial-owl-carousel .tc-content:before {content: ""; width: 0; height: 0; position: absolute; left: 57px; bottom: -15px; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 14px solid #eaeaea; } .blox.dark .testimonial-carousel.testi-carou-2 .testimonial-owl-carousel .tc-content:before { border-top: 14px solid rgba(255,255,255,0.4); } .testimonial-carousel.testi-carou-2 .testimonial-owl-carousel .t-m-footer { text-align: left; margin-top: 28px; margin-left: 62px;} .testimonial-carousel.testi-carou-2 .testimonial-owl-carousel .t-m-footer .tc-name { text-transform: uppercase; font-size: 15px; } .testimonial-carousel.testi-carou-2 .testimonial-owl-carousel .t-m-footer .tc-name { margin-bottom: 0;} .testimonial-carousel.testi-carou-2 .testimonial-owl-carousel .t-m-footer img { float: left; margin-right: 10px;} .testimonial-carousel.testi-carou-2 .testimonial-owl-carousel .owl-item { padding: 25px;} @media ( min-width: 768px) and ( max-width: 960px){ .testimonial-carousel.testi-carou-2 .testimonial-owl-carousel p { padding: 30px; } } @media ( max-width: 380px){ .testimonial-carousel.testi-carou-2 .testimonial-owl-carousel p { padding: 20px; font-size: 15px; padding-right: 10px;} } /* #Testimonial Carousel 3 ======================================*/ .testimonial-carousel.testi-carou-3 .owl-item { padding: 0 7px;} .testimonial-carousel.testi-carou-3 .tc-item { text-align: center;} .testimonial-carousel.testi-carou-3 .main-content {background: rgba(255,255,255,0.9); padding: 67px 25px 46px;} .testimonial-carousel.testi-carou-3 img { position: relative; top: 50px; border-radius: 55px; width: 100px; height: 100px; border: 4px solid #fff; } .testimonial-carousel.testi-carou-3 .tc-name, .testimonial-carousel.testi-carou-3 .tc-job { font-weight: 600; font-size: 15px; letter-spacing: 0.5px; margin-top: 10px; color: #171c24; text-transform: uppercase;} .testimonial-carousel.testi-carou-3 .tc-job { font-size: 13px; text-transform: capitalize; margin-bottom: 0; margin-top: 30px;} .testimonial-carousel.testi-carou-3 .tc-name { position: relative;} .testimonial-carousel.testi-carou-3 .tc-name:after { content: ""; position: absolute; width: 45px; height: 3px; background: #de2f68; bottom: -15px; left: 50%; transform: translate(-50%,0);} .testimonial-carousel.testi-carou-3 .tc-content { color: #3a3b3c; font-family:'Playfair Display','Lora',serif; font-size: 18px; font-weight: 400; margin-top: 59px; } /* Arrow */ .testimonial-carousel .owl-controls .owl-buttons .owl-prev, .testimonial-carousel .owl-controls .owl-buttons .owl-next { font-family: 'simple-line-icons'; } @media (min-width: 768px){ .testimonial-carousel .owl-controls .owl-buttons .owl-prev, .testimonial-carousel .owl-controls .owl-buttons .owl-next { position: absolute;font-size: 18px;width: 26px;height: 80px;line-height: 80px;display: inline-block;padding: 0;text-align: center;border-radius: 3px;color: #fff;background: rgba(0,0,0,.36);cursor: pointer;transition: all .18s ease;} .testimonial-carousel.testi-carou-3 .owl-controls .owl-buttons .owl-prev, .testimonial-carousel.testi-carou-3 .owl-controls .owl-buttons .owl-next { bottom: auto; top: 50%;} .blox.dark .testimonial-carousel .owl-controls .owl-buttons div { background: rgba(255,255,255,0.7); color:#000;} .testimonial-carousel .owl-controls .owl-buttons .owl-prev {left: -50px;bottom: 50%;} .testimonial-carousel .owl-controls .owl-buttons .owl-next {right: -50px;bottom: 50%; padding-left: 2px;} } .testimonial-carousel .owl-controls .owl-buttons .owl-prev:before { content: "\e605";} .testimonial-carousel .owl-controls .owl-buttons .owl-next:before { content: "\e606";} /* Hero Carousel */ #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel { display:block;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .wpb_wrapper { padding:0; margin:0; border:none;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner { margin:0; padding:0; position:relative; background:#000;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .entry-content, #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .teaser-metadata { display:none;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel img { width: 100%; border:none; margin:0;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .hero-carousel-wrap { position: absolute; left: 0; right: 0; bottom: 7%; width: 84%; padding: 30px; margin: auto; background: rgba(255,255,255,0.83); letter-spacing: -1px;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .hero-carousel-wrap .hero-metadata .category a { padding:4px 8px; background:#de2f68; color:#fff; letter-spacing: 2px; font-size: 11px; text-transform: uppercase;font-weight: 400;margin-right:4px; text-shadow:none; transition: all .22s ease;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .hero-carousel-wrap .hero-metadata .category a:hover { background:#000;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .hero-carousel-wrap .hero-metadata .date { font-size:13px; color:#808080; letter-spacing:0.2px; font-family: 'Lora',serif; font-style: italic;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel h2.post-title { font-size: 19px; font-weight: 800; line-height:1.3; color:#fff; margin:10px 0 0;text-transform: uppercase;letter-spacing: 2px;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel h2.post-title a { color:#1f2123;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel h2.post-title a:hover { color:#de2f68;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel ol.vc_carousel-indicators { display:none;} #wrap .vc_carousel.vc_carousel_horizontal .vc_carousel-control { margin:0; width:60px; height:100%; top:0; left:0; bottom:0; background:rgba(0,0,0,0.42);} #wrap .vc_carousel.vc_carousel_horizontal .vc_carousel-control.vc_right { left:auto; right:0;} #wrap .vc_carousel.vc_carousel_horizontal .vc_carousel-control .icon-prev:before, #wrap .vc_carousel.vc_carousel_horizontal .vc_carousel-control .icon-next:before { font-family:'FontAwesome'; font-size:24px; color:#fff; content:"\e605";} #wrap .vc_carousel.vc_carousel_horizontal .vc_carousel-control .icon-next:before { content:"\e606";} @media only screen and (max-width: 767px) { #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .vc_carousel-slideline .vc_item.vc_slide_post{ width:300px !important;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel h2.post-title { font-size:18px;} } #wrap .vc_carousel.vc_slide { visibility:hidden; max-height:220px; transition: all .27s ease;} #wrap .vc_carousel.vc_slide.vc_build { visibility:visible; max-height:none;} /* Hero Post Slider */ #wrap .wpb_gallery { border: 1px solid #e5e5e5;} #wrap .wpb_gallery_slides img { border:none;} #wrap .wpb_gallery_slides .flex-caption { background: rgba(0,0,0,0.1); bottom:0; top:0; width:100%; padding-top:29%;} #wrap .wpb_gallery_slides .flex-caption h2.post-title { font-size: 26px; font-weight: 700; line-height:1.3; letter-spacing:3px; margin-bottom:6px;text-transform: uppercase;} #wrap .wpb_gallery_slides .flex-caption h2.post-title a { color: #fff;} #wrap .wpb_gallery_slides .flex-caption h2.post-title a:hover { color:#de2f68;} #wrap .wpb_gallery_slides .flex-caption a.readmore:after { content:""; display:none;} #wrap .wpb_gallery_slides .flex-caption h6, #wrap .wpb_gallery_slides .flex-caption h6 a { font-size: 12px; font-weight: 700; color: #ddd; text-transform: uppercase; letter-spacing: 2px;} /* Plans & Pricing */ #wrap .ptp-pricing-table { display: block; width:auto; margin: 0 auto;} #wrap .ptp-pricing-table .ptp-item-container { text-align: center; margin: 12px 0; -webkit-transition: all .03s ease; -moz-transition: all .03s ease; -ms-transition: all .03s ease; -o-transition: all .03s ease; transition: all .03s ease; border: 1px solid transparent; border-radius: 6px;} #wrap .ptp-pricing-table .ptp-plan { background-color: #e7e7e7; font-weight: normal; font-size: 20px; margin: 0;padding: 16px;border-radius: 4px 4px 0 0; color:#425b71;} #wrap .ptp-pricing-table .ptp-price { padding: 8px 0; color: #fff; font-weight: bold; background: #27ae60; font-size: 12px; letter-spacing:1.2px; text-transform:uppercase;} #wrap .ptp-pricing-table .ptp-bullet-item { background-color:#fbfbfb; color:#979797; text-align:center; padding: 16px 0; margin: 0; font-size: 13px; font-weight: 400; border-bottom: 1px dotted #e3e3e3;} #wrap .ptp-pricing-table .ptp-bullet-item span{color:#425b71; font-weight:700} #wrap .ptp-pricing-table .ptp-item-container .ptp-cta {border-radius: 0 0 4px 4px; background-color: #f7f7f7; border-top:3px solid #f0f0f0;} #wrap .ptp-pricing-table .ptp-item-container .ptp-button {padding: 12px 0; border: none; background-color: transparent; color: #4f667a; font-size:12px; font-weight:bold; text-transform:uppercase;} #wrap .ptp-pricing-table .ptp-item-container:hover {background-color:#fff;} #wrap .ptp-pricing-table .ptp-item-container:hover .ptp-plan{background: #e4644b; color: #fff;} #wrap .ptp-pricing-table .ptp-item-container:hover .ptp-price{background: #de5440;} #wrap .ptp-pricing-table .ptp-item-container:hover .ptp-button { box-shadow: none; background-color:#e4644b; color:#fff} #wrap .ptp-pricing-table .ptp-three-col {width: 33.33333333333333%;} #wrap .ptp-pricing-table .ptp-four-col {width: 25%;} #tablepress-3_filter input[type="search"] {padding: 10px 15px; margin-left: 20px; margin-bottom: 27px; border: 1px solid #DADADA; border-radius: 5px; box-shadow: 0 0 8px 3px #eee inset;} #tablepress-3_filter input[type="search"]:focus { box-shadow: 0 0 10px 1px #dcdcdc;} /* pricing plan type 1 */ .pricing-plan1 { border: 1px solid #e3e3e3;position: relative; padding: 30px 24px; padding-right: 0; min-height: 106px; -webkit-transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85); transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85);} .pricing-plan1 .ppheader {padding-right: 113px;position: relative;} .pricing-plan1 .ppheader h4 { font-size: 16px; color: #000; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; -webkit-transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85); transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85);} .pricing-plan1 .ppheader p { line-height: 24px; margin-bottom: 0; padding-bottom: 0; -webkit-transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85); transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85);width: 100%;} .pricing-plan1 .ppfooter { text-align: center;position: absolute;right: 20px;top: 19px;} .pricing-plan1 .ppfooter h4 { font-size: 26px; color: #5dc738; font-weight: 700; text-transform: uppercase; margin-bottom: 8px;} .pricing-plan1 .ppfooter .readmore:after { display: none;} .pricing-plan1 .ppfooter .readmore { left: 0; transform: none; border: 2px solid #de2f68; font-family:'Open Sans',sans-serif; padding: 7px 20px; color: #de2f68; font-weight: 600; margin: 0; -webkit-transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85); transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85);letter-spacing: 0;} .pricing-plan1 .ppfooter .readmore:hover { background:#292929; border-color:#292929; color:#fff;} @media (min-width:960px){ .pl-custom-lft .pricing-plan1, .pl-custom-lft .pricing-plan2 { border-left:none;} .pl-custom-btm .pricing-plan1, .pl-custom-btm .pricing-plan2 { border-bottom:none;} .pl-custom-rgt .pricing-plan1, .pl-custom-rgt .pricing-plan2 { border-right:none;} .pl-custom-top .pricing-plan1, .pl-custom-top .pricing-plan2 { border-top:none;} } @media only screen and (max-width: 960px){ #header.sm-rgt-mn .alignright {display: inline-block; position: absolute; right: 14%; top: -1px; } #header.sm-rgt-mn .alignright p {font-size: 13px; } h1#site-title a {font-size: 19px !important; } h1#site-title span a {font-size: 16px !important; } } @media (min-width:960px) and (max-width: 1200px){ .pricing-plan1 .ppheader p { font-size: 12px;} .pricing-plan1 { padding: 10px} } @media (min-width:768px) and (max-width:959px){ .pricing-plan1 { padding-top: 11px !important;} .pricing-plan1 .ppheader { display: block; padding: 0; text-align: center;} .pricing-plan1 .ppfooter { position: relative; display: inline-block; left: 50%; top: 0; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);} .pricing-plan1 .ppfooter h4 { margin-right: 5px;} .pricing-plan1 .ppfooter .readmore { top: -5px;} .pricing-plan1 .ppfooter h4, .pricing-plan1 .ppfooter .readmore { display: inline-block;} .pricing-plan1 .ppheader p { font-size: 12px;} .pricing-plan1 { padding: 10px} } /* pricing plan type 2 */ .pricing-plan2 {position: relative;z-index: 8;background: #fff; border: 1px solid #e3e3e3; overflow: hidden; padding: 28px 25px 29px 25px; -webkit-transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85); transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85);} .pricing-plan2 .ppheader { display: inline-block;} .pricing-plan2 .ppheader h4 { font-size: 16px; font-weight: 700; color: #000; text-transform: uppercase; padding-bottom: 3px; -webkit-transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85); transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85);} .pricing-plan2 ul { display: inline-block; margin-bottom: 0; -webkit-transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85); transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85);} .pricing-plan2 ul li { list-style: none; margin-bottom: 0; padding-bottom: 5px; font-size: 13px; text-transform: capitalize; color: #616161; -webkit-transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85); transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85);} .pricing-plan2 ul li .feature-icon { padding-right: 8px;color: #acacac; font-family: 'FontAwesome';} .pricing-plan2 ul li .available-icon:before { content: "\f00c";} .pricing-plan2 ul li .not-available-icon:before { content: "\f00d";} .pricing-plan2 .ppfooter { float: right; position: absolute; bottom: 23px; right: 23px; text-align: center;} .pricing-plan2 .ppflag {z-index: 1; position: absolute; top:18px; right: -30px; font-size: 11px; letter-spacing:1px; text-transform: uppercase; background: #5dc738; padding: 2px 40px; color: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85); transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85);} .pricing-plan2 .ppfooter h4 { font-size: 20px; color: #5dc738; font-weight: 700; text-transform: uppercase; margin-bottom: 12px; -webkit-transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85); transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85);} .pricing-plan2 .ppfooter .readmore:after { display: none;} .pricing-plan2 .ppfooter .readmore { left: 0; transform: none; border: 2px solid #de2f68; font-family:'Open Sans',sans-serif; padding: 7px 20px; color: #de2f68; font-weight: 600; margin: 0; -webkit-transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85); transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85);letter-spacing: 0;} .pricing-plan2 .ppfooter .readmore:hover { background:#292929; border-color:#292929; color:#fff;} @media (max-width: 480px){ .pricing-plan2 { padding: 8px 8px 12px 8px;} .pricing-plan2 .ppfooter { bottom: 13px; right: 13px;} .pricing-plan2 .ppfooter h4 { font-size: 13px;} .pricing-plan2 .ppfooter .readmore { font-size: 10px; padding: 7px 15px;} .pricing-plan2 .ppflag { font-size: 9px; padding-top: 6px;} } @media (max-width: 960px){ .pricing-plan2 .ppfooter, .pricing-plan1 .ppfooter { float: none; position:static; padding-top:10px;} } /* OUR PROCESS SECTION */ .our-process-wrap { background: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/ourprocess.png) left top no-repeat; background-size: contain; display: table; padding-top: 82px;padding: 84px 40px 0;} .our-process { border-bottom: 1px dashed #e0e0e0; position: relative; height: 62px; overflow:visible; z-index:11;} .our-process:before, .our-process:after { content: "\f192"; position: absolute; left: -8px; bottom: -4px; font-family: 'FontAwesome'; font-size: 16px; color: #ccc;} .our-process:after { left: auto; bottom: -11px; right: -8px; content: "\f140";} .our-process-item {text-align:center;padding: 0 10px; display: table-cell;} .our-process-item .our-process-content { text-align:center;} .our-process-item i { position: relative; background:#fff; position:relative;color: #52535c;font-size: 32px;display:inline-block;clear:both;border-radius: 50%;border: 2px solid #f4f3f3;-webkit-transition: all 0.33s ease-in-out;transition: all 0.33s ease-in-out;width: 120px;height: 120px;text-shadow: none; box-shadow: 0 2px 0 0px rgba(0,0,0,0.017);} .our-process-item i:before { position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%,-50%);} .our-process-item:hover i {border-color: #7bd1ef;color: #de2f68;} .our-process-item h4 {font-size: 17px; text-transform: uppercase; color: #171c24; margin: 34px 0 25px;} .our-process-item p {font-size: 13px;color: #8a8a8a; line-height:1.6; padding:0 15px;} @media only screen and (min-width: 961px) and (max-width: 1280px) { .our-process-wrap { padding-top: 55px} } @media only screen and (max-width: 960px) { .our-process-item p { margin-bottom:33px;} .our-process-item h5 { font-size:15px;} } @media (min-width: 768px) and (max-width: 960px) { .our-process-wrap { padding-top: 35px} .our-process-item:first-child { padding-left: 10px;} .our-process-item:last-child { padding-right: 30px;} .our-process-item i { font-size:32px; padding:18px;} .our-process { height:38px;} .our-process-item i:after { font-size:14px; padding:6px; width:26px; height:26px;} } @media only screen and (max-width: 767px) { .our-process-wrap { display: block; background: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/ourprocess-mobile-v.png) center no-repeat; background-size: contain; padding-top: 72px;} .our-process-item { position: relative; display: block; padding-bottom: 50px;} .our-process-item h4, .our-process-item p { position: relative; background-color: #fff; margin-top: 18px; margin-bottom: 0; padding: 12px 0 15px;} .our-process-item p { margin-top: 0; padding-top: 0; padding-bottom: 24px; margin-bottom: 0;} .our-process { border: none;} .our-process:before, .our-process:after { display: none;} .our-process:after { left: 31px;} } @media only screen and (max-width: 480px) { .our-process-wrap { background-size: inherit; padding-top: 50px; background-position:top; padding-left:0; padding-right:0;} } /* # Buy process ================================================== */ .buy-process-wrap { background: #f6f8f9; position: relative; padding-bottom: 100px;} .buy-process-wrap:before { content: ''; position: absolute; top: 202px; left: 0; width: 100%; height: 39px; background-color: #de2f68; color: #fff;} .buy-process-items { display: table; margin: auto; overflow: visible;} .buy-process-item { display: table-cell; position: relative; text-align: center; height: 456px; margin: 0 6px;} .buy-process-item:nth-child(odd) .text-wrap, .buy-process-item:nth-child(even) .icon-wrapper { position: absolute; top: 52px; left: 0; right: 0; height: 150px; text-align: center;} .buy-process-item:nth-child(even) .icon-wrapper { top: 0; height: 202px;} .buy-process-item h4 { font-size: 17px; color: #de2f68; text-transform: uppercase; position: absolute; width: 100%; margin-bottom: 0;} .buy-process-item:nth-child(odd) h4 { bottom: 22px;} .buy-process-item:nth-child(even) h4 { top: 22px;} .buy-process-item p { position: absolute; font-size: 13px; color: #616161; margin-bottom: 0; width: 100%; line-height: 1.6;} .buy-process-item:nth-child(odd) p { bottom: 56px;} .buy-process-item:nth-child(even) p { top: 56px;} .buy-process-item span { position: absolute; top: 211px; left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); font-size: 25px; color: rgba(255,255,255,0.65); font-weight: 600;} .buy-process-item.featured span { color: #fff;} .buy-process-item:nth-child(odd) .icon-wrapper, .buy-process-item:nth-child(even) .text-wrap { position: absolute; bottom: 49px; left: 0; right: 0; height: 166px;} .buy-process-item.featured:nth-child(odd) .icon-wrapper { height: 215px; bottom: 0;} .buy-process-item .icon-wrapper:before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 6px; background-color: #de2f68; transform: translate(-50%, 0 ); -webkit-transform: translate(-50%, 0 );} .buy-process-item i { position: absolute; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); width: 90px; height: 90px; font-size: 40px; color: #fff; border-radius: 50%; background-color: #de2f68;} .buy-process-item.featured i { background-color: #fff !important; color: #de2f68; border: 4px solid;} .buy-process-item:nth-child(odd) i { bottom: 0;} .buy-process-item:nth-child(even) i { top: 0;} .buy-process-item i:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);} @media only screen and (min-width: 1281px) { .buy-process-items { width: 1186px;} .buy-process-item h4 { font-size: 18px;} .buy-process-item.featured:nth-child(odd) .text-wrap:before, .buy-process-item.featured:nth-child(even) .text-wrap:before { content: ''; position: absolute; width: 180%; height: 133%; background-color: #fff;} .buy-process-item.featured:nth-child(odd) .text-wrap:before { top: -33%; left: -40%; -moz-border-radius: 1000px 1000px 0 0; -webkit-border-radius: 1000px 1000px 0 0; border-radius: 1000px 1000px 0 0;} .buy-process-item.featured:nth-child(even) .text-wrap:before { bottom: -33%; left: -40%; -moz-border-radius: 0 0 1000px 1000px; -webkit-border-radius: 0 0 1000px 1000px; border-radius: 0 0 1000px 1000px;} } @media only screen and (min-width: 961px) and (max-width: 1280px) { .buy-process-items { width: 920px;} .buy-process-item h4 { font-size: 15px;} .buy-process-item p { font-size:12px;} } @media only screen and (max-width: 960px) { .buy-process-items { width: 100%; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .buy-process-items { display: block;} .buy-process-wrap:before, #wrap .buy-process-item .text-wrap, #wrap .buy-process-item .icon-wrapper { position: static; height: auto;} #wrap .buy-process-item span { top: 150px; font-size: 150px; color: #de2f68; opacity: .12;} .buy-process-item { display: block; height: auto; padding: 115px 20px 60px; overflow: hidden;} .buy-process-item .icon-wrapper:before , .buy-process-item h4, .buy-process-item p { position: static; margin-bottom: 10px;} #wrap .buy-process-item i { top: 0;} .buy-process-item p { padding-left:7%; padding-right:7%;} } /* Latest from blog */ .latest-b2 { margin:30px 0;} .latest-b2 a:hover { text-decoration:underline;} .latest-b2-img { float:left; width:140px; margin-right:15px; min-height:140px;} .latest-b2-cont { min-height:140px; padding-right:10px;} h3.latest-b2-title { font-size:17px; margin-bottom:9px; font-weight:700; margin-top:12px; text-transform:uppercase; line-height:1;} h3.latest-b2-title a { color:#2a2a2a;} h6.latest-b2-cat, h5.latest-b2-date {font-size:12px; margin-bottom:10px; font-weight:400; margin-top:2px; letter-spacing:1px; line-height:1; text-transform:uppercase;} h6.latest-b2-cat a { color:#616161;} h5.latest-b2-date { color:#999; font-size:13px; font-weight:300; font-style:normal;} @media only screen and (min-width: 961px) { .vc_col-md-8 .col-md-6.col-lg-4, .vc_col-md-6 .col-md-6.col-lg-4, .vc_col-md-10 .col-md-6.col-lg-4, .vc_col-sm-8 .col-md-6.col-lg-4, .vc_col-sm-6 .col-md-6.col-lg-4, .vc_col-sm-10 .col-md-6.col-lg-4, .vertical-header-enabled .col-md-6.col-lg-4 { width:50%; padding-left:0;} } @media only screen and (max-width: 479px) { .latest-b2-img { width:100%; float:none; margin-bottom:7px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { h3.latest-b2-title { font-size:16px; letter-spacing:2px;} } /* Twitter */ .twitter-box{ width: 100%; background: #00a0d1; text-align: center; padding: 50px 0;} .twitter-box i { display: inline-block; font-size: 60px; color: #fff; padding: 15px; margin: 10px 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .twitter-box h3 { font-size: 20px; color: #fff; width:80%; margin: 0 auto 30px; line-height: 1.5;} .twitter-box a { color:#111;} .twitter-box a:hover { text-decoration:underline;} .twitter-box a.follow-twitter { color:#fff; background: #058dc1; border-radius: 50px; padding: 10px 30px; font-weight:400; vertical-align:middle; text-decoration:none} .twitter-box a.follow-twitter:hover {border: 2px solid #fff;} /* Contact */ .contact-form p { color: #555;} .contact-form input { width: auto; display: block; height: 45px; padding-left: 15px; background: #f7f7f7;} .contact-form textarea { display: block; width: 100%; height: 110px; padding: 5px 15px; background: #f7f7f7;} .contact-form textarea:focus, .contact-form input:focus { background: #fff; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); border: 1px solid #aaa;} .contact-form input, .contact-form textarea { border: none; color: #555; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .blox .contact-form input, .blox .contact-form textarea { background:#fff;} .blox.dark .contact-form input, .blox.dark .contact-form textarea { background:rgba(0,0,0,0.8);} .contact-form .btnSend { color: #444; background:none; border:3px solid #666; text-transform:uppercase; letter-spacing:0.6px; font-size: 11px; height: 48px;font-weight:700; box-shadow: none;} .contact-form .btnSend:hover { background: #27ae60; border-color:#27ae60; color:#fff;} .contact-info h5 { margin-bottom: 15px;} .contact-info p { margin:0; font-size: 13px; padding: 7px 0; font-weight:400; color: #555;} .contact-info i { font-size: 17px; margin-right: 10px; color: #de2f68;} .our-map:before{content: ''; background: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/map.png) repeat-x 0 0;height: 4px; overflow: hidden; width: 100%; margin: 0; display:block;} #nav .btnSend { background:none; padding:8px 14px; font-size:11px; font-weight:600; color:#797979; border:2px solid #e9e9e9; box-shadow:none; text-transform:uppercase;} .contact-form .input-group.first { padding-top: 20px;} .contact-form { text-align: center; padding-bottom: 0;} .contact-form .col-md-6:first-child { padding-left:0;} .contact-form .col-md-6:last-child { padding-right:0; text-align:left;} .contact-form form { padding: 20px 0;} .contact-form .field-group { text-align: left; padding: 0 20px;} .contact-form h5 { text-align: left; padding-left: 11px; display: inline-block;} .contact-form .txbx { width: 96%; height: 54px; border: 3px solid #e5e5e5; border-radius: 4px; float: none; padding-left: 14px; font-size: 16px; margin-left: 8px;} .contact-form .txbx:focus { border-width: 2px; border-radius: 2px;} .contact-form .era { min-height: 190px; max-height: 300px; width: 96%;} .contact-form .erabox { width: 100%; height: 100%; margin-top: 12px; padding: 20px 0; background: #fff; border-top: 5px solid #e9e9e9;} .contact-form .sendbtn { padding: 10px 18px; font-size: 14px;} .blox.dark .contact-form .btnSend { color:#fff;} .contact-form span.bad-field { font-size: 13px; margin-left: 9px; color: #edc1c1;} .contact-form span.bad-field.captcha { display: inherit;} input[type=text].bad-field, input[type=password].bad-field, input[type=email].bad-field, #wrap textarea.bad-field { border: 3px solid #edc1c1;} input[type=text].good-field, input[type=password].good-field, input[type=email].good-field, #wrap textarea.good-field { border: 3px solid #c1edc5;} .contact-form .g-recaptcha { display: inline-block; margin-bottom: 35px;} #contact-map { box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1) inset; border: 1px solid #d6dbdc; border-left: none; border-right: none; padding: 0; margin: 0 } #contact-map iframe { width: 100%; padding: 0; margin: 0; margin-bottom: -7px;} .row.magic { padding-left: 40px;} .columns.magic { padding-left: 20px;} .magic-link { clear: both;} .magic-link a { position:relative; display: inline-block; font-size: 11px; font-weight:bold; width: auto; color: #fff; border-radius: 25px; padding: 6px 26px 5px 20px; letter-spacing:3px; text-transform: capitalize; background: #ffa02f; text-align: center;} .magic-link a:after { position: absolute; right: 10px; top: 11px; font-family: 'FontAwesome'; font-size: 9px; content: "\f054"; speak: none; font-style: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; transition: all 0.15s ease-in-out;} .magic-link a:hover:after { right:7px;} .magic-link a.get { padding: 7px 26px 7px 20px; background-color: #7ebd22; border-radius: 5px; text-shadow: 1px 1px 0 #649b19; text-transform: uppercase;} .magic-link a.get.shadow1 { box-shadow: 0px 0px 5px #fff inset, 0 2px 3px -1px #74ad20; -webkit-box-shadow: 0px 0px 7px #fff inset, 0 2px 5px -1px #74ad20;} .magic-link a:hover { background-color: #4c4665; background-position: center right; text-shadow: 1px 1px 0 #666;} /* Pie Chart */ .easyPieChart { position: relative; text-align: center;} .easyPieChart canvas { position: absolute; top: 0; left: 0;} .pie { text-align:center; font-size:49px; position:relative; margin:0 auto 20px;} .pie p { font-size:16px; color:#888; font-weight:400; position:absolute; bottom:-52px; width:100%; padding-top:10px; border-top:2px solid #f9f9f9;} .container .pie p { margin-bottom:0;} /* Callout (Promo Box) */ .callout {min-height: 60px; margin: 8px 10px 30px; position: relative; clear: both;} .callout h1, .callout h2, .callout h3 { font-weight: 600; font-size: 25px; text-transform: uppercase; color: #171c24; line-height: 2;} .callout a { text-decoration: underline;} .callout a.callurl { display: block; font-size: 16px; font-weight: 600; padding: 10px 23px; background: #39c363; text-decoration: none; color: #fff; text-transform: uppercase; margin: 4px 0 10px 15px; position: relative; float: right; border-radius: 41px; transition: all 0.25s ease;} .callout a.callurl:hover {background: #42dc71; border-radius: 33px;} .container .callout p { margin: 0;} .container div .callout { margin-left: 0; margin-right: 0;} .dpromo p { max-width:480px;} .dpromo.col-md-6 { padding-left:0;} @media only screen and (min-width: 768px) { .dpromo2.col-md-6 { padding-left:15px;} } .container .dpromo img { float:right; margin-left:20px; max-width:210px;} .dpromo .magicmore { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} .double-btn { text-align:center;} .double-btn .button { margin-left:15px; margin-right:15px;} /* Distance (Vertical Spaces) */ .vertical-space, .vertical-space1, .vertical-space2, .vertical-space3, .vertical-space4, .vertical-space5 { display: block; width: 100%; margin: 0; clear: both; border: 0 none; height: 20px;} .vertical-space2 { height: 40px;} .vertical-space3 { height: 60px;} .vertical-space4 { height: 80px;} .vertical-space5 { height: 100px;} *+html hr.vertical-space, *+html hr.vertical-space1, *+html hr .vertical-space2, *+html hr.vertical-space3, *+html hr.vertical-space4, *+html hr.vertical-space5 { height: 0px; margin: 10px 0; background: #fff; border: 1px solid #fff;} *+html hr.vertical-space2 { margin: 20px 0;} *+html hr.vertical-space3 { margin: 30px 0;} *+html hr.vertical-space4 { margin: 40px 0;} *+html hr.vertical-space5 { margin: 50px 0;} /* TITLE */ .title { margin-bottom: 35px; clear: both; border-bottom: 6px solid #222; position: relative; height: 24px;} .title h4, .title h3 { background: #fff; display: inline-block; padding:0; padding-right: 8px; font-weight: 800; font-size: 18px; line-height: 1.15; margin-top: 11px; letter-spacing: 2px;position: absolute;} h6.h-sub-content { display:inline-block; letter-spacing: 3px; padding-bottom: 5px; font-size: 16px; font-weight: 800; color:#101010; text-transform:uppercase; border-bottom: 6px solid #de2f68; line-height: 27px; margin-bottom:-6px; width:auto; max-width:100%;} .sub-content span { display: inline-block; font-size: 10px; font-weight: bold; letter-spacing: 2px;} .sub-content { border-bottom: 6px solid #222; position: relative; margin-bottom: 20px; margin-top: 5px;} .blox.dark .sub-content { border-color: rgba(255,255,255,0.14);} .mex-title { border-bottom: 1px solid rgba(0, 0, 0, 0.08); display: inline-block; padding-bottom: 20px; margin-bottom: 20px; font-weight: 100; letter-spacing: 0;} /* ACCORDION */ .acc-trigger { border-top: 1px solid #e4e4e4; cursor: pointer; display: block; margin: 0;} .acc-trigger:last-of-type, .acc-container:last-of-type { border-bottom: 3px solid #f3f2f2; margin-bottom: 20px;} .no-js .acc-trigger:last-of-type { border-bottom: none;} #wrap .vc_tta-panel-heading { border-color: #dad9da; border-radius: 2px;} .acc-trigger a { background: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/accordion-ico.png) no-repeat 6px 18px; display: block; color:#656f78; padding: 19px 14px 16px 40px; text-decoration: none; text-shadow: none; font-weight:bold; font-size:16px;} .acc-trigger a:hover { background-color: #fbfbfb;} .acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #de2f68;} .acc-trigger.active a:hover { background-color: transparent;} .acc-trigger.active { cursor: default; border-top-color:#b0afaf; background-color:#fff;} .acc-trigger.active:last-of-type { border-bottom: none; margin-bottom: 0;} .acc-trigger.active a { background-position: 6px -54px; cursor: default;} .acc-container .content { padding: 0 14px 21px 40px;} /* Quote of the Week */ .qot-week { clear: both; margin: 10px; margin-top: 36px; padding-bottom: 18px; position: relative; text-align: center; border-top: 1px solid #e5e5e5;} .qot-week .qot-pic { position: relative; margin: 0 auto; margin-top: 7px; height: 40px; width: 74px;} .qot-week .qot-pic:before { content: '\201C'; border-top: 2px solid #c4c4c4; border-radius: 50%; font-size: 62px; color: #555; font-weight: bold; background: #fff; padding: 3px 20px; margin-top: 20px; font-family: Georgia, Times, serif } .qot-week h6.qot-title { text-transform: uppercase; margin: 8px 0; color: #999; display: block; clear: both; font-size: 10px; font-weight: bold;} .qot-week blockquote, .qot-week blockquote cite, .qot-week blockquote cite small { padding: 0; margin: 0; font-style: normal;} .qot-week blockquote:before { content: ''; content: none;} .qot-week h3 { font-family:"Cardo",serif; font-size: 24px;} .qot-week h3:before { content: '\201C';} .qot-week h3:after { content: '\201D';} .qot-week h3:before, .qot-week h3:after { font-family: Times, serif; font-size: 30px; margin: 0 10px; font-weight: bold;} .qot-week cite { display: block; font-weight: 400; margin-top: 20px; font-size: 17px; color: #494949; margin-bottom: 8px;} .qot-week cite:before { content: '\2014\0020';} .column .qot-week, .columns .qot-week { margin-left: 0; margin-right: 0;} /* Prgress Bar */ .progress-barBg { background-position: 0% 0%; position: relative; z-index: 3; width: 100%; height: 45px; box-shadow: inset 0px 1px 3px rgba(40, 40, 40, 0.1); margin-bottom: 25.5px; background-image: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,.02) 100%); background-color: #fff; background-repeat: repeat; background-attachment: scroll; } .progress-bar-box h5 { margin-bottom: 11px;} .progress-bar { position: absolute; top: 0; left: 0; z-index: 2; height: 45px; -webkit-animation: fillup 5s ease; -moz-animation: fillup 5s ease; -ms-animation: fillup 5s ease; -o-animation: fillup 5s ease; animation: fillup 5s ease;} .progress-barFill { width: 100%; height: 45px; -webkit-animation: progress 1s linear infinite; -moz-animation: progress 1s linear infinite; animation: progress 1s linear infinite; background-repeat: repeat-x; background-size: 45px 45px; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .progress-percent { position: absolute; top: -30px; left: 100%; z-index: 1; width: 38px; margin-left: -19px; text-align: center; background: #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; opacity: 0; -webkit-animation: percent-show 1.7s ease 5s forwards; -moz-animation: percent-show 1.7s ease 5s forwards; -o-animation: percent-show 1.7s ease 5s forwards; animation: percent-show 1.7s ease 5s forwards;} .progress-percent:after { width: 8px; height: 8px; content: ' '; position: absolute; z-index: 2; top: 100%; left: 50%; margin: -4px 0 0 -4px; background: #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .progress-percent p { display: inline-block; margin: 0; color: #fff; font-size: 12px; line-height: 1;} .white-space { clear: both; width: 100%; height: 40px;} .flrdbtnshow a.button { margin-right:5px;} /* # PRICING-TABLE ================================================== */ .w-pricing-table, .w-pricing-table.featured { text-align: center; margin-bottom: 21px; border:1px solid #e5e5e5;} /* # PRICING-TABLE1 ================================================== */ .w-pricing-table.pt-type1 { text-align: center; margin-bottom: 35px;border: 5px solid #f3f3f3; border-radius: 5px; transition: all .36s ease;} .w-pricing-table.pt-type1 .price-header, .w-pricing-table.pt-type1 .price-footer { border-radius: 5px 5px 0 0;} .w-pricing-table.pt-type1 .plan-price:after { content: ''; position: absolute;top: 100%;right: 50%;transform: translate(50%,0); -webkit-transform: translate(50%,0); height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 10px solid #f3f3f3; transition: all .5s ease;} .w-pricing-table.pt-type1 .price-footer { padding-top:20px; padding-bottom:20px; border-top: 1px solid #e5e5e5; border-radius: 0 0 5px 5px;} .w-pricing-table.pt-type1 .price-footer a { margin-bottom:0px; color:#777; font-weight:bold;} .w-pricing-table.pt-type1 .price-footer a:hover { color:#de2f68;} .w-pricing-table.pt-type1 .price-header { border-bottom: 1px solid #e5e5e5;} .w-pricing-table.pt-type1 ul.features { padding-top: 11px 16px;} .w-pricing-table.pt-type1 ul.features li { list-style: none; padding-top:12px;} .w-pricing-table.pt-type1 ul.features li:nth-child(1) { border: none; border-radius: 5px;} .w-pricing-table.pt-type1 .plan-title { text-transform:capitalize;font-weight: 700;font-size: 22px; line-height: 36px;padding: 16px 15px 8px; margin-bottom:0;background: #f3f3f3;color: #4a4a4a;} .w-pricing-table.pt-type1 .plan-price {line-height: normal; margin: 0;} .w-pricing-table.pt-type1 .plan-price span { font-weight: 700; font-size: 34px; color: #465155; text-shadow: 0 1px 1px rgba(255,255,255,0.3);} .w-pricing-table.pt-type1.featured .plan-title,.w-pricing-table.pt-type1 .plan-price span, .w-pricing-table.pt-type1 .plan-price small { color: #fff; transition: all .8 ease;} .plan-price small { font-size:14px; font-weight:400;} .w-pricing-table.pt-type1.featured .plan-title, .w-pricing-table.pt-type1 .pt-footer { line-height: 46px; background: #f3f3f3; padding: 12px 15px 0;font-size: 23px;font-weight: 700;color: #235769; transition: all .5s ease;} .w-pricing-table.pt-type1 .plan-price {background: #f3f3f3; padding: 0 12px 37px; transition: all .5s ease;} .w-pricing-table.pt-type1 .plan-price span { font-size: 23px;} .w-pricing-table.pt-type1 .plan-price span, .w-pricing-table.pt-type1 .plan-price small {color: #5dc738; transition: all .8s ease;} .w-pricing-table.pt-type1 .pt-features { padding-top: 44px;} .w-pricing-table.pt-type1 .pt-features li, .w-pricing-table.pt-type1 .pt-features li {padding: 3px 0; list-style: none;font-size: 13px; font-weight: 400; color: #616161;} .w-pricing-table.pt-type1 .pt-features li:last-child:before, .w-pricing-table.pt-type1 .pt-features li:last-child:before { display: none;} .w-pricing-table.pt-type1 .pt-features .feature-icon { font-family: 'FontAwesome'; padding-right: 5px; color: #77da55;} .w-pricing-table.pt-type1 .pt-features .feature-icon:before { content: "\f00d";} .w-pricing-table.pt-type1 .pt-features .available-icon:before { content: "\f00c";} .w-pricing-table.pt-type1 .pt-features .feature-icon.not-available-icon { color:#cc8383;} .w-pricing-table.pt-type1 .pt-features .feature-icon.empty-icon { display:none;} .w-pricing-table.pt-type1 .pt-footer a, .w-pricing-table.pt-type1 .pt-footer a { display: inline-block; font-size:11px; color: #de2f68; background: #fff; border: 2px solid; border-radius: 60px;padding:10px 19px; margin-bottom: 14px; text-transform: uppercase;border: none; transition: all .25s ease;} .w-pricing-table.pt-type1 .pt-footer a:hover, .w-pricing-table.pt-type1 .pt-footer a:hover { color:#fff !important; background:#393939;} .w-pricing-table.pt-type1 .pt-footer a:after, .w-pricing-table.pt-type1 .pt-footer a:after { display: none;} .w-pricing-table.pt-type1 .plan-price { position: relative;} .w-pricing-table.pt-type1.featured { border-color: #77da55;} .w-pricing-table.pt-type1.featured .plan-title, .w-pricing-table.pt-type1.featured .plan-price, .w-pricing-table.pt-type1.featured .pt-footer, .w-pricing-table.pt-type1.featured .pt-footer { background: #77da55;border: none;} .w-pricing-table.pt-type1.featured .plan-price:after { border-top-color: #77da55;} .w-pricing-table.pt-type1.featured .plan-price span, .w-pricing-table.pt-type1.featured .plan-price small, .w-pricing-table.pt-type1.featured .plan-title { color: #fff !important;} .w-pricing-table.pt-type1.featured .pt-footer a, .w-pricing-table.pt-type1.featured .pt-footer a { color: #77da55;} @media (min-width: 480px) and ( max-width: 1280px){ .w-pricing-table.pt-type1 .pt-features li:before, .w-pricing-table.pt-type1 .pt-features li:before { margin-top: 31px;} } @media (max-width: 480px){ .w-pricing-table.pt-type1 .pt-features li:before, .w-pricing-table.pt-type1 .pt-features li:before { margin-top: 31px;} } /* # PRICING-TABLE2 ================================================== */ .w-pricing-table.pt-type2 { background: #fcfcfc; border-radius: 5px; border: 1px solid #ebeef0; box-shadow: 0 2px 0 0px rgba(0,0,0,0.047); padding: 38px 0;transition: .3s;} .w-pricing-table.pt-type2.featured { border-color: #8dd7f1; padding-top: 45px;margin-top: -11px; padding-bottom: 52px; background: #fff;} .w-pricing-table.pt-type2:hover { border-color: #8dd7f1; background: #fff;} .w-pricing-table.pt-type2 > span {transition: .3s;font-size: 40px;width: 98px;height: 98px;text-align: center;color: #de2f68; background: #fff; padding: 26px; border: 1px solid #f4f3f3; border-radius: 50%; margin-bottom: 19px; display: inline-block; box-shadow: 0 2px 0 0px rgba(0,0,0,0.018);} .w-pricing-table.pt-type2:hover > span { border-color: #de2f68;} .w-pricing-table.pt-type2.featured > span { border: 3px solid #de2f68;} .w-pricing-table.pt-type2 h3, .w-pricing-table.pt-type2.featured h3 { font-size: 21px; font-weight: 300; color: #111; text-transform: capitalize;margin-bottom: 31px; background: none; padding: 0 12px;} .w-pricing-table.pt-type2 ul li { list-style: none; font-size: 14px; font-weight: 300; line-height:1.7; color: #898d90; margin-bottom: 4px;} .w-pricing-table.pt-type2 h4.pt-price { padding:14px 0;} .w-pricing-table.pt-type2 h4 span { font-size: 33px; font-weight: 700; color: #111;} .w-pricing-table.pt-type2 h4 small {font-size: 16px; font-weight: 700; color: #111; text-transform: lowercase; vertical-align:middle;} .w-pricing-table.pt-type2 h5 { font-size: 22px; font-weight:300; color:#a9a9a9; text-decoration: line-through; margin: 0;} .w-pricing-table.pt-type2 .pt-footer a, .w-pricing-table.pt-type2 .pt-footer a { letter-spacing: 0; display: inline-block; color: #de2f68; background:#fff; border: 1px solid #eee; border-radius: 60px; padding: 10px 18px; margin-top: 30px; text-transform: uppercase; font-size:10px; font-weight:600; letter-spacing:1px; box-shadow: 0 2px 0 0px rgba(0,0,0,0.015);} .w-pricing-table.pt-type2.featured .pt-footer a { background: #de2f68; color: #fff !important; border-color: #de2f68;} .w-pricing-table.pt-type2.featured .pt-footer a:hover, .w-pricing-table.pt-type2 .pt-footer a:hover { background:#292929 !important; border-color: #292929 !important; color: #fff!important;} .w-pricing-table.pt-type2 .pt-footer a:after, .w-pricing-table .pt-footer a:after { display: none;} /* # PRICING-TABLE3 ================================================== */ .w-pricing-table.pt-type3,.w-pricing-table.pt-type3.featured { position: relative; border: 1px solid #eee; border-radius: 9px;} .w-pricing-table.pt-type3 .pt-header { background: #6dd5e8;padding-top: 42px; margin: -1px -1px 80px; border-radius: 9px 9px 0 0;} .w-pricing-table.pt-type3.featured .pt-header { background: #39c36e;} .w-pricing-table.pt-type3 .pt-header * { color: #fff;} .w-pricing-table.pt-type3 .pt-header h3, .w-pricing-table.pt-type3 .pt-header h4, .w-pricing-table.pt-type3 .pt-header h3, .w-pricing-table.pt-type3 .pt-header h4 { background: none; border: none;} .w-pricing-table.pt-type3 .pt-header h3, .w-pricing-table.pt-type3 .pt-header h3 { font-size: 25px; padding: 0;line-height: 1.1;} .w-pricing-table.pt-type3 .pt-header h4, .w-pricing-table.pt-type3 .pt-header h4 { padding: 0 0 80px;} .w-pricing-table.pt-type3 .pt-header h4 span, .w-pricing-table.pt-type3 .pt-header h4 { font-size: 22px; font-weight: 400;} .w-pricing-table.pt-type3 .pt-header h4 small { font-size: 20px; font-weight: 200;} .w-pricing-table.pt-type3 > span:before, .w-pricing-table.pt-type3.featured > span:before { content: ''; position: absolute;border: 3px solid rgba(255,255,255,.20); border-radius: 50%; padding: 55px 58px; bottom: -3px; right: 50%; transform: translate(50%,0); -webkit-transform: translate(50%,0);} .w-pricing-table.pt-type3 > span, .w-pricing-table.pt-type3.featured > span {font-size: 17px; text-transform: uppercase; width: 115px; max-width: 115px; font-weight: 700; border: 3px solid #6dd5e8; display: block; border-radius: 100%; padding: 29px 18px; position: absolute; background: #fff;top: 18%; right: 50%; transform: translate(50%,0); -webkit-transform: translate(50%,0);} .w-pricing-table.pt-type3.featured > span { border-color: #39c36e;color: #616161;} .w-pricing-table.pt-type3 > span strong {font-size: 24px;display: block;} .w-pricing-table.pt-type3 .pt-features { padding-top:25px;} .w-pricing-table.pt-type3 ul li, .w-pricing-table.pt-type3.featured ul li { list-style: none; font-size: 13px; font-weight: 400; color: #888; padding-bottom: 12px;} .w-pricing-table.pt-type3.featured .feature-icon, .w-pricing-table.pt-type3 .feature-icon { padding-right: 8px; color: #616161; font-family: 'FontAwesome';} .w-pricing-table.pt-type3.featured, .w-pricing-table.pt-type3 .feature-icon:before { content: "\f00d"; color: #cc0000;} .w-pricing-table.pt-type3.featured, .w-pricing-table.pt-type3 .available-icon:before { content: "\f00c"; color: #39c36e;} .w-pricing-table.pt-type3 .pt-footer, .w-pricing-table.pt-type3.featured .pt-footer { background: #6dd5e8; padding: 20px 35px 40px; margin: -1px; border-radius: 0 0 9px 9px;} .w-pricing-table.pt-type3.featured .pt-footer { background: #39c36e;} .w-pricing-table.pt-type3 .pt-footer a:after { display: none;} .w-pricing-table.pt-type3 .pt-footer a:before, .w-pricing-table.pt-type3.featured .pt-footer a:before { content: ''; position: absolute; top: -5.51px; right: 50%; transform: translate(50%,0); -webkit-transform: translate(50%,0); border: 3px solid rgba(255,255,255,0.20); border-radius: 60px; padding: 17px 54px;} .w-pricing-table.pt-type3 .pt-footer a, .w-pricing-table.pt-type3.featured .pt-footer a { color: #de2f68; background: #fff; border: 2px solid #de2f68; border-radius: 60px; padding: 7px 15px; letter-spacing: 0;} .w-pricing-table.pt-type3.featured .pt-footer a { color: #39c36e; border-color: #39c36e;} .w-pricing-table.pt-type3 .pt-footer a:hover, .w-pricing-table.pt-type3.featured .pt-footer a:hover { color:#fff !important; background:#393939;} .w-pricing-table.pt-type3 .pt-footer p { color: #fff; font-size:13px; padding-top:15px;} /* # PRICING-TABLE4 ================================================== */ .w-pricing-table.pt-type4.featured, .w-pricing-table.pt-type4 { background: #fff;} .w-pricing-table.pt-type4, .w-pricing-table.pt-type4.featured { position: relative; border:5px solid #e1e1e1; border-radius: 6px;} .w-pricing-table.pt-type4 *, .w-pricing-table.pt-type4.featured *{ text-align: left; padding: 0;} .w-pricing-table.pt-type4 .pt-header { background: #f9f9f9; padding: 45px; border-bottom: 1px solid #e4e4e4;} .w-pricing-table.pt-type4.featured { border-color:#acdea8;} .w-pricing-table.pt-type4.featured .pt-header { background: #ebf9e7; border-color:#acdea8;} .w-pricing-table.pt-type4 h3, .w-pricing-table.pt-type4.featured h3 { background: none; color: #51c1e9; font-size: 28px; font-weight: 700; line-height: 1;} .w-pricing-table.pt-type4 h6, .w-pricing-table.pt-type4.featured h6 { color: #6a6a6a; font-size: 17px;} .w-pricing-table.pt-type4 ul li, .w-pricing-table.pt-type4.featured ul li { list-style: none; font-size: 14px; font-weight: 500; color: #323232;padding-bottom: 20px;} .w-pricing-table.pt-type4 ul li:last-child, .w-pricing-table.pt-type4.featured ul li:last-child { padding-bottom: 0;} .w-pricing-table.pt-type4 ul li:before, .w-pricing-table.pt-type4.featured ul li:before { content: ''; position: absolute; width: 100%; border-bottom: 1px solid #f1f1f1;padding-top: 30px; left: 0; right: auto;} .w-pricing-table.pt-type4 ul li:last-child:before, .w-pricing-table.pt-type4.featured ul li:last-child:before { display:none;} .w-pricing-table.pt-type4 ul, .w-pricing-table.pt-type4.featured ul {padding: 20px 30px 8px; margin: 0;} .w-pricing-table.pt-type4.featured .feature-icon, .w-pricing-table.pt-type4 .feature-icon { padding-right: 8px; color: #616161; font-family: 'FontAwesome';} .w-pricing-table.pt-type4.featured, .w-pricing-table.pt-type4 .feature-icon:before { content: "\f057"; color: #8dd889;} .w-pricing-table.pt-type4.featured, .w-pricing-table.pt-type4 .available-icon:before { content: "\f058"; color: #8dd889;} .w-pricing-table.pt-type4.featured, .w-pricing-table.pt-type4 ..not-available-icon:before { color: #cc8383;} .w-pricing-table.pt-type4 .pt-footer, .w-pricing-table.pt-type4.featured .pt-footer { background: #a0d9f1; padding: 20px 35px;} .w-pricing-table.pt-type4 .pt-price h4 span, .w-pricing-table.pt-type4 .pt-price h4 small { color: #51c1e9; font-size: 29px; text-transform: lowercase; font-weight: 700;} .w-pricing-table.pt-type4 .pt-price h4 { background: none; border: none; color; margin-bottom: 0; padding: 23px 35px 20px;} .w-pricing-table.pt-type4 .pt-footer a:after { display: none;} .w-pricing-table.pt-type4.featured h3, .w-pricing-table.pt-type4.featured .pt-price h4 span, .w-pricing-table.pt-type4.featured .pt-price h4 small { color: #39c36e;} .w-pricing-table.pt-type4 .pt-footer, .w-pricing-table.pt-type4.featured .pt-footer { text-align: center; background: #f9f9f9; border-top: 1px solid #e4e4e4; padding: 40px;} .w-pricing-table.pt-type4 .pt-footer a, .w-pricing-table.pt-type4.featured .pt-footer a { color: #fff; background: #39c36e; border-radius: 60px; padding: 7px 40px; letter-spacing: 0;} .w-pricing-table.pt-type4 .pt-footer a.magicmore { border-radius:3px; padding:13px 23px; letter-spacing:2px; color:#fff !important;} .w-pricing-table.pt-type4 .pt-footer a.magicmore:hover { background:#222 !important;} @media (max-width: 960px){ .w-pricing-table.pt-type4 ul, .w-pricing-table.pt-type4.featured ul { padding:20px 15px 8px;} .w-pricing-table.pt-type4 ul li, .w-pricing-table.pt-type4.featured ul li { font-size:12px;} } /* # PRICING-TABLE5 ================================================== */ .w-pricing-table.pt-type5 { background: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/bg-pricing-table-5.png) left bottom; position: relative; padding: 0; border: 2px solid #eee; box-shadow: 0 2px 0 0px rgba(0,0,0,0.015);} .w-pricing-table.pt-type5 .pt-header h3 { padding-top: 90px; color: #128eaf; font-size: 25px; font-weight: 700;} .w-pricing-table.pt-type5 .pt-header h4 { padding: 0;} .w-pricing-table.pt-type5 .pt-header { position: relative; margin:-2px; width:auto;} .w-pricing-table.pt-type5 .pt-header h4:after { content: ''; position: absolute; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); bottom: 18%; width: 0; height: 0; border-top: 25px solid #de2f68; border-right: 31px solid transparent; border-left: 31px solid transparent;} .w-pricing-table.pt-type5 .pt-header h4 > span, .w-pricing-table.pt-type5 .pt-header h4 > small { font-size: 30px; font-weight: 500; color: #128eaf; text-transform: uppercase;} .w-pricing-table.pt-type5 .pt-header h4 > small { font-weight: 700;} .w-pricing-table.pt-type5 .pt-header h5 { font-size: 15px; color: #008aaf; font-weight: 600; padding-bottom: 85px; text-decoration:line-through;} .w-pricing-table.pt-type5 .pt-header > span { position: absolute; left: 0; width: 100%; background: #BCC6CC; text-align: center; padding: 20px 0; margin-bottom: 30px; color: #fff; font-size: 23px; font-weight: 600; text-transform: uppercase; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%;} .w-pricing-table.pt-type5 ul { margin: 0;} .w-pricing-table.pt-type5 ul li { list-style: none; color: #717375; font-size: 15px; font-weight: 400; padding-left: 0; padding: 12px 0; border-top: 1px solid #eee; margin: 0;} .w-pricing-table.pt-type5 ul li:nth-child(even) {background: rgba(20,164,211,0.10);} .w-pricing-table.pt-type5 .pt-footer { padding-bottom: 40px;} .w-pricing-table.pt-type5 .pt-footer a { border: 2px solid; padding: 8px 23px; border-radius: 60px; margin-top: 35px; display: inline-block; letter-spacing: 0;} .w-pricing-table.pt-type5 .pt-footer a:after { display: none;} .w-pricing-table.pt-type5 .pt-footer a:hover, .w-pricing-table.pt-type5.featured .pt-footer a:hover { color:#fff !important; background:#393939; border-color: #393939;} .w-pricing-table.pt-type5 .pt-features .feature-icon { font-family: 'FontAwesome'; padding-right: 5px; color: #77da55;} .w-pricing-table.pt-type5 .pt-features .feature-icon:before { content: "\f00d";} .w-pricing-table.pt-type5 .pt-features .available-icon:before { content: "\f00c";} .w-pricing-table.pt-type5 .pt-features .feature-icon.not-available-icon { color:#cc8383;} .w-pricing-table.pt-type5 .pt-features .feature-icon.empty-icon { display:none;} /* # PRICING-TABLE6 ================================================== */ .w-pricing-table.pt-type6 { text-align: left; border:1px solid #E3E8EA; min-height: 146px; padding: 0; margin: 0; position: relative;} .w-pricing-table.pt-type6 .pt-header { float: left; background: #E0E6E8; padding: 35px 40px 0;min-height: 144px; position: relative; width: 35%;} .w-pricing-table.pt-type6 .pt-header:after { content: ''; position: absolute; right: 0; top: 0; width: 0; height: 0; border-bottom: 144px solid #fff; border-left: 100px solid transparent;} .w-pricing-table.pt-type6 .pt-header h3, .w-pricing-table.pt-type6 .pt-header h4 { margin: 0; color: #008aaf;} .w-pricing-table.pt-type6 .pt-header h3 { font-size: 25px; font-weight: 700;} .w-pricing-table.pt-type6 .pt-header h4 > span { font-size: 30px;} .w-pricing-table.pt-type6 .pt-header h4 > small { color: #008aaf; font-weight: 600;} .w-pricing-table.pt-type6 ul { padding-left:2%; float: left; margin: 0;width: 46%;padding-top: 35px;} .w-pricing-table.pt-type6 ul li { margin: 0; float: left; width: 50%; padding-bottom: 5px; list-style: none; font-size: 14px; color: #717375; font-weight: 400; display:flex;} .w-pricing-table.pt-type6 ul li span { padding-right: 5px;} .w-pricing-table.pt-type6 .pt-footer {float: right;background: #de2f68;min-height: 146px;height: auto;padding-top: 44px;padding-left: 0;padding-right: 0;width: 19%;text-align: center;margin: -1px;} .w-pricing-table.pt-type6 .pt-footer p, .w-pricing-table.pt-type6 .pt-footer a { color: #fff !important;} .w-pricing-table.pt-type6 .pt-footer p { font-weight: 600; margin: 0; padding-bottom: 10px;} .w-pricing-table.pt-type6 .pt-footer a {display: inline-block;letter-spacing: 0;font-weight: 600;border: 2px solid #fff;border-radius: 60px;padding: 10px 12px;} .w-pricing-table.pt-type6 .pt-footer a:after { display: none;} .w-pricing-table.pt-type6 .pt-footer a:hover { background: #292929; color: #fff !important; border-color:#292929;} .w-pricing-table.pt-type6.featured .feature-icon, .w-pricing-table.pt-type6 .feature-icon {padding-right: 8px; color: #616161; font-family: 'FontAwesome';} .w-pricing-table.pt-type6.featured, .w-pricing-table.pt-type6 .feature-icon:before { content: ""; color: #CC0000;} .w-pricing-table.pt-type6.featured, .w-pricing-table.pt-type6 .available-icon:before { content: "\f00c"; color: #39c36e;} .w-pricing-table.pt-type6.featured, .w-pricing-table.pt-type6 .not-available-icon:before { content: "\f00d"; color: #cc0000;} @media (min-width: 960px) and (max-width:1280px){ .w-pricing-table.pt-type6 .pt-footer { padding-left: 20px;} .w-pricing-table.pt-type6 ul { padding-left: 0;} } @media (min-width: 768px) and (max-width: 960px) { .w-pricing-table.pt-type6 .pt-footer { padding-left: 0px;} .w-pricing-table.pt-type6 .pt-footer p { padding-left: 10px; font-size:12px;} .w-pricing-table.pt-type6 { min-height: 200px;} .w-pricing-table.pt-type6 .pt-footer { min-height: 198px; padding-top: 70px;} .w-pricing-table.pt-type6 .pt-header { min-height: 198px; padding-top: 70px;} .w-pricing-table.pt-type6 .pt-header:after { border-bottom: 198px solid #fff; border-left: 100px solid transparent;} } @media (max-width: 768px){ .w-pricing-table.pt-type6 {text-align: center;margin-bottom: 50px;} .w-pricing-table.pt-type6 .pt-header {width: 100%;float: none;} .w-pricing-table.pt-type6 .pt-header:after { display: none;} .w-pricing-table.pt-type6 ul { width: 100%;} .w-pricing-table.pt-type6 ul {padding-bottom: 30px;background: #f6f6f6;float: none;display: block;} .w-pricing-table.pt-type6 ul li {width: 100%;text-align: left;padding: 10px 20px;float: none;} .w-pricing-table.pt-type6 .pt-footer {width: auto;padding-left: 0;float: none;display: block;margin: -1px;} .w-pricing-table.pt-type6 .pt-footer a { margin: 0;} } /* # PRICING-TABLE7 ================================================== */ .w-pricing-table.pt-type7 { position:relative; background: #fff; padding: 40px; margin:30px 5px 10px; border: 1px solid #e9e9e9; border-radius: 3px; text-align: left; box-shadow: 0 2px 0 0 rgba(0,0,0,0.016);} .blox .w-pricing-table.pt-type7 { border:none; box-shadow: 0 3px 5px rgba(0,0,0,0.06);} .blox.dark .w-pricing-table.pt-type7 { box-shadow: 0 7px 8px rgba(0,0,0,0.14);} .w-pricing-table.pt-type7.featured {margin-top:0;padding-top: 70px;} .w-pricing-table.pt-type7.featured:before {display:block;content:"FEATURED";width:100%;text-align:center;height: 40px;line-height: 40px; font-weight:600;font-size:15px;color:#fff;letter-spacing:2px;text-transform:uppercase;background: #de2f68;position: absolute;left: 0;top: 0;border-radius: 3px 3px 0 0;} .w-pricing-table.pt-type7 .plan-title { font-size:18px; color: #de2f68; font-weight:700; letter-spacing:2px; text-transform:uppercase; padding-bottom:15px;} .w-pricing-table.pt-type7 .plan-price { margin:10px 0; line-height:1; font-weight:700;} .w-pricing-table.pt-type7 .plan-price span { font-size: 71px;} .w-pricing-table.pt-type7 .plan-price span.price-symbol { font-size:31px; margin-right:6px; vertical-align:top;} .w-pricing-table.pt-type7 .plan-price small { font-size:19px; letter-spacing:2px; margin-left: 3px; text-transform:lowercase; font-weight:500; vertical-align:super;} .w-pricing-table.pt-type7 .plan-price span, .w-pricing-table.pt-type7 .plan-price small {color: #2a2a2a;} .w-pricing-table.pt-type7 .pt-features { padding-top: 10px; color:#aaa; margin-bottom:30px; list-style:none;} .w-pricing-table.pt-type7 .pt-features li { font-size:13px; letter-spacing:0.4px;} .blox.dark .w-pricing-table.pt-type7 .pt-features li { color:#aaa;} .w-pricing-table.pt-type7 .pt-footer { padding-top:12px; text-align:center;} .w-pricing-table.pt-type7 .pt-footer a.magicmore {display:inline-block;background:#de2f68;color:#fff;padding: 14px 36px;border-radius:33px;font-size: 13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;transition: all .28s ease;} #wrap .w-pricing-table.pt-type7 .pt-footer a.magicmore:hover { background-color:#222; color:#fff !important;} @media (max-width: 960px){ .w-pricing-table.pt-type7 { margin-left:0; margin-right:0; padding:40px 25px;} .w-pricing-table.pt-type7 .plan-price span { font-size:50px;} .w-pricing-table.pt-type7 .plan-price span.price-symbol { font-size:25px;} .w-pricing-table.pt-type7 .plan-price small { font-size:15px; letter-spacing:0;} } @media (max-width: 768px){ .w-pricing-table.pt-type7.featured { margin-top:40px;} .w-pricing-table.pt-type7 .pt-footer { text-align:left;} } @media (min-width: 768px) and (max-width: 960px) { .w-pricing-table.pt-type7 { padding:40px 15px;} .w-pricing-table.pt-type7 .plan-price span { font-size:40px;} .w-pricing-table.pt-type7 .plan-price span.price-symbol { font-size:17px;} .w-pricing-table.pt-type7 .plan-price small { font-size:12px;} .w-pricing-table.pt-type7 .pt-footer a.magicmore { font-size:11px; padding:9px 18px;} .w-pricing-table.pt-type7 .plan-title { font-size:16px; letter-spacing:1px;} .w-pricing-table.pt-type7 .pt-features li { font-size:12px; letter-spacing:0;} } @media (min-width: 961px) and (max-width: 1280px) { .w-pricing-table.pt-type7 { margin-left:0; margin-right:0; padding:40px 30px;} .w-pricing-table.pt-type7 .plan-price span { font-size:57px;} .w-pricing-table.pt-type7 .plan-price span.price-symbol { font-size:28px;} .w-pricing-table.pt-type7 .plan-price small { font-size:17px; letter-spacing:0.6px;} } .sub-text p { text-align:center; color:#808080;} /* Single Portfolio */ #wrap .vc_images_carousel .vc_carousel-control { opacity: .5;} #wrap .vc_images_carousel .vc_carousel-control span { font-size: 16px; padding: 20px ; background: #fff ; border-radius: 33px; color: #585A5A; text-shadow: none; transition: all .5s ease;} #wrap .vc_images_carousel .vc_carousel-control .icon-prev:before { content: "\e605" ;} #wrap .vc_images_carousel .vc_carousel-control .icon-next:before { content: "\e606" ;} #wrap .vc_images_carousel .vc_carousel-control span:before { font-family:'simple-line-icons'; font-size:16px; right: 8px; top: -12px;} #wrap .vc_images_carousel .vc_carousel-control { opacity: .1;} #wrap .vc_images_carousel .vc_carousel-control:hover, #wrap .vc_images_carousel .vc_carousel-control span:hover { opacity: 1; color: #de2f68;} /* portfolio item carousel */ .portfolio-carousel-subtitle { border-bottom:2px solid #eee;height: 50px;} .latest-projects-navigation {float: right;height: 40px;padding: 0;margin-top: 10px;} .latest-projects-navigation a {border: 2px solid #e6e6e6; border-radius: 5px;padding: 6px 12px 2px;cursor: pointer; transition: all .22s ease;} .portfolio-carousel-subtitle h4 {float: left;height: 50px;font-weight: 600;font-size: 24px; line-height: 33px;} .port-display-block .widget ul li { display : block;} .latest-projects-navigation a i { font-size: 20px; color: #616a73;} .related-works .portfolio-item { list-style: none; position: relative;} .related-works .portfolio-item img { width: 100%; cursor: -webkit-grab; cursor: -moz-grab;} .related-works .portfolio-item h5 {font-size: 18px; font-weight: 600; text-transform: uppercase; margin: 22px 0 7px 0;} .related-works .portfolio-item h5 a { color: #000; transition : all .22s ease;} .related-works .portfolio-meta .portfolio-date { font-size:11px; font-weight: 500;} .related-works .portfolio-meta .portfolio-cat { margin-left: 32px; fon-size: 15px; text-transform: uppercase;} .related-works .portfolio-meta .portfolio-cat a { color: #b4b4b4; font-weight: 400;} .related-works .portfolio-item > a { display: block; position: relative; cursor: -webkit-grab; cursor: -moz-grab;} .related-works .portfolio-item > a:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; opacity:1;} .related-works .portfolio-item > a:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition : all .22s ease;} .related-works .portfolio-item > a:hover:before { background: #de2f68; opacity: .5;} .related-works .portfolio-item:hover h5 a { color: #de2f68;} .latest-projects-navigation a:hover { background: #de2f68; border-color:transparent;} .latest-projects-navigation a:hover i { color: #fff;} @media only screen and (max-width: 479px) { .latest-projects-navigation a { padding:4px 9px 0px;} .portfolio-carousel-subtitle h4 { font-size:14px; font-weight:500; line-height: 46px;} } /* event */ .event-wrapper { position: relative;} .event-modern .event-article { position: relative; overflow: hidden; border: 1px solid #e6e6e6; padding: 8px;} .event-modern .event-article .event-overlay { height: 100%; background-color: rgba(36, 36, 36, 0.4); position: absolute; width: 100%; left: 0; border: 8px solid #fff; top: 0px; transition: all .5s ease-in-out;} .event-modern .event-article .event-content { color: #fff; position: absolute; bottom: 20px; padding:40px 60px; transition: all .5s ease-in-out;} .event-modern .row { margin-bottom: 36px; max-width: none;} .event-modern .event-article .event-title { color: #fff; font-weight: 700; font-family:'Lora', serif; margin: 46px 0 19px; font-size: 29px; text-transform:uppercase; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);} .event-modern .event-article a:hover .event-title { color:#f96403;} .event-modern .event-date{position: absolute; background-color: #83b640; top: -20px; right: 60px; color: #fff; width: 60px; padding:14px;} .event-modern .event-date div {text-align: center; text-transform: uppercase; letter-spacing: 1px; line-height: 16px; font-family: Dosis,sans-serif;} .event-modern .event-date .dday {padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); margin-bottom: 13px; font-size: 24px;} .event-modern .event-date .dmonth {letter-spacing: 2px;} .event-modern .event-detail { font-family:'Lora',serif; font-style:italic; font-size:16px;} .event-modern .event-category div{display: none;} .event-modern .event-category .tribe-event-categories{display: inline-block; list-style: none; margin: 0;} .event-modern .event-category .tribe-event-categories a{color:#fff; font-weight:bold;} .single-mec-events .mec-wrap {padding-top: 35px; } @media only screen and (max-width: 768px) { .event-modern .event-article .event-content { padding:20px; bottom:5px;} .event-modern .event-article .event-title { font-size:23px;} .event-modern .event-date { right:20px; padding:10px; width:50px;} } @media only screen and (max-width: 479px) { .event-modern .event-article .event-content { padding:10px;} .event-modern .event-article .event-title { font-size:19px; padding-right:25px;} .event-modern .event-date { right:-20px; top:-10px;} .event-modern .event-category, .event-modern .event-detail { font-size:12px;} } /* event-clean */ .event-clean .event-article { margin:15px 0;} .event-clean .event-date { width:70px; float:left; margin-right: 20px; color: #2a2a2a; padding:12px 16px 10px;text-align: center;text-transform: uppercase;border-radius: 13px; border: 3px solid #e6e6e6; transition: all .37s ease-in-out;} .event-clean .event-date span {display: block;font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 4px; color: #2a2a2a; transition: color .37s ease;} .event-clean .event-title {font-weight: 700; line-height: 21px; font-size: 16px; padding-top: 5px; text-transform: uppercase; transition: color .37s ease;} .event-clean .event-detail {font-weight: 300;line-height: 12px;letter-spacing: 1px;} .event-clean .event-article:hover .event-title { color:#01b7f9;} .event-clean .event-article:hover .event-date{background:#01b7f9; color:#fff; border-color:#01b7f9;} .event-clean .event-article:hover .event-date span { color:#fff;} /* event-minimal */ .event-minimal .event-article { border-bottom: 1px solid #efefef; padding: 12px 0;} .event-minimal .event-date { float: left; margin-right: 30px; color: #3ed1e7; width: 92px; border: 2px solid #3ed1e7; padding: 16px 0 10px; text-align: center; text-transform: uppercase; border-radius: 15px 15px 0;} .event-minimal .event-date span {display: block; font-size: 30px; font-weight: 500; text-align: center; margin-bottom: 6px;} .event-minimal .event-title {font-size: 16px; margin: 15px 0 12px; font-weight:700; text-transform: uppercase;} .event-minimal .event-title a{color:#494949;} .event-minimal .event-title a:hover {color:#fe797a;} .event-minimal .event-detail {color: #777; font-weight: 300; line-height: 12px;} /* Subscribe Box */ .subscribe-box {position: relative; border: 1px solid #e9e9e9; padding: 12px 12px 16px; margin-bottom:25px;} .subscribe-box .subscribe-box-top { background-color: #46a052; width: 100%; text-align: center; padding: 24px 0; margin-bottom: 15px;} .subscribe-box .subscribe-box-top i {color: #fff; font-size: 60px;} .subscribe-box .subscribe-box-top h3 { color: #fff; font-weight: normal; font-size: 16px; letter-spacing: 5px; margin: 15px 0 0;} .subscribe-box .subscribe-box-text {height:110px;} .subscribe-box .subscribe-box-form {margin:0;} .subscribe-box .subscribe-box-input div{padding:0;} .subscribe-box .subscribe-box-input .subscribe-box-email {width: 100%; border: 1px solid #fafafa; background-color: #fafafa; padding: 16px; margin: 0;} .subscribe-box .subscribe-box-input .subscribe-box-email:focus {border: 1px solid #ededed; box-shadow: none;} .subscribe-box .subscribe-box-input .subscribe-box-email:hover {border: 1px solid #e2efe3;} .subscribe-box .subscribe-box-input .subscribe-box-submit {margin: 0; border-radius: 0; width: 100%; padding: 18px 0 19px; background:#444; color:#fff;} /* Twitter Box */ .latest-tweets { position: relative; border: 1px solid #e9e9e9; padding: 12px 12px 16px; margin-bottom:25px;} .latest-tweets .ltweets-top { background-color: #5eaade; width: 100%; text-align: center; padding: 24px 0; margin-bottom: 15px;} .latest-tweets .ltweets-top i {color: #fff; font-size: 60px;} .latest-tweets .ltweets-top h3{ color: #fff; font-weight: normal; font-size: 16px; letter-spacing: 5px; margin: 15px 0 0;} .latest-tweets .tweets{font-size: 15px; list-style: none; height: 87px; line-height: 21px;} .latest-tweets .tweets .tw-timestamp {color: #767676; font-size: 13px;} .latest-tweets .tw-item a{color: #5eaade;} .latest-tweets .ltweets-link-wrapper { background-color: #f4f4f4; width: 100%; text-align: center; padding: 14px;} .latest-tweets .ltweets-link {color: #5eaade; font-size: 16px;} .latest-tweets .ltweets-link:hover {color: #444;} /* Event-list */ .event-list .event-article{ border-bottom: 1px solid #efefef; padding: 24px 0 16px;} .event-list .event-article .col-md-9 { padding:0;} .event-list .event-date { position:relative; float:left; margin-right: 30px; background-color: #f1bb51; color: #fff; width: 52px; padding: 6px 4px 3px; text-align: center; text-transform: uppercase; border-radius: 3px;} .event-list .event-date span{ display: block; font-size: 24px; font-weight: 700; text-align: center; margin-bottom:4px;} .event-list .event-date:after { display:block; content:""; position:absolute; width:50px; left:1px; top:1px; height:30px; background:rgba(255,255,255,0.1); box-shadow:0 4px 4px rgba(0,0,0,0.02);} .event-list .event-title { font-weight:500; font-size: 18px; padding-top:5px;} .event-list .event-detail{ color:#777; font-weight:300; line-height: 12px;} .event-list .btn-wrapper{ text-align:right; padding-right:0; padding-top:6px;} .event-list .btn-wrapper .button { margin-bottom:14px; margin-right:0;} .button.dark-gray { background: #444; color:#fff;} .button.dark-gray:hover {background: none; color:#000;} .vc_col-sm-4 .event-list .event-date, .vc_col-sm-6 .event-list .event-date { margin-right:12px;} .vc_col-sm-4 .event-list .event-title, .vc_col-sm-6 .event-list .event-title { font-size:15px; letter-spacing:2px;} /* Ministry Box */ .ministry-box { position:relative; min-height: 287px; margin-bottom:30px; overflow:hidden; text-align:center;} .ministry-box .ministry-bar { background-color:currentcolor; position:absolute;} .ministry-box .ministry-bar h4{ padding: 20px 0; color: #fff; text-transform: uppercase; margin-bottom: 0; font-size: 23px; font-weight:bold; letter-spacing: 2px;} .ministry-box .ministry-img img { min-width: 100%;} .ministry-box .ministry-bar { color: #0099cb; background-color: currentcolor; width: 100%; position: relative;} .ministry-box .ministry-bar:after{ transition: all .5s ease-in-out; margin-left: -15px; position: absolute; content:''; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: currentcolor transparent transparent transparent;} .ministry-box .ministry-content { height:0; transition: all .5s ease-in-out; overflow:hidden; padding: 0 8px; position: absolute; width:100%;} .ministry-box:hover .ministry-content { height:100%;} .ministry-box .ministry-content p{ color:#fff; line-height: 20px; margin-bottom: 12px; padding:5%; font-size:14px;} .ministry-box .ministry-content h5 { color:#fff; font-weight:500; margin:7px 0 0} .ministry-box .ministry-content a { color:#fff; font-weight:600; text-transform: uppercase;} .ministry-box .director-img { border-radius: 50%; width: 33%; border: 3px solid #fff;} .ministry-box .ministry-director p { padding:0;} /* ministry box 2 */ .ministry-box2 img {background-color: #fff; padding: 10px; transition: all .33s ease; border:1px solid #eee;} .ministry-box2:hover img {background-color: #ff797a;} .ministry-box2 h4 {font-weight: 400; font-size: 24px; text-align: center; margin: 25px auto 15px; transition: all .33s ease;} .ministry-box2:hover h4 {color:#ff797a;} .ministry-box2 p { text-align: center;color: #8a8a8a;} /* Event-gird */ .event-grid .row { margin-bottom: 30px; max-width: none;} .event-grid .event-article { position: relative; overflow: hidden; border: 1px solid #e9e9e9;} .event-grid .event-article .event-content{ background:#fff; color:#767676; padding: 20px; text-align:left; min-height: 125px;} .event-grid .event-article .event-title { color:#525252; margin: 10px 0; font-weight: bold; font-size: 17px; letter-spacing: 0.3px;} .event-grid .event-article .event-title:hover { color: #000;} .event-grid .event-detail { font-weight: 300; font-size: 13px; background-color: #de2f68; color: #fff; padding: 3px 0 3px 20px; margin: 0 0 20px -20px;} /* Event-cover */ .event-cover .row { margin-bottom: 36px; max-width: none;} .event-cover .event-article {position: relative; overflow: hidden; background:#fff; padding:6px; border:1px solid #e8e8e8;} .event-cover .event-article .event-overlay { position: absolute; left:6px; right:6px; bottom:6px; top:6px; width:auto; height: auto; background-color: rgba(36, 36, 36, 0.4); transition: all .33s ease-in-out;} .event-cover .event-article:hover .event-overlay { background-color: rgba(36, 36, 36, 0.6);} .event-cover .event-article .event-content { font-family:'Lora',serif; font-size:16px; font-style:italic; color:#fff; position: absolute; bottom: 0; padding: 50px 35px; transition: all .33s ease-in-out;} .event-cover .event-article .event-title { color:#fff; margin: 20px 0 38px; font-family:'Lora',serif; font-size: 24px; font-weight:bold; text-transform:uppercase; font-style:normal;} .event-cover .event-article .btn-wrapper {text-align:left;} .event-cover .event-article .event-icon { font-size: 18px; float: left; margin-right: 14px; color: #fff; background: #f96403; padding: 13px;} .event-cover .event-article .event-button { color: #fff; background-color: #191919; border: 2px #191919 solid; padding: 12px 20px; letter-spacing:3px; font-size:12px; font-weight:bold; font-style:normal; transition: all .22s ease} .event-cover .event-article .event-button:hover { color: #191919; background-color: #fff; border-color: #fff; border-radius: 1px;} .tribe-events-event-image img {min-width: 100%;} @media only screen and (max-width: 960px) { .event-cover .event-article .event-content { padding:20px;} } @media only screen and (max-width: 767px) { .event-cover .row { margin-bottom:0;} .event-cover .event-article { margin-bottom:30px;} .event-cover .event-article .event-title { font-size:19px; margin:15px 0 25px;} .event-cover .event-article .event-button { font-size:11px;} } @media only screen and (max-width: 479px) { .event-cover .event-article .event-content { padding:15px; font-size:15px;} .event-cover .event-article .event-title { font-size:15px; margin:10px 0;} .event-cover .event-article .event-button { font-size:10px; padding:6px; letter-spacing:1px;} .event-cover .event-article .event-icon { padding:10px;} } /* Teaser boxes ----------------------*/ /* Teaser box 1 */ .teaser-box1 {position:relative; border: 1px solid #ececec;} .teaser-box1 .teaser-title { background-color: rgba(247, 197, 30, 0.92); font-family:'Passion One','Montserrat', sans-serif; font-size: 21px; letter-spacing:2px; font-weight: 500; height: 50px; margin: 0; padding: 13px; text-transform: uppercase; transition: all 0.3s ease-in-out 0s; width: 100%;} .teaser-box1 .teaser-title.has-image {position: absolute; margin-top: -49px;} .teaser-box1 img { width:100%;} .teaser-box1 a:hover .teaser-title {background-color: rgba(0, 0, 0, 0.8); color:#fff;} .teaser-box1 .teaser-subtitle { padding:15px 10px; color: #767676; margin: 0; font-size:13px;} /* Teaser box 2 */ .teaser-box2 .teaser-image { transition: all 0.38s ease; padding: 7px; background:#fff; margin-bottom: 12px; width:100%;} .teaser-box2:hover .teaser-image { background:#222; -webkit-filter: grayscale(1); filter: grayscale(1);} .teaser-box2 .teaser-title {font-size: 11px; line-height:1; letter-spacing: 2px;max-width: 50%; display: inline-block;background-color: #de2f68; font-weight: bold; margin: 0;padding: 5px 15px 4px; text-transform: uppercase; transition: all 0.38s ease; word-wrap: break-word;color: #fff;} .teaser-box2 a:hover .teaser-title {background-color: #222; color:#fff;} .teaser-box2 .teaser-subtitle { font-size: 12px; padding: 10px; color: #767676; margin: 0; display: inline-block; word-wrap: break-word;} .blox .teaser-box2 .teaser-image { box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.02);} /* Teaser box 3 */ .teaser-box3 { padding:9px; background:#fff; text-align:center; padding-bottom:25px; border-radius:3px; box-shadow: 0 2px 0 0px rgba(0,0,0,0.025);} .teaser-box3 .teaser-image { transition: all 0.31s ease; margin-bottom: 12px; width:100%;} .teaser-box3 .teaser-title { font-size:15px; font-weight:700; padding-top:12px;} .teaser-box3 .teaser-subtitle { border-radius:38px; font-weight:600; box-shadow: 0 2px 0 0px rgba(0,0,0,0.015); font-size: 10px; line-height:1; letter-spacing: 1px;max-width: 50%; display: inline-block;background-color: #de2f68; margin: 0;padding: 5px 12px 4px; text-transform: uppercase; transition: all 0.31s ease; word-wrap: break-word;color: #fff;} #wrap .teaser-box3 a:hover .teaser-subtitle { background-color: #222; color:#fff;} .teaser-box3:hover .teaser-image { background:#222; -webkit-filter: grayscale(1); filter: grayscale(1);} /* Teaser box 4 */ .teaser-box4 { position:relative; margin-top: 0; border: 7px solid #fff; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.019); transition: all .31s ease-in-out;} .teaser-box4:hover { transform: translate(0,-9px); -webkit-transform: translate(0,-9px); box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.11);} .teaser-box4 img {transition: all .3s ease-in-out; width:100%;} .teaser-box4 .teaser-title,.teaser-box4 .teaser-subtitle {transition: all .33s ease-in-out; background-color: #de2f68; font-size: 12px; letter-spacing:2px; font-weight: 600; height: 40px; margin: 0; padding: 13px; text-transform: uppercase; width: 100%; text-align: center; color:#fff; text-shadow:0 0px 3px rgba(0,0,0,0.16);} .teaser-box4 .teaser-subtitle { margin-top:-40px; opacity: 0; background-color: #202020; color:#fff;} .teaser-box4:hover .teaser-subtitle {opacity: 1;} .teaser-box4:hover .teaser-title {opacity: 0;} @media only screen and (max-width: 767px) { .teaser-box4, .teaser-box4:hover { margin-top:15px; margin-bottom:0;} .teaser-box4 .teaser-title,.teaser-box4 .teaser-subtitle { letter-spacing:1px;} } /* Teaser box 5 */ .teaser-box5 { position: relative; margin-bottom: 16px;} .teaser-box5:before { content:''; left:0; right:0; bottom:0; top:0; position: absolute; border: 8px solid transparent; transition: margin 0.3s ease; -webkit-transition: margin 0.3s ease;} .teaser-box5:hover:before { margin: -8px; border-color: #de2f68;} .teaser-box5 .teaser-title { position:absolute; padding-right: 20px; font-size: 20px; font-weight: 600; bottom:102px; left:23px; color: #fff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .teaser-box5 a { display:block; background:#000; border:none !important;} .teaser-box5 img {width:100%; transition: all .27s ease-in-out; opacity:0.95;} .teaser-box5:hover img {opacity:0.65;} .teaser-box5 .teaser-subtitle { position:absolute; font-size: 15px; font-weight: 300; bottom:79px; left:23px; color: #fff; } .teaser-box5 .teaser-featured { position:absolute; font-size:13px; text-transform: uppercase; background:#de2f68; color:#fff; padding: 8px 16px 5px 16px; top:25px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .teaser-box5:hover .teaser-title{ color:#de2f68;} /* Teaser box 6 */ .teaser-box6 {position: relative; margin-bottom: 16px; background:#000; overflow:hidden;} .teaser-box6 .teaser-title,.teaser-box6 .teaser-subtitle {text-transform: uppercase; display:table; margin-top:0; transition: all .18s ease; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; color: #fff;} .teaser-box6 a { display:block; background:#000; border:none !important;} .teaser-box6 img {width:100%; transition: all .27s ease-in-out; opacity:0.65;} .teaser-box6 .teaser-title strong {font-weight:600;} .teaser-box6 .teaser-subtitle {opacity: 0; margin: 0; margin-top: 20px; font-weight: 600; font-size: 10px; white-space:nowrap; border-radius: 15px; padding: 4px 16px; letter-spacing: 1px; color: #737373; background-color: #fafafa; transition: all .18s ease;} .teaser-box6 .teaser-subtitle:after {font-family: 'fontawesome'; content: "\f054"; margin-left: 5px;} .teaser-box6:hover .teaser-title {margin-top: -25px;} .teaser-box6:hover .teaser-subtitle {opacity: 1;} .teaser-box6:hover .teaser-subtitle:hover { color:#000;} .teaser-box6:hover img {filter: blur(3px); -webkit-filter: blur(3px);} #nav .teaser-box6 { margin-bottom:0;} #nav .teaser-box6 a, #nav .teaser-box6 img { padding:0; margin:0; border:none !important;} #nav .teaser-box6 .teaser-title { font-size:15px;} #nav .teaser-box6:hover .teaser-title { margin-top: -15px;} /* Teaser box 7 */ .teaser-box7 { position: relative;} .teaser-box7 h4, .teaser-box7 h5 { position: absolute; bottom: 0; display: block; width: 100%; margin-bottom:-1px; line-height: 25px; padding: 15px;} .teaser-box7 h4 { background:rgba(62,62,62,0.88); color: #fff; font-weight: bold; height: 85px; transition: .22s all ease-in-out;} .teaser-box7:hover h4 { background: #3e3e3e; color: #f9c41c;} .teaser-box7 h4:before { content: ""; width: 25%; height: 0; display: block; position: absolute; border-bottom: 3px solid #f7c520; left: 0; top: 0; transition: .22s all ease-in-out;} .teaser-box7:hover h4:before { width: 100%;} .teaser-box7 h5 { color: #8a8a8a; padding-bottom: 20px; padding-top: 0; background-color: transparent;} /* Teaser Box 8 */ .teaser-box8 .border-bottom {width: 42px; height: 2px; margin-bottom: 21px; } .teaser-box8 .teaser-title {color: #525249; } .teaser-box8 .teaser-title.has-image {font-size:18px; margin:20px 0 17px; font-weight:400; } .teaser-box8 .teaser-subtitle {margin-top: 10px; } .teaser-box8:hover .teaser-image{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .teaser-box8:hover .teaser-title {color: #de2f68; } .teaser-box8 p {color: #73736b; font-weight: 300; } /* Teaser Box 9 */ .teaser-box9 {position: relative; } .teaser-box9 .teaser-title.has-image {transition: all 0.3s ease; border-radius: 55px; letter-spacing: 0; background: #DE2F68; color: #fff; display: inline-table; padding: 22px 53px; font-size: 14px; font-weight: 600; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .teaser-box9:hover .teaser-title.has-image{background: #222; } .teaser-box9 img.teaser-image, .teaser-box9 { transition: all .3s ease ; -webkit-transition: all .3s ease ; } .teaser-box9 .teaser-title.has-image:hover { background: #30312c;} .teaser-box9:hover img.teaser-image{ filter: blur(3px); -webkit-filter: blur(3px);} /* Subscribe bar */ .subscribe-bar1 { padding: 40px 0; max-width: 530px; margin: 0 auto;} .subscribe-bar1 h3 { color: #fff; font-weight: normal; font-size: 24px; letter-spacing: 2px; padding-left:10px;} @media only screen and (min-width: 1200px) { .subscribe-bar1 h3 { padding-left:15px;} } .subscribe-bar1 .subscribe-box-form {margin:0;} .subscribe-bar1 .subscribe-box-input div {padding:0;} .subscribe-bar1 .subscribe-box-input .subscribe-box-email {border: 1px solid #fff; width: 70%; background-color: #fff; padding: 21px; font-size: 14px; margin: 0; float: left; border-radius: 5px 0 0 5px;} .subscribe-bar1 .subscribe-box-input .subscribe-box-email:focus {border: 1px solid #f0f0f0; box-shadow: none;} .subscribe-bar1 .subscribe-box-input .subscribe-box-submit {margin-left: -14px; background: #39c36e; width: 30%; border-radius: 0px 5px 5px 0; color: #fff; line-height: 20px; border: 3px solid #fff;float: right;} .subscribe-bar1 .subscribe-box-input .subscribe-box-submit:hover {background:#191919;} @media only screen and (max-width: 767px) { .subscribe-bar1 .subscribe-box-input .subscribe-box-email, .subscribe-bar1 .subscribe-box-input .subscribe-box-submit {border-radius: 5px 5px 0 0; margin: 0; width: 100%;} .subscribe-bar1 .subscribe-box-input .subscribe-box-submit{border-radius: 0 0 5px 5px;} } /* subscribe flat */ .subscribe-flat {padding: 40px 0;} .subscribe-flat h3 {color: #292929;font-weight: normal; margin: 10px 0 0;} .subscribe-flat .subscribe-box-form {margin:0;} .subscribe-flat .subscribe-box-input div {padding:0;} .subscribe-flat .subscribe-box-input .subscribe-box-email {width: 100%; border: 1px solid #ededed; background-color: #ededed; padding: 36px; margin: 0; border-radius: 0;} .subscribe-flat .subscribe-box-input .subscribe-box-email:focus {border: 1px solid #f0f0f0; box-shadow: none;} .subscribe-flat .subscribe-box-input .subscribe-box-submit {background:#83b640; margin: 0; width: 100%; padding: 39px 0 38px; border-radius: 0; color:#fff;} .subscribe-flat .subscribe-box-input .subscribe-box-submit:hover {background:#191919;} /* latest news */ .latestnews1 { display: table; border-spacing: 1px; table-layout: fixed; width: 100%;} .latestnews1 .ln-row {display: table-row;} .latestnews1 .ln-item {display: table-cell; position:relative; overflow:hidden;} .latestnews1 .ln-content { height: 60px; transition: all .5s ease-in-out; width: 100%; position: absolute; bottom: 0; background-color: rgba(39,39,39, 0.83); text-align: center; padding: 0 20px;} .latestnews1 .ln-item:hover .ln-content { padding-top: 36px; background-color:#de2f68; height: 100%; opacity:0.96;} .latestnews1 .ln-content h3 {font-weight:700; line-height: 1.3; font-size: 13px; letter-spacing:1px; text-transform: uppercase; margin: 18px auto 20px;} .latestnews1 .ln-content h3 a { color:#fff;} .latestnews1 .ln-content h3 a:hover { text-decoration:underline;} .latestnews1 .ln-date {color: #fff;margin-bottom: 56px; font-family:'Lora',serif; font-style:italic;} .latestnews1 .ln-button {color: #fff; border: 2px solid; border-radius: 2px; padding: 6px 18px 5px; display: inline-block; text-transform:uppercase; letter-spacing:2px; font-size:11px; font-weight:bold; transition: all .35s ease-in-out;} .latestnews1 .ln-button:hover {color: #000;} @media only screen and (max-width: 961px) { .latestnews1 .ln-item { display:block; float:left; width:50%;} } @media only screen and (max-width: 767px) { .latestnews1 .ln-item { width:100%;} } /* latest news 2 */ .latestnews2 .ln-item {margin-bottom:24px;} .latestnews2 .ln-date {float: left; text-align:center; margin: 10px 16px 0 0;} .latestnews2 .ln-date .ln-day { background-color: #fff; color: #646464; font-size: 18px; font-weight: 600; padding: 8px 15px; border-radius: 5px 5px 0 0;} .latestnews2 .ln-date .ln-month {background: #f8c422; color: #fff;border-radius: 0 0 5px 5px; font-size: 12px;text-transform: uppercase;} .dark.blox .latestnews2 .ln-content .ln-title { color: #fff;} .latestnews2 .ln-content .ln-title {text-transform: uppercase; font-size: 22px; font-weight: 500; color: #646464;} .latestnews2 .ln-content {overflow:hidden;} .latestnews2 .ln-content .ln-title:hover, .dark.blox .latestnews2 .ln-content .ln-title:hover {color: #f8c422;} .latestnews2 .ln-content .ln-excerpt {margin-bottom:10px;} .latestnews2 .ln-item .ln-content .ln-button {color:#828282; text-transform: initial;} .latestnews2 .ln-item .ln-content .ln-button:hover {color: #f8c422;} /* Event Countdown */ .btn-wrapper {text-align:center;} .countdown-wrapper .btn-wrapper {padding-top: 10px; padding-right:0;} .countdown-wrapper h5.countdown-message { letter-spacing:5px; font-weight:500; font-size:18px;} .countdown-wrapper p, .blox.dar .countdown-wrapper p { color:#888;} .countdown-wrapper a.button.black { float:right; margin-right:0;} /* Event Countdown-clock */ @media only screen and (min-width: 961px) and (max-width: 1280px) { .flip-clock-divider.seconds,.countdown-clock ul:nth-child(11),.countdown-clock ul:nth-child(12){display:none;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .flip-clock-divider.seconds,.countdown-clock ul:nth-child(11),.countdown-clock ul:nth-child(12){display:none;} .event-list .btn-wrapper { padding-left:0;} .event-list .event-date { margin-right:10px;} .remittal-t .event-list .event-title { letter-spacing:1px;} .event-list .btn-wrapper { padding-left:0;} } @media only screen and (min-width: 768px) and (max-width: 960px) { .countdown-clock {margin-bottom: 60px;} .countdown-clock .flip-clock-divider {width: 54px;} } @media only screen and (max-width: 767px) { .countdown-clock {margin-bottom: 16px;} .container .countdown-wrapper {text-align:center;} .countdown-clock { margin-left: 8px;} .countdown-clock .flip-clock-divider { margin-bottom: 28px; width: 8px;} .btn-wrapper .button{ display: block; text-align: center; margin:0;} .event-article .btn-wrapper { margin: 12px 0;} .countdown-wrapper a.button.black { float:none;} } @media only screen and (max-width: 479px) { .event-list .event-date {float:none; width: 100%; margin-bottom: 8px;} .event-list .event-date span {display: inline; padding-right: 25px; margin-right:7px; font-size: inherit;} .event-list .event-date:after { width:45%; box-shadow:4px 0 4px rgba(0,0,0,0.02);} .event-list-btn-wrapper{text-align:center;} .event-list .event-article { text-align: center;} .event-list .event-detail { margin-bottom: 10px;} .flip-clock-divider.minutes .flip-clock-label { right: 152px; bottom: -108px;} } /* Get the bourbon mixin from http://bourbon.io */ /* Reset */ .flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;} .flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc;} .flip-clock-wrapper a:hover { color: #fff;} .flip-clock-wrapper ul { list-style: none;} .flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after { content: " "; display: table;} .flip-clock-wrapper.clearfix:after { clear: both;} .flip-clock-wrapper.clearfix { *zoom: 1;} /* Main */ .flip-clock-wrapper { font: normal 11px "Helvetica Neue", Helvetica, sans-serif; -webkit-user-select: none;} .flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important;} .flip-clock-meridium a { color: #313333;} .flip-clock-wrapper { text-align: center; position: relative; padding-left:0;} .flip-clock-wrapper:before, .flip-clock-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .flip-clock-wrapper:after { clear: both;} /* Skeleton */ .flip-clock-wrapper ul { position: relative; float: left; margin: 2px; width: 50px; height: 50px; font-size: 80px; font-weight: bold; line-height: 87px; border-radius: 3px; background: rgba(0, 0, 0, 0.21);} .flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 54px; text-decoration: none !important;} .flip-clock-wrapper ul li:first-child { z-index: 2;} .flip-clock-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important;} .flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 80px; overflow: hidden; outline: 1px solid transparent;} .flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2;} .flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0;} .flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 24px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: rgba(0, 0, 0, 0.12);} .flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0,0.25); text-align: center; background-color: rgb(251, 84, 92); border-radius: 3px; font-size: 48px;} .flip-clock-wrapper ul li a div.up div.inn { top: 0;} .flip-clock-wrapper ul li a div.down div.inn { bottom: 0;} /* PLAY */ .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3;} .flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);} .flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.5s 0.5s linear both; -moz-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5;} .flip-clock-divider { float: left; display: inline-block; position: relative; width: 18px; height: 62px;} .flip-clock-divider:first-child { width: 0;} .flip-clock-dot { display: none; background: #323434; width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 5px;} .flip-clock-divider .flip-clock-label { position: absolute; bottom: -1.5em; right: -71px; color: #101010; font-weight:bold; text-shadow: none; text-transform: uppercase;} .blox.dark .flip-clock-divider .flip-clock-label { color:#8a8a8a;} .flip-clock-divider.seconds .flip-clock-label { right: -82px;} .flip-clock-dot.top { top: 30px;} .flip-clock-dot.bottom { bottom: 30px;} @-webkit-keyframes asd { 0% { z-index: 2;} 20% { z-index: 4;} 100% { z-index: 4;} } @-moz-keyframes asd { 0% { z-index: 2;} 20% { z-index: 4;} 100% { z-index: 4;} } @-o-keyframes asd { 0% { z-index: 2;} 20% { z-index: 4;} 100% { z-index: 4;} } @keyframes asd { 0% { z-index: 2;} 20% { z-index: 4;} 100% { z-index: 4;} } .flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both;} @-webkit-keyframes turn { 0% { -webkit-transform: rotateX(90deg);} 100% { -webkit-transform: rotateX(0deg);} } @-moz-keyframes turn { 0% { -moz-transform: rotateX(90deg);} 100% { -moz-transform: rotateX(0deg);} } @-o-keyframes turn { 0% { -o-transform: rotateX(90deg);} 100% { -o-transform: rotateX(0deg);} } @keyframes turn { 0% { transform: rotateX(90deg);} 100% { transform: rotateX(0deg);} } .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both;} @-webkit-keyframes turn2 { 0% { -webkit-transform: rotateX(0deg);} 100% { -webkit-transform: rotateX(-90deg);} } @-moz-keyframes turn2 { 0% { -moz-transform: rotateX(0deg);} 100% { -moz-transform: rotateX(-90deg);} } @-o-keyframes turn2 { 0% { -o-transform: rotateX(0deg);} 100% { -o-transform: rotateX(-90deg);} } @keyframes turn2 { 0% { transform: rotateX(0deg);} 100% { transform: rotateX(-90deg);} } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3;} /* SHADOW */ .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(64, 64,64,0.68))); background: linear, top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both;} .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(64, 64,64,0.68))); background: linear, top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both;} /*DOWN*/ .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64, 64,64,0.68)), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both;} .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64, 64,64,0.68)), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both;} @-webkit-keyframes show { 0% { opacity: 0;} 100% { opacity: 1;} } @-moz-keyframes show { 0% { opacity: 0;} 100% { opacity: 1;} } @-o-keyframes show { 0% { opacity: 0;} 100% { opacity: 1;} } @keyframes show { 0% { opacity: 0;} 100% { opacity: 1;} } @-webkit-keyframes hide { 0% { opacity: 1;} 100% { opacity: 0;} } @-moz-keyframes hide { 0% { opacity: 1;} 100% { opacity: 0;} } @-o-keyframes hide { 0% { opacity: 1;} 100% { opacity: 0;} } @keyframes hide { 0% { opacity: 1;} 100% { opacity: 0;} } /*event calendar */ #tribe-events-content-wrapper .tribe-events-calendar thead th { padding: 10px 0;} #tribe-events-content-wrapper .tribe-events-calendar td:hover { background: #4ccfad;} #tribe-events-content-wrapper .tribe-events-calendar td a { color: #4b4b4b;} #tribe-events-content-wrapper .tribe-events-calendar td:hover a { color:#fff;} #tribe-events-content-wrapper .tribe-events-calendar td {height: 148px;} #tribe-events-content-wrapper .tribe-events-sub-nav a { background-color: #ebebeb; color: #111; padding: 10px 20px; display: inline-block; font-weight: normal; margin-top: 10px;} #tribe-events-content-wrapper .tribe-events-sub-nav a:hover { background-color: #4ccfad; color: #fff;} #tribe-events-content-wrapper #tribe-bar-form .tribe-events-button { background-color: #de2f68; border: 1px solid #cecece; color: #292929;} #tribe-events-content-wrapper #tribe-bar-form .tribe-events-button { border:none; letter-spacing: 2px; font-size:11px; font-weight:bold; text-transform:uppercase; transition: all 0.5s ease; background: #4ccfad; color: #fff; padding:15px 20px; display: block; text-align: center;} #tribe-events-content-wrapper #tribe-bar-form .tribe-events-button:hover { border: none; background:#222;} #tribe-events-content-wrapper #tribe-bar-form {background-color: #f6f6f6; border: none; padding:20px;} #tribe-events-content-wrapper .tribe-events-ical { display:none;} #tribe-events-content-wrapper .tribe-events-calendar div[id*=tribe-events-daynum-] {background-color: rgba(80, 80, 80, 0.32);} #tribe-events-content-wrapper .tribe-events-calendar div[id*=tribe-events-daynum-] a {background-color:transparent;} #tribe-events-bar #tribe-bar-form input[type=text] { padding:10px; background:#fff; border:none;} .datepicker.dropdown-menu { max-width:300px;} #tribe-events-content .tribe-events-tooltip h4, #tribe_events_filters_wrapper .tribe_events_slider_val, .single-tribe_events a.tribe-events-gcal, .single-tribe_events a.tribe-events-ical { color:#4ccfad;} /* topbar login */ #w-login { background: #F6F8F9; width: 434px;} .fancybox-skin { padding: 0 !important;} #w-login h3 { background: #de2f68; color: #fff; text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 600; letter-spacing: 1px; padding: 37px;} #w-login #user-login {padding: 20px 43px 10px;} #w-login form .login-username label ,#w-login form .login-password label{ font-size: 14px; color: #6B6B6B; text-transform: capitalize; letter-spacing: 0; font-weight: 100;} #w-login form .login-username label:before, #w-login form .login-password label:before { font-family: 'simple-line-icons' , 'FontAwesome'; margin-right:5px;} #w-login form .login-username label:before { content: "\e005";} #w-login form .login-password label:before { content: "\e08e";} #w-login form input { border-color: #de2f68; margin-top: 5px;} #w-login form .login-remember label input {vertical-align: top;margin-bottom: 0;} #w-login .login-links { list-style: none;} #w-login .login-links li a{ list-style: none; position: absolute;bottom: 148px;right: 28px; font-size: 14px; color: #de2f68;font-weight: 400;} #w-login form .login-submit input[type=submit], #w-login .login-links li a[href$="register"] { background: #de2f68; letter-spacing: 0; border-radius: 4px;padding: 12px 35px 10px;margin-top: 33px; margin-bottom: 0; text-transform: uppercase;margin-left: 0;font-weight: 400;font-size: 12px;} .w-login #user-login .login-links li a[href$="register"] { bottom: 55px; right: 88px; font-weight: 400; padding: 5px 31px; color: #fff; font-size: 12px;} .w-login #user-login .login-links li a[href$="register"]:hover { color: #fff;} @media ( max-width:480px){ #w-login .login-links li:last-child a { left: 40px; bottom: 20%; font-size: 13px; display: block; width: 100%;} .w-login #user-login .login-links li a[href$="register"] { text-align: center; left: 50%; right: auto; } } @media ( min-width: 370px) and ( max-width: 480px) { #w-login { width: 323px;} #w-login .login-links li a { bottom: 8.8em; left: 50%;} } @media (max-width: 370px) { #w-login { width: 212px;} #w-login .login-links li a { bottom: 22%; left: 22%;} .w-login #user-login .login-links li a[href$="register"] { text-align: center; padding: 7px 32px; left: 20%; bottom: 10px; right: auto; } } /* modal (forms lightbox) */ .fancybox-type-inline .fancybox-inner { overflow:visible !important; height:auto !important;} .w-modal { margin: -15px; width: initial; background:#fff; border-bottom:1px solid #e8e8e8; margin-bottom:50px;} .w-modal div.wpcf7 { padding:0 35px;} .modal-title {color: #fff; background-color: #de2f68; padding: 20px; display: block; font-weight: 600; font-size: 18px; letter-spacing: 1px; margin-bottom: 30px;} .w-modal .wpcf7 .wpcf7-form p { font-size:13px; color:#8a8a8a; padding-bottom:6px;} .w-modal .wpcf7 .wpcf7-form input[type=submit], .w-modal .wpcf7 .wpcf7-form input[type=reset], .w-modal .wpcf7 .wpcf7-form input[type=button] { font-weight:700; text-transform:uppercase; border-radius:1px; padding:15px 25px; margin-bottom:10px;} /* global fancy Fixes */ .fancybox-overlay-fixed { z-index: 499842;} .fancybox-opened { z-index: 499843;} /* sermon section */ #w-audio { width: 450px; height: 30px;} @media only screen and (max-width: 767px) { #w-audio { width: 400px;} } @media only screen and (max-width: 479px) { #w-audio { width: 238px;} } /* event register */ @media only screen and (min-width: 768px) { .w-modal, .modal-contact { width: 480px;} } /* slide up note */ .slideup-note { transition:all .5s ease-in-out; margin: -41px auto 0; height: 42px;} .slideup-note h4 { background-color: #f67c7d; color: #fff; margin: 0; font-size: 18px; padding: 10px 20px; text-transform: uppercase; border-radius: 10px 10px 0 0;} .slideup-note h4:after { font-family: 'fontawesome'; content: "\f077"; float:right; font-size: 16px;} .slideup-note p { font-size: 17px; padding: 0 20px; height:0; background-color: #fff; transition:all .5s ease-in-out;overflow: hidden;} .slideup-note:hover { margin-top: -200px;} .slideup-note:hover h4:after { content: "\f078";} .slideup-note:hover p { padding: 20px; height: 159px;} /* extra classes */ .giving-blox h5 { margin: 24px 0;} .giving-blox .button { margin: 30px 0;} .giving-blox .vc_pie_chart .vc_pie_chart_value { font-size:300%;} .triple-blue h3, .triple-blue .countdown-w .countdown-message { margin: 24px 0; font-weight: bold; color: #3ed1e7; letter-spacing: 0px;} .triple-blue .countdown-w .countdown-message { margin: 14px 0;} .triple-blue .countdown-w { text-align:left; color:#63686b;} .triple-blue i { font-size:64px; color: #3ed1e7;} .triple-blue .countdown-w.cd-minimal .block-w {text-align:center;} .note-bar { height:0;margin-top:-144px;} .welcome-bar { padding: 35px; height: 144; overflow:hidden; background: rgba(0, 0, 0, 0.6);} .welcome-bar * { color:#fff;} .welcome-bar h4 { font-weight: bold; font-size:50px;} .welcome-bar h5 { letter-spacing:5px;margin-top:-18px;} .cause-box { border: 1px solid #efefef; padding: 10px;} /* # Layer Slider Custom Styles ================================================== */ #wrap .ls-slider1-h { text-align:left; color:#26282d; font-size:49px; font-weight:300; letter-spacing: 1px; margin-bottom:10px;} #wrap .ls-slider1-h.slide2h { color:#fff; text-align:center;} #wrap .ls-slider1-h.slide3h { color:#fff;} #wrap .ls-slider1-p { font-size:21px; line-height:1.6; color:#4a4a4a; font-weight:300; text-transform:none; letter-spacing: 0px;} #wrap .ls-slider1-p.slide2p { color:#fff; text-align:center;} #wrap .ls-slider1-p.slide3p { color:#fff;} #wrap .ls-slider1-a { text-transform: uppercase; background:#de2f68; color:#fff; padding:16px 20px 15px; font-size:12px; letter-spacing:3px; font-weight: 500; margin-top:10px; border-radius: 3px;} #wrap .ls-slider1-a:hover, #wrap .ls-slider1-a.slide2a, #wrap .ls-slider1-a.slide3a { background:#fff; color:#222;} #wrap .ls-slider1-a.slide2a:hover, #wrap .ls-slider1-a.slide3a:hover { background:#222; color:#fff;} @media (max-width: 960px) { #wrap .ls-slider1-a { font-size:8px; letter-spacing:1px; display: block;} #wrap .ls-slider1-a.slide2a { padding:12px 22px 12px; font-size:12px; letter-spacing:4px; display: inline-block;} #wrap .ls-slider1-a.slide3a { display: block;} } @media (max-width: 768px) { #wrap .ls-slider1-a { padding:12px 16px 12px; font-size:8px; letter-spacing:1px; display: block;} #wrap .ls-slider1-a.slide2a { padding:12px 22px 12px; font-size:10px; letter-spacing:4px; display: inline-block;} #wrap .ls-slider1-a.slide3a { padding:12px 22px 12px; font-size:10px; display: block;} } /* # Revslider Bullets style ====================================================*/ #wrap .ares .tp-bullet:hover .tp-bullet-title { background: #34342e; color: #fff; font-size: 13px; font-weight: 400; padding: 9px 23px 8px; top: -15px; right: 22px; border-radius: 50px;} #wrap .ares .tp-bullet:hover .tp-bullet-title:after { display: none;} /* # Revslider Bullets style Home 3 ====================================================*/ .bullet-hom3 .tp-bullets { position: relative;} .bullet-hom3 .custom .tp-bullet {transition: all .3s ease;background: #fff;width: 8px;height: 8px;left: 50% !important;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);border-radius: 50%;} .bullet-hom3 .custom .tp-bullet:hover, .bullet-hom3 .custom .tp-bullet.selected {border: 5px solid;} .bullet-hom3 .tp-bullets:after { content: ""; position: absolute; background: rgba(255, 255, 255, 0.3); width: 1px; top: 0; bottom: 0; left: 50%;} /* # Revolution Slider Styles ================================================== */ .tp-caption.medium_thin_grey2 { color:#444444; text-decoration:none; background-color:transparent; text-shadow:none; font-size:28px; line-height:40px; font-weight:500; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;} .tp-caption a.white { background :#fff; border-radius: 2px; color: #222 !important; padding:20px 34px; text-shadow:none !important; font-size:12px; text-transform:uppercase; letter-spacing:1px; font-weight:900;} .tp-caption a.white:hover { background:#fafafa;} .tp-caption.wlargetext1, .wlargetext1, .tp-caption.wlargetext, .wlargetext { font-family: 'Poppins', sans-serif;} #wrap .hebe .tp-tab-title, #wrap .hebe .tp-tab-desc { font-family: 'Poppins', sans-serif;} #wrap .hebe .tp-tab-title { color:#de2f68;} @media only screen and (max-width: 479px) { #wrap .tp-caption.Newspaper-Button { font-size:9px !important; padding:4px 14px !important;} } /* # Countdown ================================================== */ .countdown-w { text-align:center; font-size: 36px; margin: 0 auto; padding: 24px 0 20px; position:relative; display:table; table-layout: fixed;} .countdown-w .icon-w {font-size: 24px;} .countdown-w .label-w {font-size: 20px; font-weight:300; letter-spacing:1px; text-transform:uppercase; position:relative;} .countdown-w .block-w {display: table-cell; margin: 0 20px 20px; position:relative; height: 190px;width: 190px;font-size: 72px; transition: all .3s ease-in-out; line-height: 1.2;} .countdown-w .block-w.done-w {border:0 none;} .countdown-w .count-w {padding: 24px 0 20px;} .countdown-w .div-d {display: none;} .countdown-w .countdown-message {display:none;} .countdown-w.ctd-modern {color:#fff;} .countdown-w.ctd-modern .icon-w{display:none;} .countdown-w.ctd-modern .count-w {padding: 50px 0 6px;} .countdown-w.ctd-modern .block-w {width:180px; display:inline-block; background:url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/count-border.png) no-repeat; font-size: 36px; font-weight:600;} .countdown-w.ctd-minimal { padding-top:15px; padding-bottom:10px} .countdown-w.ctd-minimal .count-w { font-weight: 300; padding:0; font-size:50px;} .countdown-w.ctd-minimal .block-w { width:70px; height:70px;} .countdown-w.ctd-minimal .label-w { visibility: hidden;} .countdown-w.ctd-minimal .div-d {display: inline-block;} .countdown-w.ctd-minimal .countdown-message { font-size:21px; display: table-caption; font-weight: 300; letter-spacing: 5px; margin-bottom:0;} .countdown-w.ctd-minimal .block-w.done-w { width:auto;} .countdown-w .done-w .count-w, .countdown-w.ctd-minimal .done-w .count-w { font-size: 15px; letter-spacing:2px;} /* # Di Testimonial Slider ================================================== */ .ts-di.testimonials-slider-w.flexslider .flex-control-nav, .testimonials-slider-w.flexslider .flex-control-paging li a { display: block;} .ts-di.testimonials-slider-w .testimonial-content h4 { padding-bottom:70px;} .ts-di.testimonials-slider-w .testimonial-content h4 q { font-size:21px;} .ts-di.testimonials-slider-w.flexslider .flex-control-nav { position: relative; margin-top: 30px; width: 100%; right: 0px;} .ts-di.testimonials-slider-w.flexslider .flex-control-paging li a.flex-active { background-color: #585858; cursor: pointer;} .blox.dark .ts-di.testimonials-slider-w.flexslider .flex-control-paging li a.flex-active { background-color: #fff;} .ts-di.testimonials-slider-w.flexslider .flex-control-paging li a { width: 10px; height: 10px; background-color: transparent; border-radius: 0 !important; border: 2px solid #585858; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .blox.dark .ts-di.testimonials-slider-w.flexslider .flex-control-paging li a { border-color:#fff;} .ts-di.testimonials-slider-w.flexslider .testimonial-brand img { padding: 0; border: none;} .ts-di.testimonials-slider-w.flexslider .flex-direction-nav a, .blox.dark .ts-di.testimonials-slider-w.flexslider .flex-direction-nav a { border:none;} .ts-di.testimonials-slider-w.flexslider .flex-direction-nav a i { font-size:39px;} .ts-di.testimonials-slider-w.flexslider .flex-direction-nav a i.fa-chevron-right:before {content: "\f105";} .ts-di.testimonials-slider-w.flexslider .flex-direction-nav a i.fa-chevron-left:before { content: "\f104";} .testimonials-slider-w .testimonial-brand h5 {font-size: 15px;font-weight: 600;color: #222;letter-spacing: 0px;} /* # Tri Testimonial Slider ================================================== */ .ts-tri.testimonials-slider-w .testimonial-content h4 { padding: 20px 25px; border: 2px solid #fff; border-radius: 0; background: rgba(255,255,255,0.18);} .ts-tri.testimonials-slider-w .testimonial-content h4 q { padding-left:21px; padding-right:15px;} .ts-tri.testimonials-slider-w.flexslider .testimonial-brand { margin-top:0;} .ts-tri.testimonials-slider-w.flexslider .testimonial-brand img { width:110px; margin-left:15px;} .blox.dark .ts-tri.testimonials-slider-w.flexslider .testimonial-brand img { border:5px solid #fff;} .ts-tri.testimonials-slider-w .testimonial-brand h5 { font-size:16px; letter-spacing:1px;} .ts-tri.testimonials-slider-w.flexslider .flex-direction-nav a { width:30px; height:52px; border:none; border-radius:2px; padding: 17px 20px 17px 10px; background:#ddd; top:auto; bottom:85px; left:50%;} .blox.dark .ts-tri.testimonials-slider-w.flexslider .flex-direction-nav a { background:#000; border:none;} .ts-tri.testimonials-slider-w.flexslider .flex-direction-nav a:hover, .blox.dark .ts-tri.testimonials-slider-w.flexslider .flex-direction-nav a:hover { background:#ef0f38;} .ts-tri.testimonials-slider-w.flexslider .flex-direction-nav .flex-prev { margin-left:-96px;} .ts-tri.testimonials-slider-w.flexslider .flex-direction-nav .flex-next { margin-left:65px; right:auto;} .flex-direction-nav i { position: relative; top: 1px;} .flex-direction-nav .flex-prev i { right: 1px;} .flex-direction-nav .flex-next i { left: 1px;} @media only screen and (min-width: 961px) { .ts-tri.testimonials-slider-w .testimonial-content { margin-left: 100px; margin-right: 100px; padding:8px 15px;} } /* # Tetra Testimonial Slider ================================================== */ .ts-tetra.testimonials-slider-w .testimonial-content h4 { padding-bottom:0;} .ts-tetra.testimonials-slider-w .testimonial-content h4 q {font-size: 20px;} .blox.dark .ts-tetra.testimonials-slider-w .testimonial-content h4 q { color:#fff;} .ts-tetra.testimonials-slider-w.flexslider .testimonial-brand { margin-top:0;} .ts-tetra.testimonials-slider-w.flexslider .testimonial-brand img { width:76px; border-radius:0; border:4px solid #dfa948; padding:0; margin-bottom:14px; margin-left:15px;} .blox.dark .ts-tetra.testimonials-slider-w.flexslider .testimonial-brand img { border:4px solid rgba(255,255,255,0.68);} .ts-tetra.testimonials-slider-w .testimonial-brand h5 { font-size:16px; letter-spacing:0;} .ts-tetra.testimonials-slider-w.flexslider .flex-direction-nav a { border-width: 2px; border-radius:0; padding: 13px; width: 50px; height: 50px;} .ts-tetra.testimonials-slider-w.flexslider .flex-direction-nav a i { font-size: 15px;} .ts-tetra.testimonials-slider-w.flexslider .flex-control-nav { display:inline-block; position: static;} .ts-tetra.testimonials-slider-w.flexslider .flex-control-paging li { margin:0 2px; line-height:10px;} .ts-tetra.testimonials-slider-w.flexslider .flex-control-paging li a { display:inline-block; width:25px; height:4px; background: #e3e3e3; border:none; border-radius:0;} .ts-tetra.testimonials-slider-w.flexslider .flex-control-paging li a.flex-active {background: #59D7EE;} @media only screen and (min-width: 961px) { .ts-tetra.testimonials-slider-w .testimonial-content { margin-left: 100px; margin-right: 100px; padding:8px 15px;} } @media only screen and (max-width: 960px) { .ts-tetra.testimonials-slider-w.flexslider .flex-direction-nav a { padding: 7px; width: 36px; height: 36px; bottom:-40px;} } /* Testimonial Slider Penta */ .testimonials-slider-w.ts-penta .testimonial-content h4 q:after { content: '';} .testimonials-slider-w.ts-penta .testimonial-content h4 { padding-bottom: 0;} .testimonials-slider-w.ts-penta .testimonial-arrow { display: inherit;} .testimonials-slider-w.ts-penta .testimonial-arrow:after, .testimonials-slider-w.ts-penta .testimonial-arrow:before { right: 58px; left: auto;} .testimonials-slider-w.ts-penta .testimonial-content { background:#fff; margin-left:auto; margin-right:1px; border: 1px solid #dcdcdc; -webkit-box-shadow: 0 -4px 0 0 #eee; box-shadow: 0 -4px 0 0 #eee; text-align: left; padding: 14px 15px 30px 25px;} .testimonials-slider-w.ts-penta .testimonial-content h4 q, .testimonials-slider-w.ts-penta .testimonial-content h4 q p {font-size: 17px; font-weight:300; margin: 0;} .testimonials-slider-w.ts-penta .testimonial-content h4 q:before { font-family: sans-serif, Arial, Helvetica; font-size: 80px; margin: 0 10px; left: 0px; top: 0; color: #37a7c1;} .testimonials-slider-w.ts-penta .testimonial-arrow { width:117px; left:0;} .testimonials-slider-w.ts-penta .testimonial-arrow:after, .testimonials-slider-w.ts-penta .testimonial-arrow:before {border-top: 17px solid; border-left: 19px solid transparent; border-right: 0;} .testimonials-slider-w.ts-penta .testimonial:hover .testimonial-arrow:after {border-color: #fff transparent transparent transparent;} .testimonials-slider-w.ts-penta .testimonial-arrow:after {top: 0;} .testimonials-slider-w.ts-penta .testimonial-arrow:before {top: 0; right: 57px; border-color: #dcdcdc transparent transparent transparent; border-top-width: 19px; border-left-width: 22px;}? .testimonials-slider-w.ts-penta .testimonial-brand img { float:left;} .testimonials-slider-w.ts-penta .testimonial-brand h5 {margin:20px 8px 0; line-height:1.4;font-size: 14px;margin-left: 74px;clear: none;} .testimonials-slider-w.ts-penta .testimonial-brand h5 strong {font-size: 15px; color: #2f2f2f;font-weight: 500;} .testimonials-slider-w.ts-penta .testimonial-brand h5 em { font-size:13px; color:#919191;} .testimonials-slider-w.ts-penta .social-testimonial { display: inline-block; margin-left: 10px;} .testimonials-slider-w.ts-penta .social-testimonial ul { margin: 0;} .testimonials-slider-w.flexslider.ts-penta .social-testimonial ul li { display: inline; float: left; padding: 3px; padding-top: 0; border: none;} .testimonials-slider-w.ts-penta .social-testimonial ul li a { font-size: 14px;} .testimonials-slider-w.ts-penta .social-testimonial ul li a i { padding: 5px 6px; font-size: 14px; background: #b8b8b8; color: #fff; border-radius: 3px;} .testimonials-slider-w.ts-penta .social-testimonial ul li a i.fa-facebook { padding:5px 7px;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-facebook { background-color: #3b5996;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-twitter { background-color: #00acee;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-vimeo { background-color: #0dadd6;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-dribbble { background-color: #d53e68;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-youtube { background-color: #cb322c;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-pinterest { background-color: #cb2027;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-linkedin { background-color: #0073b2;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-rss { background-color: #f29a1d;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-google-plus { background-color: #c3391c;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-instagram { background-color: #457399;} .testimonials-slider-w.flexslider.ts-penta .flex-direction-nav {display:none;} .testimonials-slider-w.flexslider.ts-penta .flex-control-paging li a { width:12px; height:12px; border:2px solid #d1d1d1;} .testimonials-slider-w.flexslider.ts-penta .flex-control-paging li a.flex-active { background:#d1d1d1;} .testimonials-slider-w.flexslider.ts-penta .testimonial-brand { text-align:left; padding-top: 15px; margin-top: 0;} #wrap .testimonials-slider-w.flexslider.ts-penta .testimonial-brand img { left:auto;width: 60px;transform:none; border-radius:50%; border:none; margin-top:10px; float: left;margin-right: 0px; display: inline;} .testimonials-slider-w.flexslider.ts-penta .flex-control-nav { display: inherit; right: 0; left: auto; bottom: 20px;} .testimonials-slider-w.flexslider.ts-penta .flex-control-nav li { display: inherit; margin: 0; margin-bottom: 7px; left: auto; right: 0;} /* # Latest From Blog (Post formats) ================================================== */ .post-format-icon { background: #fff; border: 2px solid #ebebeb; font-weight: 400; border-radius: 5px; padding: 11px 13px; margin-bottom: 10px; font-size: 20px; font-family: 'FontAwesome'; color: #de2f68; margin-right: 15px; float: left;} .post-format-icon:before { content: "\f040";} .post-format-icon.image:before { content: "\f030";} .post-format-icon.link:before { content: "\f0c1";} .post-format-icon.video:before { content: "\f16a";} .post-format-icon.aside:before { content: "\f15b";} .post-format-icon.gallery:before {content: "\f03e";} .post-format-icon.audio:before { content: "\f001";} .post-format-icon.quote:before { content: "\f10d";} /* # Latest From Blog (ExtentBase) ================================================== */ .latest-b2 { margin:30px 0;} .latest-b2 a:hover { text-decoration:underline;} .latest-b2-img { float:left; width:140px; margin-right:15px; min-height:140px;} .latest-b2-cont { min-height:140px; padding-right:10px;} h3.latest-b2-title { font-size:17px; margin-bottom:9px; font-weight:700; margin-top:12px; text-transform:uppercase; line-height:1;} h3.latest-b2-title a { color:#2a2a2a;} h6.latest-b2-cat, h5.latest-b2-date {font-size:12px; margin-bottom:10px; font-weight:400; margin-top:2px; letter-spacing:1px; line-height:1; text-transform:uppercase;} h6.latest-b2-cat a { color:#616161;} h5.latest-b2-date { color:#999; font-size:13px; font-weight:300; font-style:normal;} @media only screen and (min-width: 961px) { .vc_col-md-8 .col-md-6.col-lg-4, .vc_col-md-6 .col-md-6.col-lg-4, .vc_col-md-10 .col-md-6.col-lg-4, .vc_col-sm-8 .col-md-6.col-lg-4, .vc_col-sm-6 .col-md-6.col-lg-4, .vc_col-sm-10 .col-md-6.col-lg-4, .vertical-header-enabled .col-md-6.col-lg-4 { width:50%; padding-left:0;} } @media only screen and (max-width: 479px) { .latest-b2-img { width:100%; float:none; margin-bottom:7px;} .latest-b2-cont { min-height:78px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { h3.latest-b2-title { font-size:16px; letter-spacing:2px;} } /* # Latest from blog - Type=One ================================================== */ .container.latestposts-one { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1200px) { .container.latestposts-one { margin:0 -15px;} } .latestposts-one .latest-b {margin-bottom:5px; position:relative; border:1px solid #ddd;} .latestposts-one .latest-content {background: #fff; padding: 20px 40px 10px;} .latestposts-one .latest-b-cat { position: absolute; top: 0; background: #474747; padding: 5px 15px; color:#fff } .latestposts-one .latest-b-cat:hover { background-color:#de2f68;} .latestposts-one .latest-b-cat a { font-style:normal; font-size:11px; color:#fff; text-transform:uppercase; letter-spacing:2px;} .latestposts-one .latest-b-cat a:hover { text-decoration:underline;} .latestposts-one .latest-date {padding-bottom: 5px;margin-bottom: 0;color: #737478;} .latestposts-ros .latest-content p.latest-icons {position: absolute; top: 0px; right: 11px; background: #333; color: #fff; padding: 4px 8px; visibility:hidden; opacity:0; transition:opacity 0.2s linear;} .latestposts-one .latest-b:hover .latest-content p.latest-icons { visibility:visible; opacity:1;} .latestposts-one .latest-content p.latest-icons span{padding: 5px;} .latestposts-one .latest-content p.latest-icons span i{padding-right: 4px; font-size:12px;} .latestposts-one .latest-title {font-size: 19px; font-weight: 500; line-height: 1.3; letter-spacing:3px; text-transform:uppercase;} .latestposts-one .latest-title a {color: #101010;} .latestposts-one .latest-title a:hover {color: #de2f68;} .latestposts-one .latest-img img{width:100%; height:auto !important;} .latestposts-one .latest-author, .latestposts-one .latest-author a { font-size:12px; margin: 12px 0; letter-spacing:0; text-transform:none; color: #9a9a9a; font-style:italic;} .latestposts-one .latest-author a:hover { color:#de2f68;} .latestposts-one .latest-excerpt { font-size:14px; line-height:1.84;} @media only screen and (max-width: 479px) { .latestposts-one .latest-b { margin-bottom:30px;} } /* # Latest from blog - Type=Two ================================================== */ .container.latestposts-two { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1200px) { .container.latestposts-two { margin:0 -15px;} } .latestposts-two .blog-post img, .blog-post iframe, .blog-single-post img, .blog-single-post iframe { border-bottom: none;} .latestposts-two .entry-meta, .entry-content { float: left; margin-bottom: 8px;} .latestposts-two .blog-post { border:none; margin-bottom:10px;} .latestposts-two .blog-date-sec { border-right: none; padding-right: 0;} .latestposts-two .blog-post .blog-date-sec img { width: 50px; height: 50px; border-radius: 50%; margin-top:3px;} .latestposts-two .blog-date-sec { border-right: none; padding-right: 15px; float: left; min-width:80px;} .latestposts-two .blog-post p.blog-author { padding-top: 5px; margin-bottom: 15px; font-size: 11px; font-weight: 400; color: #a1a1a1; letter-spacing:2px; text-transform:uppercase;} .latestposts-two .blog-post p.blog-author a { color:#a1a1a1;} .latestposts-two .blog-post .tline-date.lfb2 { color:#a1a1a1;} .latestposts-two .blog-post p.blog-author a:hover { color:#de2f68;} .latestposts-two .blog-post p strong { font-weight:bold;} .latestposts-two .blog-post h4 { font-size: 24px; font-weight: 600; margin-top:20px; margin-bottom: 15px; letter-spacing:3px; text-transform:uppercase;} .latestposts-two .blog-line p.blog-cat a { color: #de2f68;} .latestposts-two .blog-post .entry-content p.blog-detail {color: #444; font-weight:300;font-size: 14px;line-height: 1.84;padding-right: 5%;} .latestposts-two .blog-line p.blog-cat a { font-weight: 400; font-size:11px; letter-spacing:1px;} .latestposts-two .blog-line h4 { font-weight: 600; letter-spacing:2px; font-size:15px; line-height:1.3; text-transform:uppercase;} .latestposts-two .blog-line p { font-size: 10px; font-family: 'Montserrat', sans-serif; color:#a1a1a1;} .latestposts-two h6.blog-date { color:#717171;} .latestposts-two h6.blog-date i { margin-right:4px; color:#7a7a7a; margin-left:6px;} .latestposts-two .blog-line:hover h4 a { color: #de2f68;} .latestposts-two .blog-line:hover .img-hover:before { -webkit-box-shadow: inset 0 0 0 5px ; -moz-box-shadow: inset 0 0 0 5px ; box-shadow: inset 0 0 0 5px ; color:#de2f68;} .latestposts-two .blog-post img { margin:0; padding:0;border: 6px solid #eee;} .latestposts-two .blog-post .pad-r20 a { position:relative;} .latestposts-two .col-md-5 .blog-line:last-child { border-bottom:none;} @media only screen and (max-width: 479px) { .latestposts-two .blog-line img { width:60px; height:auto;} } /* # Latest from blog - Type=Three ================================================== */ .container.latestposts-three { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1200px) { .container.latestposts-three { margin:0 -15px;} } .latestposts-three .latest-b2 { margin:0 0 15px; border: 3px solid #ddd; background:#fff; text-align:center;} .latestposts-three .latest-b2-img { float:none; width:auto; margin:0; min-height:1px;} .latestposts-three .latest-b2-cont { min-height:1px; padding:20px;} .latestposts-three .latest-b2-metad2 { background-color: #f7f7f7; margin:-20px; margin-top:0; padding:20px; color: #666; letter-spacing:0; font-weight:400; font-size:11px; max-width:none;} .latestposts-three .latest-b2-metad2 i { margin-right:3px;} .latestposts-three .latest-b2-cont a.readmore { display:none;} .latestposts-three .latest-b2-cont p { color:#4a4a4a;} .latestposts-three h3.latest-b2-title { font-size:19px; margin:15px 0 12px; text-transform:uppercase; letter-spacing:1px; font-weight:700; line-height:1.3;} .latestposts-three h3.latest-b2-title a { color:#0a0a0a; text-decoration:none;} .latestposts-three h3.latest-b2-title a:hover { color: #de2f68;} .latestposts-three h6.latest-b2-cat, h5.latest-b2-date { font-size: 11px; font-weight: 400; text-transform:uppercase; letter-spacing:2px;} .latestposts-three .latest-b2-metad2 span { padding:0 4px;} .latestposts-three .latest-b2-metad2 span a { color: #666;} .latestposts-three h6.latest-b2-cat a, .latestposts-three .latest-b2-metad2 span a:hover{ color: #de2f68;} @media only screen and (max-width: 479px) { .latestposts-three .latest-b2-metad2 { font-size:11px;} } /* # Latest from blog - Type=Four ================================================== */ .container.latestposts-four { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1281px) { .container.latestposts-four { margin:0 -15px;} } .latestposts-four .latest-b2 { margin:10px 0 0;} @media only screen and (min-width: 961px) { .latestposts-four .col-md-6 { padding-left:35px;} .latestposts-four .col-md-6:first-of-type { border-right:1px solid #e7e7e7; padding-left:0; padding-right:45px;} } .latestposts-four .col-md-9 { padding:0;} .latestposts-four .latest-b2-img { float:none; width:100%; margin:0; min-height:auto;} .latestposts-four .latest-b2-cont { min-height:20px; position:relative;} .latestposts-four .latest-b2 .au-avatar img { width:75px; height:75px; border:3px solid #eee; margin-bottom:12px;} .latestposts-four .latest-b2 h6.blog-date { margin-bottom:12px;} .latestposts-four .latest-b2 h6.blog-author { margin-bottom:45px; letter-spacing:0; line-height:1.5; font-size:14px; font-weight:400; color:#222;} .latestposts-four .latest-b2 h6.blog-author a { color:#777;} .latestposts-four .latest-b2 h6.blog-author strong { color:#a1a1a1; font-size: 13px; font-weight: 400;} .latestposts-four .latest-b2 h6.latest-b2-cat { display:inline-block; padding:12px 16px 10px; background:#de2f68; color:#fff;} .latestposts-four .latest-b2 h6.latest-b2-cat a { color:#fff;} .latestposts-four .latest-b2-img { padding-left:15px;} .latestposts-four .latest-b2-img img { margin-bottom:14px; border-top: 5px solid #e1e1e1;} .latestposts-four h3.latest-b2-title { font-size: 19px; padding: 5px 15px; line-height: 1.25; margin-top: -37px; text-transform:uppercase; font-weight: 500; letter-spacing: 2px; background: #fff; margin-left: 40px; margin-right: 20px; border-top: 5px solid #e1e1e1;} .latestposts-four h3.latest-b2-title a { color:#292929;} .latestposts-four h3.latest-b2-title a:hover { color:#de2f68; text-decoration:none;} .latestposts-four h6.latest-b2-cat, .latestposts-four h5.latest-b2-date { font-size:10px;} .latestposts-four .latest-b2 .vertical-space { height:2px;} @media only screen and (max-width: 960px) { .latestposts-four .latest-b2 .au-avatar { float:left; margin-right:20px;} .latestposts-four .latest-b2 h6.blog-author { margin-bottom:5px; font-size:15px; font-weight:600;} .latestposts-four .latest-b2 h6.latest-b2-cat { display:inline-block; padding:6px 12px 5px;} .latestposts-four .latest-b2-img { padding-left:0; clear:both;} .latestposts-four .latest-b2-img img { width:100%;} .latestposts-four .col-md-6:first-of-type { border-bottom:1px solid #e7e7e7;} } @media only screen and (max-width: 767px) { .latestposts-four h3.latest-b2-title { margin-left:16px; margin-right:16px; padding-left:10px; padding-right:10px;} } @media only screen and (max-width: 479px) { .latestposts-four .latest-b2 { margin-bottom:30px;} } /* # Latest from blog - Type=Five ================================================== */ .container.latestposts-five { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1281px) { .container.latestposts-five { margin:0 -15px;} } .latestposts-five .latest-b2 { margin:30px 0;} .latestposts-five h3.latest-b2-title {font-size: 15px;text-transform: none;letter-spacing: 0; line-height:1.2;font-weight: 600;} .latestposts-five h6.latest-b2-cat { font-size:11px; text-transform:uppercase; letter-spacing:1px; font-weight:500;} .latestposts-five h6.latest-b2-cat a { color:#de2f68;} .latestposts-five h6.latest-b2-cat a:hover { text-decoration:underline;} .latestposts-five h5.latest-b2-date { font-size:11px; text-transform:uppercase; letter-spacing:1px;} .latestposts-five h5.latest-b2-date a { color:#a1a1a1;} @media only screen and (max-width: 479px) { .latestposts-five h6.latest-b2-cat { margin-top:10px;} .latestposts-five .latest-b2-img img { padding:8px; background:#fff; border:1px solid #e5e5e5;} } /* # Latest from blog - Type=Six ================================================== */ .container.latestposts-six { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1281px) { .container.latestposts-six { margin:0 -15px;} } .latestposts-six .latest-b {margin-bottom:15px;border: 3px solid #e3e3e3;} .latestposts-six .latest-img { width:auto;} .latestposts-six .latest-content {background: #fff; padding: 0; padding-bottom: 0; text-align:center;} .latestposts-six .latest-content p.latest-date { margin-bottom: 5px;font-size: 12px; color:#de2f68;padding: 15px 15px 0;letter-spacing: 0.5px;} .latestposts-six .latest-title {font-size: 15px;font-weight: 700;line-height: 1.3;letter-spacing: 0; text-transform:uppercase;padding: 0 15px;margin-bottom: 20px;} .latestposts-six .latest-title a {color: #111;} .latestposts-six .latest-title a:hover {color: #de2f68;} .latestposts-six .latest-img img{width:100%; height:auto !important;} .latestposts-six .latest-author {margin-bottom: 0; width: auto; background-color:#f7f7f7; padding: 12px 15px; font-size:10px; color: #444; letter-spacing:1px; text-transform:uppercase;font-weight: 500;} .latestposts-six .latest-author a {color: #222;} .latestposts-six .latest-author a:hover {color: #de2f68; text-decoration:underline;} /* # Latest from blog - Type=Seven ================================================== */ .container.latestposts-seven { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1281px) { .container.latestposts-seven { margin:0 -15px;} } .latestposts-seven .latest-b { margin:30px 0;} .latestposts-seven .wrap-date-icons { float: left; text-align: center; border-right: 1px solid #e9e9e9; padding-right: 12px; margin-top: 18px; margin-bottom: 31px;} .latestposts-seven .wrap-date-icons h3.latest-date { padding: 0 10px; margin-bottom: 0; padding-bottom: 15px; color: #de2f68; font-weight: 600;} .latestposts-seven .wrap-date-icons h3.latest-date span.latest-date-month { display: block; letter-spacing: -1.5px; text-transform: uppercase; font-size: 18px; line-height: 1;} .latestposts-seven .wrap-date-icons h3.latest-date span.latest-date-day { display: block; font-size: 32px; line-height: 30px;} .latestposts-seven .wrap-date-icons h3.latest-date span.latest-date-year { font-weight: 300; font-size: 14px; display: block; line-height: 1;} .latestposts-seven .wrap-date-icons .latest-icons { border-top: 1px solid #e9e9e9; padding-top: 12px;} .latestposts-seven .wrap-date-icons .latest-icons p { margin-bottom: 0; color: #cccccc; line-height: 1;} .latestposts-seven .wrap-date-icons .latest-icons p span i { font-size: 20px;} .latestposts-seven .latest-content { margin-top: 22px; margin-left: 85px;} .latestposts-seven .latest-content .latest-title { font-size:21px; font-weight: 700; line-height: 28px; padding-bottom: 10px; letter-spacing: -1px; text-transform:none;} .latestposts-seven .latest-content .latest-title a {color: #393939;} .latestposts-seven .latest-content .latest-title a:hover {color: #de2f68;} .latestposts-seven .latest-content .latest-author { font-size:10px; font-weight:600; letter-spacing: 1px; text-transform:uppercase;} .latestposts-seven .latest-content .latest-author a { color: #de2f68;} .latestposts-seven .latest-content .latest-author a:hover { color: #de2f68;} .latestposts-seven .latest-img img { padding:8px; margin-bottom:8px; background:#fff; border:1px solid #e9e9e9; transition:all .39s ease;} .latestposts-seven .latest-img:hover img { background-color:#de2f68;} @media (max-width: 767px){ .latestposts-seven .latest-content .latest-title { font-size:18px; line-height:1.5;} } /* # Latest from blog - Type=Eight ================================================== */ .container.latestposts-eight { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1281px) { .container.latestposts-eight { margin:0 -15px;} } .latestposts-eight .image:before { content: "\f030";} .latestposts-eight .link:before { content: "\f0c1";} .latestposts-eight .video:before { content: "\f16a";} .latestposts-eight .latest-b8-img { margin-bottom:15px;border-radius: 5px;background: #fff;padding: 0px;overflow: hidden;} .latestposts-eight .latest-b8 h3 {font-size: 18px;font-weight: 700; text-transform: uppercase;margin-top: 33px; margin-bottom: 10px;} .latestposts-eight .latest-b8 h3 a { color: #000; line-height: 25px;} .latestposts-eight .latest-b8 h3 a:hover { text-decoration:underline;} .latestposts-eight .latest-b8-meta span ,.latest-b8-meta a { font-size: 11px;color: #999;} .latestposts-eight .latest-b8-meta i {color: #999;} .latestposts-eight .latest-b8 p {color: #888; margin-top:11px;} .latestposts-eight .latest-b8 .readmore { display:none;} .latestposts-eight .latest-b8-meta {border: 2px solid #eee;padding: 0 12px 10px;border-radius: 3px;} .latestposts-eight .latest-b8-meta div { display: inline-block; margin-top: 12px; padding-right:12px;} .latestposts-eight .latest-b8-meta i { margin-right: 5px;} @media (max-width: 767px){ .latestposts-eight .latest-b8-meta { margin-bottom:35px;} } /* # Latest from blog - Type=Nine ================================================== */ .container.latestposts-nine { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1281px) { .container.latestposts-nine { margin:0 -15px;} } .latestposts-nine .latest-b9 h3 { clear: left; font-size: 17px; font-weight: 600; text-transform: uppercase; clear: left; display: inline-block; margin-top: 20px; margin-bottom: 10px;} .latestposts-nine .latest-b9 h3 a { color: #000; line-height: 25px;} .latestposts-nine .latest-b9 h3 a:hover { text-decoration:underline;} .latestposts-nine .latest-b9 h3 .link { background: #fff; border: 2px solid #ebebeb; font-weight: 400; border-radius: 5px; padding: 11px 13px; font-size: 20px; font-family: 'FontAwesome'; color: #de2f68; margin-right: 15px; float: left;} .latestposts-nine .latest-b9-img { margin-bottom:7px;border-radius: 5px;background: #fff;padding: 0px;overflow: hidden;} .latestposts-nine .latest-b9-meta span ,.latestposts-nine .latest-b9-meta a { font-size: 12px; color: #a1a5ad;} .latestposts-nine .latest-b9-meta .date:after ,.latestposts-nine .latest-b9-meta .categories:after { content: "."; color: #55C3E9; font-size: 23px; font-weight: 600; padding-left: 8px; padding-right: 5px; vertical-align: text-bottom;} .latestposts-nine .latest-b9-meta a:hover { text-decoration:underline;} .latestposts-nine .latest-b9 p { font-size: 14px; color: #616161;} .latestposts-nine .latest-b9 .readmore { font-size: 11px; padding: 13px 23px; letter-spacing: 0; left: 0; text-transform: capitalize;} .latestposts-nine .latest-b9 .readmore:after { content: "\f101"; font-size: 15px; top: 2px; right: 20px; opacity: 0; color: #fff; transition: .3s;} .latestposts-nine .latest-b9:hover a.readmore { background: #7dc771; color: #fff;} .latestposts-nine .latest-b9:hover a.readmore:after { opacity: 1;} @media (max-width: 767px){ .latestposts-nine .latest-b9 { margin-bottom:35px;} .latestposts-nine .latest-b9 h3 { margin-bottom:5px; margin-top:12px;} } /* # Latest from blog - Type=ten ================================================== */ .container.latestposts-ten { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1281px) { .container.latestposts-ten { margin:0 -15px;} } .latestposts-ten .latest-b10 {margin-bottom: 40px; overflow: hidden;} .latestposts-ten .latest-b10 .latest-b10-img {float: left; width: 186px; margin-right: 28px;} .latestposts-ten .latest-b10 .latest-b10-content { overflow: hidden;text-align: left;} .latestposts-ten .latest-b10 .latest-b10-img a { display: block;} .latestposts-ten .latest-b10 .latest-b10-img img {border-radius: 3px;width: 100%;} .latestposts-ten .latest-b10 .latest-b10-content h3 { font-size: 20px; overflow: hidden;padding-bottom: 4px;font-weight: 700;} .latestposts-ten .latest-b10 .latest-b10-content h3 a {color: #1a1a1a;} .latestposts-ten .latest-b10 .latest-b10-content h3 a:hover { text-decoration:underline;} .latestposts-ten .latest-b10 .latest-b10-content p { overflow: hidden;font-size: 13px;margin-bottom: 10px; font-weight: 400;} .latestposts-ten .latest-b10 .latest-b10-meta .date { display: block; font-size:12px; color:#a9a9a9; margin-bottom:7px; font-weight: 300;} .latestposts-ten .latest-b10 .latest-b10-content a.readmore:after { display: none;} .latestposts-ten .latest-b10 .latest-b10-content a.readmore {padding: 0; text-align: left;color: #de2f68;letter-spacing: 0;font-weight: 400; left: 0; transform: translate(0, 0); -webkit-transform: translate(0, 0);border: none;background: none;text-transform: none;font-size: 13px;} .latestposts-ten .latest-b10 .latest-b10-content a.readmore:hover {color:#101010 !important;} .latestposts-ten .latest-b10 .latest-b10-content a.readmore:after { display:inline; font-family:simple-line-icons; content: "\e606"; font-size:12px; padding-left:3px; margin-top:-5px;} @media (max-width: 767px){ .latestposts-ten .latest-b10 .latest-b10-img { float: none; display: block; width: 100%;} .latestposts-ten .latest-b10 .latest-b10-img .latest-b10-meta { margin-left: 0; margin-bottom: 10px;} .latestposts-ten .latest-b10 .latest-b10-img .latest-b10-meta .date { display: inline-block;} .latestposts-ten .latest-b10 .latest-b10-img img { width: 100%;} .latestposts-ten .latest-b10 .latest-b10-content { display: block;} .latestposts-ten .latest-b10 .latest-b10-meta .date { margin-top:15px;} } @media only screen and (min-width: 768px) and (max-width: 1200px) { .latestposts-ten .latest-b10 .latest-b10-content h3 { font-size:15px; font-weight:600;} .latestposts-ten .latest-b10 .latest-b10-content p, .latestposts-ten .latest-b10 .latest-b10-img .latest-b10-meta .date, .latestposts-ten .latest-b10 .latest-b10-content a.readmore { font-size:12px;} } /* # Latest from blog - Type=Eleven ================================================== */ .container.latestposts-eleven { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1281px) { .container.latestposts-eleven { margin:0 -15px;} } .latestposts-eleven .latest-b11 .latest-b11-img, .latestposts-eleven .latest-b11 .latest-b11-content { float: left;} .latestposts-eleven .latest-b11 .latest-b11-content { width: 56%; margin-right: 4%;} .latestposts-eleven .latest-b11 .latest-b11-img { width: 40%;} .latestposts-eleven .latest-b11 { background: #fff; padding: 17px 13px 13px 18px; display: inline-block; border: 1px solid #e6e6e6; border-top: 3px solid #de2f68; transition: .3s; margin-bottom: 35px; margin-top: 35px;} .latestposts-eleven .latest-b11:hover {box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.28);} .latestposts-eleven .latest-b11 img {width: 125px; height:auto;} .latestposts-eleven .latest-b11 h6, .latestposts-eleven .latest-b11 h6 a{ font-size: 12px; font-weight:500; color: #afb3b9; margin-bottom: 10px;} .latestposts-eleven .latest-b11 h6 a:hover { color:#000; text-decoration:underline;} .latestposts-eleven .latest-b11 h3 { font-size: 14px; line-height: 1.5; font-weight: 600; margin-bottom: 4px; float: left; width: 100%;} .latestposts-eleven .latest-b11 h3 a { color: #000;} .latestposts-eleven .latest-b11 .latest-b11-meta { font-size: 11px; color: #afb3b9;} .latestposts-eleven .latest-b11 .latest-b11-meta .date:after { content: '.'; font-size: 23px; color: #de2f68; font-weight: 700; vertical-align: text-bottom; margin-left: 10px; margin-right: 6px;} /* # Latest from blog - Type=Twelve ================================================== */ .latestposts-twelve .latest-b12 { border-radius: 8px; margin-bottom: 60px; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.04);} .latestposts-twelve .latest-b12 .latest-b12-cont { min-height: 337px; padding: 21px 30px 32px 22px; background: #fff;} .latestposts-twelve .latest-b12 .latest-b12-cont { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;} .latestposts-twelve .latest-b12 .latest-b12-cont * { text-align: left;} .latestposts-twelve .latest-b12 img { width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px;} .latestposts-twelve .latest-b12 .latest-b12-cont .latest-b12-cat { margin-bottom: 18px;} .latestposts-twelve .latest-b12 .latest-b12-cont .latest-b12-cat a {font-size: 11px; color: #de2f68; font-weight: 600; text-transform: uppercase;} .latestposts-twelve .latest-b12 .latest-b12-cont .latest-b12-title { transition: all .3s ease; position: relative; font-size: 18px; line-height: 27px; font-weight: 600; text-transform: uppercase; margin-bottom: 45px;} .latestposts-twelve .latest-b12 .latest-b12-cont .latest-b12-title a { color: #000; transition: all .3s ease;} .latestposts-twelve .latest-b12 .latest-b12-cont .latest-b12-author:hover a, .latestposts-twelve .latest-b12 .latest-b12-cont .latest-b12-title:hover a { color: #de2f68;} .latestposts-twelve .latest-b12 .latest-b12-cont .latest-b12-title:after { content: ""; position: absolute; width: 25px; height: 2px; background: #de2f68; bottom: -23px; left: 0px;} .latestposts-twelve .latest-b12 .latest-b12-cont p { color: #777; line-height: 1.92; margin-bottom: 61px;} .latestposts-twelve .latest-b12 .latest-b12-cont .latest-b12-author, .latestposts-twelve .latest-b12 .latest-b12-cont .latest-b12-date { color: #73736b; font-size: 12px; text-transform: uppercase; font-weight: 500;} .latestposts-twelve .latest-b12 .latest-b12-cont .latest-b12-author a { transition: all .3s ease; color: #525249; font-weight: 400;} .latestposts-twelve .latest-b12 .latest-b12-cont .latest-b12-author span { padding-right: 4px;} .latestposts-twelve .latest-b12 .latest-b12-cont .latest-b12-date { float: right;} @media ( max-width: 768px ){ .latestposts-twelve .latest-b12 img { width: 100%;} } /* Latest From blog Carousel */ .latestposts-twelve.latest-b-carousel .owl-item { padding: 15px;} /* Arrow */ .latest-b-carousel .owl-controls .owl-buttons .owl-prev, .latest-b-carousel .owl-controls .owl-buttons .owl-next { font-family: 'simple-line-icons'; } @media (min-width: 768px){ .latest-b-carousel .owl-controls .owl-buttons .owl-prev, .latest-b-carousel .owl-controls .owl-buttons .owl-next {position: absolute;font-size: 18px;width: 26px;height: 80px;line-height: 80px;display: inline-block;padding: 0;text-align: center;border-radius: 3px;color: #fff;background: rgba(0,0,0,.36);cursor: pointer;transition: all .18s ease;} .latest-b-carousel .owl-controls .owl-buttons .owl-prev {left: -50px;bottom: 50%;} .latest-b-carousel .owl-controls .owl-buttons .owl-next {right: -50px;bottom: 50%; padding-left: 2px;} } .latest-b-carousel .owl-controls .owl-buttons .owl-prev:before { content: "\e605";} .latest-b-carousel .owl-controls .owl-buttons .owl-next:before { content: "\e606";} /* # Latest from blog - Type=Tirteen ================================================== */ .latestposts-thirteen .col-md-3 {padding: 0 0 0 6px; } .latest-b13 {margin-bottom: 40px; box-shadow: 0 1px 7px rgba(0,0,0,0.03);} .latest-b13-img {position: relative; } .latest-b13-img img {width: 100%; } .latest-b13-cat {position: absolute; bottom: -18px; background: rgba(0, 0, 0, 0.85); left: 25px; padding: 6px 20px; } .latest-b13-cat a {color: #fff; font-size: 12px; font-weight: 400; letter-spacing: 0.7px; text-transform: uppercase; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .aligncenter .latest-b13-cat { left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);} .latest-b13-title a {color: #31312c; font-size: 20px; font-weight: 600; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .latest-b13-title a:hover,.latest-b13-author a:hover,.latest-b13-cat:hover a {color: #de2f68; } .latest-b13-title a:after {content: ''; width: 25px; height: 2px; background: #de2f68; display: block; margin: 29px 0 25px; } .aligncenter .latest-b13-title a:after { margin-left: auto; margin-right: auto;} .latest-b13-cont {background: #fff; padding: 42px 25px 29px; } .latest-b13-cont p {font-size: 13px; color: #525249; margin-bottom: 50px;} .latest-b13-date {float: right; font-size: 11px; color: #a9a9a9; text-transform: uppercase; font-weight: 500; } .latest-b13-author {font-size: 11px; font-weight: 500; color: #a9a9a9;} .latest-b13-author a {text-transform: uppercase; color: #a9a9a9; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .latest-b13-metad2 { text-align: left; } /* carousle */ .latestposts-thirteen.latest-b-carousel .owl-item { padding: 0 2px;} /* # PostBox ================================================== */ .a-post-box { position:relative; overflow:hidden;} .a-post-box .latest-txt { position:absolute; bottom:10%; padding:20px; width:88%; left:0; right:0; margin:auto; transition:all .5s ease-in-out; text-align:center;} .a-post-box .latest-title { font-size:19px; margin-bottom:16px; font-weight:700; letter-spacing:2px; line-height:1.35; text-transform:uppercase;} .a-post-box .latest-title a { color: #fff;} .a-post-box .latest-title a:hover { color:#de2f68;} .a-post-box .latest-cat { display:inline-block; background:#de2f68; color:#fff; padding:0; border:none; text-align: center;letter-spacing:0.3px; transition:all .21s ease-in-out;} .a-post-box .latest-cat:hover { background:#111 !important;} .a-post-box .latest-cat a { padding:2px 8px 4px; color:#fff; font-size: 10px;text-transform: uppercase;font-weight: 400;letter-spacing: 1px;} .a-post-box .latest-date { font-size:13px; color:#eee; margin:20px 0 0 11px;} .a-post-box .latest-content { color:#fff; margin-top:30px;} .a-post-box .latest-img img { width:100%;} .a-post-box .latest-overlay { height:100%; background-color:rgba(0, 0, 0, 0.37); position:absolute; width:100%; bottom:0;border: 1px solid #e5e5e5;} .container.a-post-box { margin:0 -10px;} .nopad-left .a-post-box .latest-overlay, .nopad-right .a-post-box .latest-overlay { border:none;} .vc_col-sm-4 .a-post-box .latest-author, .vc_col-sm-4 .a-post-box .latest-views, .vc_col-sm-4 .a-post-box .latest-comments { display:none;} .vc_col-sm-4 .a-post-box .latest-title, .wpb_column .wpb_column .a-post-box .latest-title { font-size: 16px;} .vc_col-sm-6 .a-post-box .latest-title { font-size:17px;} .vc_col-sm-3 .a-post-box .latest-title { font-size:13px; letter-spacing:0;} .vc_col-sm-3 .a-post-box .latest-txt { padding:20px;} .vc_col-sm-3 .a-post-box .a-post-box .latest-meta { margin-left:10px;} @media only screen and (max-width:960px) { .a-post-box .latest-date { display:block; margin-top:2px;} } @media only screen and (max-width:479px) { .a-post-box .latest-txt { padding:10px;} .a-post-box .latest-title { font-size:16px;} } @media only screen and (min-width:961px) and (max-width:1280px) { .nopad-left, .nopad-right { padding:0;} .nopad-left .wpb_row, .nopad-right .wpb_row { margin:0;} .a-post-box .latest-txt { width:96%;} .a-post-box .latest-title { letter-spacing:0;} } @media only screen and (min-width:768px) and (max-width:960px) { .a-post-box .latest-txt { width:90%;} .vc_col-sm-4 .a-post-box .latest-title { font-size:19px;} .vc_col-sm-3 .a-post-box .latest-title { font-size:17px;} } /* # Category Box ================================================== */ .latest-cat-box { padding: 0; border: 0; margin-bottom:25px;} .latest-cat-box .blog-post { margin-bottom:20px; padding:0; background:none; border:none;} .latest-cat-box .lc-main { margin-bottom:4px;} .latest-cat-box .blog-post.lc-main h4 { font-size: 19px; letter-spacing: 3px; font-weight: 700; margin-bottom:12px; margin-top:8px; line-height: 1.3;text-transform: uppercase;} .latest-cat-box .blog-author, .latest-cat-box .blog-author * { font-size: 12px; letter-spacing:0; text-transform:none;} .latest-cat-box .blog-author strong { font-weight:800;} .latest-cat-box .lc-main .blog-detail { margin-bottom:33px;} .latest-cat-box .blog-post p.blog-author { font-size: 13px; color: #888; text-transform:none; letter-spacing:0; line-height: 1.5;} .latest-cat-box .blog-post p.blog-author a { text-transform:none; letter-spacing:0; font-size:13px; color:#888;} .latest-cat-box .blog-post p.blog-author span.date a {color:#fd6b48;} .latest-cat-box .blog-post p.blog-author a:hover { text-decoration:underline;} .latest-cat-box .lc-main a.readmore { display:none;} .latest-cat-box .lc-items { padding: 0; margin: 0; max-width:none; width:auto;} .latest-cat-box .lc-items h4 { font-size: 15px; font-weight: 700; letter-spacing: 2px;text-transform: uppercase;} .latest-cat-box .lc-items img { width: 110px; height: auto; float:left; box-shadow:none; border:1px solid #e5e5e5;} .latest-cat-box .img-hover { float:left; margin-left:0; margin-right:15px;} .latest-cat-box .img-hover:before { display:none;} .latest-cat-box .blog-post img { margin-bottom:17px; padding:0;} .latest-cat-box .lc-items article { overflow: hidden;} .latest-cat-box .lc-items article:last-child{ border-bottom: 0;} @media only screen and (max-width: 479px) { .latest-cat-box .lc-items img { width:90px;} } /* # New Tab ================================================== */ .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab { position: relative;} .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab > a { border-color: #EFEDED; background-color: #FFFFFF; border-radius: 50%; width: 100px; height: 100px; border-width: 3px; text-align: center; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; position: relative;} .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab:after { content: ''; position: absolute; top: 50%; margin-top: -1px; right: -40px; width: 40px; height: 3px; background-color: #EFEDED;} .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab:last-child:after { display: none;} .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab.vc_active > a { background-color: #de2f68; border-color: #14C6E7; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab .vc_tta-icon { line-height: 71px; color: #de2f68; font-size: 26px; text-align: center;} .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab.vc_active .vc_tta-icon { color: #fff !important;} .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-panel-body h4 { margin-left: 0;} /* # Events ================================================== */ /* single event */ #tribe-events-pg-template, #tribe-events-pg-template .tribe-events-loop { max-width: none;} #tribe-events-pg-template { padding: 0 10px;} @media only screen and (min-width: 1281px) { #tribe-events-pg-template { padding: 0 15px;} } /* tribe reset */ #tribe-events-pg-template .tribe-events-event-image, #tribe-events-pg-template .tribe-events-content {float: none; width: 100%; margin: 0; padding:0;} .tribe-events-list-separator-month { padding:0 0 20px 0;} .tribe-events-list-separator-month:after { border-bottom: 1px solid #e8e8e8; top: 0;} .tribe-events-list-separator-month span { color: #4ccfad; font-weight: 500; text-transform: uppercase; padding: 4px 10px 0 1px; background: none; font-size: 16px; float: left; border-top: 1px solid #4ccfad; font-family:'Dosis', Arial, sans-serif; letter-spacing: 6px;} .tribe-events-list .type-tribe_events h2 { margin-bottom: 9px; display: block;text-transform: uppercase; font-size:24px; font-weight: 600;} .tribe-events-list .type-tribe_events h2 a {color: #101010;} .tribe-events-list .type-tribe_events h2 a:hover {color: #4ccfad;} .tribe-events-list .tribe-events-event-meta { background-color: #e4e4e4; padding: 18px; margin: 0 -28px 0 0; text-align:center; height: 176px;} .tribe-events-list .tribe-events-venue-details { line-height: 1.5; letter-spacing:0; border: none; font-style:normal;} .tribe-events-list .time-details { text-transform: uppercase; font-size: 26px; letter-spacing: 1px; font-weight: 300;} .tribe-events-list .btn-wrapper {margin: 2px -28px 0 0;} .tribe-events-list .booking-button {letter-spacing: 2px; font-size:11px; font-weight:bold; text-transform:uppercase; transition: all 0.5s ease; background: #4ccfad; color: #fff; padding:15px 20px; display: block; text-align: center;} .tribe-events-list h2.tribe-events-page-title { margin-bottom: 15px; font-size: 38px; margin-top: 50px; text-transform: uppercase; letter-spacing: 1px;} .tribe-events-list .booking-button:hover {background-color: #333;} .tribe-events-list .tribe-events-event-meta a {display:none;} .tribe-events-list .tribe-events-read-more {color:#4ccfad;} #tribe-events .tribe-events-content p { font-size:14px;} .tribe-events-event-meta address.tribe-events-address { font-style:normal; letter-spacing:0; font-size:11px; color:#7a7a7a;} .tribe-events-event-meta span.event-d { text-align: center; font-size: 50px; padding-right: 8px; font-family:'Dosis', Arial, sans-serif;} .tribe-events-event-meta span.event-m { font-size: 14px; font-weight: 500; color: #4ccfad; letter-spacing: 2px; font-family:'Dosis', Arial, sans-serif;} .tribe-events-list .event-sharing {list-style: none; position: relative; padding: 10px 0; margin: 10px 0 0;} .tribe-events-list .event-sharing > li {display: table-cell; border:1px solid #efefef; color: #767676; text-align: center;} .tribe-events-list .event-sharing > li:hover {background: #4ccfad} .tribe-events-list .event-sharing > li a{color: #767676;} .tribe-events-list .event-sharing > li:hover a {color: #fff;} .tribe-events-list .event-sharing > li i {width: 36px; height: 36px; display: table-cell; vertical-align: middle;} .tribe-events-list .event-sharing .event-share:hover .event-sharing-icon {background: #4ccfad;border-width: 0 1px 0; cursor: pointer;} .tribe-events-list .event-sharing .event-share:hover .event-social {display:table-cell;} .tribe-events-list .event-sharing .event-map {border-width:1px 0 1px;} .tribe-events-list .event-sharing .event-social {display:none; position: absolute; top:7px; left: 8px;} .tribe-events-list .event-sharing .event-social li {display:table-cell;} .tribe-events-list .event-sharing .event-social li a {background: #4ccfad;color: #fff;width: 36px;height: 36px;vertical-align: middle;text-align: center; display: table-cell;} .tribe-events-list .event-sharing .event-social li a:hover {background:#1c7360;} @media only screen and (max-width: 960px) { .tribe-events-list .tribe-events-event-meta{margin:0;} .tribe-events-list .btn-wrapper {margin: 2px 0;} .tribe-events-list .type-tribe_events h2 {margin-top: 20px;} } #tribe-events-pg-template .tribe-events-cal-links { margin-bottom:0} #tribe-events-pg-template .tribe-events-button { background: #4ccfad;} .single-tribe_events #wrap { background:#f6f4f5;} .single-tribe_events #header { background:#fff;} .single-tribe_events #tribe-events-pg-template { padding:0; margin-top:35px;} .single-tribe_events .w-event-content, .single-tribe_events .w-event-meta { background-color: #fff; padding: 40px; margin-bottom: 40px;} .single-tribe_events .w-event-meta { margin-bottom: 12px;} .single-tribe_events .tribe-events-meta-group { margin-bottom:35px;} .single-tribe_events .w-event-meta h3 { text-transform: uppercase; font-size: 17px; font-weight: bold; padding-bottom: 5px; display: inline;} .single-tribe_events .w-event-meta h3:before { display:block; width:36px; height:36px; padding:10px; background:#de2f68; font-family: 'FontAwesome'; font-size: 16px; color: #fff; content: "\f133"; speak: none; font-style: normal; font-weight: normal; line-height: 1; margin-right:8px; float:left; text-align:center;} .single-tribe_events .w-event-meta h3.te-time:before { content:"\f017";} .single-tribe_events .w-event-meta .tribe-events-meta-group-venue h3:before { content: "\f041";} .single-tribe_events .w-event-meta .event-sharing h3:before { content: "\f1e0";} .single-tribe_events .w-event-meta dd, .single-tribe_events .w-event-meta .tribe-events-event-categories a { font-size:13px; color: #9a9a9a;} .single-tribe_events .w-event-meta .tribe-events-address { margin-left:44px;} .single-tribe_events .w-event-meta .tribe-events-meta-group-venue .author {margin-bottom:0;} .single-tribe_events .tribe-events-event-image {margin-bottom:0;} .single-tribe_events h2.tribe-events-single-event-title{margin-bottom: 20px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase;} .single-tribe_events .booking-button { transition: all 0.5s ease; background: #4ccfad; color: #fff; padding: 16px; display: block; text-align: center; font-size: 12px; font-weight: 500; letter-spacing: 2px;} .single-tribe_events .booking-button:hover {background-color: #333;} .single-tribe_events .event-sharing {margin: 40px 0;} .single-tribe_events .event-sharing .event-social {margin:6px 0px;} .single-tribe_events .event-sharing .event-social li{display:inline-block; list-style: none} .single-tribe_events .event-sharing .event-social li a {background:#a9a9a9; color: #fff;width: 29px; text-align: center; display: inline-block;} .single-tribe_events .event-sharing .event-social li a i{line-height: 2;} .single-tribe_events .event-sharing .event-social a.facebook:hover { background: #3b5996;} .single-tribe_events .event-sharing .event-social a.twitter:hover{ background: #00acee;} .single-tribe_events .event-sharing .event-social a.google:hover{ background: #c3391c;} /* tribe events a day layout */ #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-event-image, #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-content { float: left; width:33%; padding:0 15px;} #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-event-image { padding-left:0;} .tribe-events-list .tribe-events-day-time-slot .tribe-events-event-meta { width: 33%; float: left; padding:40px; height:auto; margin:0;} .tribe-events-day-time-slot .tribe-events-content.description.entry-summary { font-size:15px; font-weight:300; color:#8a8a8a;} .tribe-events-day-time-slot .type-tribe_events h2 { font-size:28px; padding-bottom:20px;} .tribe-events-day .tribe-events-day-time-slot .type-tribe_events { margin:0;} .tribe-events-day .tribe-events-day-time-slot h5 { background-color:#a9a9a9;} @media only screen and (max-width: 767px){ #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-content, #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-event-image, .tribe-events-list .tribe-events-day-time-slot .tribe-events-event-meta { float:none; width:100%; margin-bottom:20px;} #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-event-image { padding:0;} } /* events */ .event-list2 .event-title a { color: #000;} .event-list2 .event-title a:hover { color:#de2f68;} .event-list2 .event-article { border-bottom: 1px solid #efefef; padding: 30px 0 10px;} .event-list2 .event-article:last-child { border-bottom:none;} .event-list2 .event-article .col-md-9 { padding:0;} .event-list2 .event-date {text-transform: uppercase;font-family:dosis, sans-serif; padding: 10px 0} .event-list2 .event-date .event-d { font-size: 48px; color: #f1bb51; display: table-cell; padding: 10px 0 0;} .event-list2 .event-date .event-f {font-size: 13px; display: table-cell; vertical-align: middle; padding-left: 7px; font-weight: 500; letter-spacing:3px; color:#777;} .event-list2 .event-detail { font-weight:300; color:#8a8a8a;} .event-list2 .event-date .event-da { margin-top: 9px; color: #c0c0c0; font-size:26px; font-weight:100; text-transform:uppercase; letter-spacing:-2px;} .event-list2 .btn-wrapper .button { border:2px solid #e1e1e1; color:#333; background-color: #fff; padding: 15px 20px; font-weight: 700; font-size: 11px;} .event-list2 .btn-wrapper .button:hover { border-color:#222; background:#222; color:#fff;} .event-list2 .event-date:after { display:block; content:""; position:absolute; width:50px; left:1px; top:1px; height:30px; background:rgba(255,255,255,0.1); box-shadow:0 4px 4px rgba(0,0,0,0.02);} .event-list2 .event-title {font-weight: 800;font-size: 20px;text-transform: uppercase; letter-spacing:2px;} .event-list2.event-detail { color:#777; font-weight:300; line-height: 12px;} .event-list2 .btn-wrapper { text-align:right; padding:10px 0;} .event-list2 .event-sharing {position: relative; margin: 10px 0;} .event-list2 .event-sharing > li { display: inline-block;} .event-list2 .event-sharing > li:hover { display: inline-block;} .event-list2 .event-sharing > li:hover a i {color: #fff; background: #4cc5cf; border-color:#4cc5cf;} .event-list2 .event-sharing > li i {width: 36px;display: inline-block; line-height: 35px; color: #767676; text-align: center; border-radius: 50%; border:1px solid #ddd; font-size:14px;} .event-list2 .event-sharing .event-share:hover .event-sharing-icon {background:#4cc5cf; border-color:#4cc5cf; cursor: pointer; border-radius:50%;} .event-list2 .event-sharing .event-share .event-social {margin:0;} .event-list2 .event-sharing .event-share:hover .event-social {display:inline; position: absolute; top: -5px;left: 35px; padding: 5px;} .event-list2 .event-sharing .event-social {display:none;} .event-list2 .event-sharing .event-social li {display:inline-block;} .event-list2 .event-sharing .event-social li:hover a i {background:#1c7360; border-color:#1c7360;} .event-list2 .event-sharing .event-social li:hover a.facebook i { background: #3b5996; border-color:#3b5996;} .event-list2 .event-sharing .event-social li:hover a.twitter i { background: #00acee; border-color:#00acee;} .event-list2 .event-sharing .event-social li:hover a.google i { background: #c3391c; border-color:#c3391c;} .event-grid .event-sharing {list-style: none; position: relative; border-top: 1px solid #efefef; padding: 20px; margin: 0; background:#fafafa;} .event-grid .event-sharing > li {display: table-cell; border:1px solid #e8e8e8; color: #767676; text-align: center;} .event-grid .event-sharing > li:hover {background: #4cc5cf;} .event-grid .event-sharing > li a {color: #767676;} .event-grid .event-sharing > li:hover a {color: #fff;} .event-grid .event-sharing > li i {width: 36px; height: 36px; display: table-cell; vertical-align: middle;} .event-grid .event-sharing .event-share:hover .event-sharing-icon {background: #4cc5cf;border-width: 0 1px 0; cursor: pointer;} .event-grid .event-sharing .event-share:hover .event-social {display:table-cell;} .event-grid .event-sharing .event-map {border-width:1px 0 1px;} .event-grid .event-sharing .event-social {display:none; position: absolute;top: 17px;left: 28px;} .event-grid .event-sharing .event-social li {display:table-cell;} .event-grid .event-sharing .event-social li a {background: #4cc5cf;color: #fff;width: 36px;height: 36px;vertical-align: middle;text-align: center; display: table-cell;} .event-grid .event-sharing .event-social li a:hover {background:#47a5ad;} .event-grid .event-sharing .booking-button { transition: all 0.21s ease; font-size:11px; font-weight:500; letter-spacing:1px; text-transform:uppercase; background: #fff; color: #767676; border:1px solid #e8e8e8; position: absolute; top: 20px; right: 15px; padding: 8px 16px;} .event-grid .event-sharing .booking-button:hover {background: #191919; color:#fff; border-color:#191919;} .event-grid.event-grid .row { margin-bottom: 30px; max-width: none;} .event-grid.event-grid .event-article { position: relative; overflow: hidden; border: 1px solid #e9e9e9;} .event-grid.event-grid .event-article .event-content { background:#fff; color:#767676; padding: 20px; text-align:left; min-height: 125px;} .event-grid .event-article .event-title { color:#525252; margin: 10px 0; font-weight: bold; font-size:20px; letter-spacing: 0; text-transform:none;} .event-grid .event-article .event-title:hover { color: #4ccfad;} .event-grid .event-detail { font-weight: 400; font-size: 11px; text-transform:uppercase; letter-spacing:1px; background-color: #4ccfad; color: #fff; padding: 3px 20px; margin: 0 0 20px -20px; display:inline-block;} .event-grid .event-content p { font-size:13px; color:#9a9a9a;} @media only screen and (max-width: 768px) { .event-grid.event-grid .event-article { margin-bottom:30px;} } /* # Widgets in blox ================================================== */ .widget #searchsubmit,.wpb_widgetised_column .widget #searchsubmit {display:none;} .blox .widget_search, .max-hero .widget_search { margin: 0 auto 30px; width: 500px;} .blox .widget_search input[type=text].search-side, .max-hero .widget_search input[type=text].search-side {background-image: none; float: left; width: 350px; margin: 0; padding: 28px; border-radius: 5px 0 0 5px; border-color: #fcfcfb;} .blox .widget_search input[type=submit]#searchsubmit.btn, .max-hero .widget_search input[type=submit]#searchsubmit.btn { display:inline-block; float: right; width: 150px; margin: 0; padding: 24px; background-color: #de2f68; color: #fff; text-transform: uppercase; border-radius: 0 5px 5px 0;} .blox .widget_search .search-side:focus, .max-hero .widget_search .search-side:focus {border-color:#f3f3f3;} @media only screen and (max-width: 767px) { .blox .widget_search, .max-hero .widget_search { width: 300px;} .blox .widget_search input[type=text].search-side, .blox .widget_search input[type=submit]#searchsubmit.btn, .max-hero .widget_search input[type=text].search-side, .max-hero .widget_search input[type=submit]#searchsubmit.btn { float:none; margin:0; width:100%; border-radius:0;} } @media only screen and (max-width: 479px) { .blox .widget_search, .max-hero .widget_search { width: 270px;} } .blox .widget ul li, .max-hero .widget ul li { display: inline;} .blox .widget_nav_menu, .max-hero .widget_nav_menu { position: absolute; left: 50%; margin-right: -50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);} .blox .widget_nav_menu li, .max-hero .widget_nav_menu li { border: none;} .blox .widget_nav_menu li:hover, .max-hero .widget_nav_menu li:hover { border: 0; background:none;} .blox .widget_nav_menu li a, .max-hero .widget_nav_menu li a { color:#fff; font-size: 14px;} .blox .widget_nav_menu li a:hover, .max-hero .widget_nav_menu li a:hover { text-decoration: underline; color:#fff; background:none;} /* #Bootstrap elements ================================================== */ .dropup, .dropdown { position: relative;} .dropdown-toggle { *margin-bottom: -3px;} .dropdown-toggle:active, .open .dropdown-toggle { outline: 0;} .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ''; opacity: 0.3; filter: alpha(opacity=30);} .dropdown .caret { margin-top: 8px; margin-left: 2px;} .dropdown:hover .caret, .open .caret { opacity: 1; filter: alpha(opacity=100);} .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 4px 0; margin: 1px 0 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;} .dropdown-menu.pull-right { right: 0; left: auto;} .dropdown-menu .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff;} .dropdown-menu a { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: 18px; color: #7a7f83; white-space: nowrap;} .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #fff; text-decoration: none; background-color: #1eb1e4;} .open { *z-index: 1000;} .open > .dropdown-menu { display: block;} .pull-right > .dropdown-menu { right: 0; left: auto;} .well, .promobox { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f9f9f9; border: 1px solid #e1e7ec; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);} .well blockquote { border-color: #e5e5e5; border-color: rgba(0, 0, 0, 0.15);} .well blockquote:before, blockquote.well:before { content:''; content:none;} .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .promobox { background: #fdfdfd; padding-bottom: 11px;} .promobox button, .promobox .button { float:right;} .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease;} .collapse.in { height: auto;} .close { float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20);} .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40);} .nav { margin-bottom: 18px; margin-left: 0; list-style: none;} .nav > li > a { display: block;} .nav > li > a:hover { text-decoration: none; background-color: #e1e7ec;} .nav > .pull-right { float: right;} .nav .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 18px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase;} .nav li + .nav-header { margin-top: 9px;} .nav-list { padding-right: 15px; padding-left: 15px; margin-bottom: 0;} .nav-list > li > a, .nav-list .nav-header { margin-right: -15px; margin-left: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} .nav-list > li > a { padding: 3px 15px;} .nav-list > .active > a, .nav-list > .active > a:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc;} .nav-list [class^='icon-'] { margin-right: 2px;} .nav-list .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff;} .nav-tabs, .nav-pills { *zoom: 1;} .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; content: '';} .nav-tabs:after, .nav-pills:after { clear: both;} .nav-tabs > li, .nav-pills > li { float: left;} .nav-tabs > li > a, .nav-pills > li > a { padding-right: 18px; padding-left: 18px;line-height: 14px;} .nav-tabs { border-bottom: 1px solid #e5e5e5;} .nav-tabs > li { margin-bottom: -1px;} .nav-tabs > li > a { padding-top: 12px; background:#f7f7f7; padding-bottom: 12px; color:#555; line-height: 18px; border: 1px solid #e5e5e5; border-right:0 none; font-family:Arial, Helvetica, sans-serif; font-size:13px;} .nav-tabs > li > a:hover { background:#fbfbfb;} .nav-tabs > .active > a, .nav-tabs > .active > a:hover { cursor: default; background-color: #fff; border: 1px solid #e5e5e5; border-bottom: 0 none; padding-top:20px; margin-top:-7px;} .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #fff; background-color: #0088cc;} .nav-stacked > li { float: none;} .nav-stacked > li > a { margin-right: 0;} .nav-tabs.nav-stacked { border-bottom: 0;} .nav-tabs.nav-stacked > li > a { border: 1px solid #e5e5e5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;} .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} .nav-tabs.nav-stacked > li > a:hover { z-index: 2; border-color: #e5e5e5;} .nav-pills.nav-stacked > li > a { margin-bottom: 3px;} .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px;} .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;} .nav-pills .dropdown-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret { margin-top: 6px; border-top-color: #0088cc; border-bottom-color: #0088cc;} .nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret { border-top-color: #005580; border-bottom-color: #005580;} .nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret { border-top-color: #333333; border-bottom-color: #333333;} .nav > .dropdown.active > a:hover { color: #000; cursor: pointer;} .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #fff; background-color: #999999; border-color: #999999;} .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; opacity: 1; filter: alpha(opacity=100);} .tabs-stacked .open > a:hover { border-color: #999999;} .tabbable { *zoom: 1;} .tabbable:before, .tabbable:after { display: table; content: '';} .tabbable:after { clear: both;} .tab-content { overflow: auto; border:1px solid #e5e5e5; border-top:0 none; padding-top:18px; margin-top:-18px;} .tab-content .columns { max-width:100%;} .tab-content .columns p { padding:0;} .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0;} .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; padding:15px 25px;} .tab-content > .active, .pill-content > .active { display: block;} .tabs-below > .nav-tabs { border-top: 1px solid #e5e5e5;} .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0;} .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} .tabs-below > .nav-tabs > li > a:hover { border-top-color: #e5e5e5; border-bottom-color: transparent;} .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #e5e5e5 #e5e5e5 #e5e5e5;} .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none;} .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 190px; margin-right: 0; margin-bottom: 3px; text-transform:uppercase; font-size:12px; font-weight:bold; border-left:0 none; background:#fdfdfd; color:#838383;} .tabs-left > .nav-tabs { float: left; margin-right:-1px; padding-top:40px;} .tabs-left > .nav-tabs > li > a { margin-right: -1px; border: 1px solid #e5e5e5; padding:10px; margin:0; border-left:0 none;} .tabs-left > .nav-tabs > li > a:hover { border-bottom:1px solid #e5e5e5; color:#444;} .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-bottom:1px solid #e5e5e5; border-right-color: #fff; padding:10px; border-left:0 none; margin:0; color:#333; background:#fff;} .tabs-right > .nav-tabs { float: right; border-left: 1px solid #e5e5e5;} .tabs-right > .nav-tabs > li > a { margin-left: -1px; border: 1px solid #e5e5e5;} .tabs-right > .nav-tabs > li > a:hover { border-color: #e5e5e5 #e5e5e5 #e5e5e5 #e5e5e5; border-width:1px;} .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #e5e5e5 #e5e5e5 #e5e5e5 transparent; *border-left-color: #fff;} .tabs-right > .tab-content, .tabs-left > .tab-content, .tabs-below > .tab-content { margin:0; padding:4px; padding-top:10px; display:block; border:0 none; border-left:1px solid #e5e5e5; box-shadow : 0 0 0 0;} .tabs-below > .tab-content { border:1px solid #e5e5e5; border-bottom:0 none;} .tooltip { position: absolute; z-index: 1020; display: block; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); visibility: visible;} .tooltip.in { opacity: 0.8; filter: alpha(opacity=80);} .tooltip.top { margin-top: -2px;} .tooltip.right { margin-left: 2px;} .tooltip.bottom { margin-top: 2px;} .tooltip.left { margin-left: -2px;} .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top: 5px solid #000; border-right: 5px solid transparent; border-left: 5px solid transparent;} .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000;} .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-right: 5px solid transparent; border-bottom: 5px solid #000; border-left: 5px solid transparent;} .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-right: 5px solid #000; border-bottom: 5px solid transparent;} .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .tooltip-arrow { position: absolute; width: 0; height: 0;} .pull-right { float: right;} .pull-left { float: left;} .hide { display: none;} .show { display: block;} .invisible { visibility: hidden;} .pagination2 { height: 36px; margin: 18px 0;} .pagination2 ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} .pagination2 li { display: inline;} .pagination2 a { float: left; padding: 0 14px; line-height: 34px; text-decoration: none; border: 1px solid #e5e5e5; border-left-width: 0;} .pagination2 a:hover, .pagination2 .active a { background-color: #f5f5f5;} .pagination2 .active a { color: #999999; cursor: default;} .pagination2 .disabled span, .pagination2 .disabled a, .pagination2 .disabled a:hover { color: #999999; cursor: default; background-color: transparent;} .pagination2 li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;} .pagination2 li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;} .pagination2-centered { text-align: center;} .pagination2-right { text-align: right;} .alert { padding: 8px 35px 8px 36px; background:url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/alert-notice-ico.png) no-repeat; background-position: 9px 50%; margin-bottom: 18px; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 2px solid #f3d9a6; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .alert img { float: left; margin:-2px 6px 4px -4px;} .alert-heading { color: inherit;} .alert p { margin:0;} .alert .close { position: relative; top: -2px; right: -21px; line-height: 18px;} .alert-success { color: #699801; background:url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/alert-success-ico.png) no-repeat; background-position: 8px 50%; background-color: #e0f0bd; border-color: #afd65f;} .alert-danger, .alert-error { color: #b94a48; background:url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/alert-error-ico.png) no-repeat; background-position: 9px 50%; background-color: #fce6e9; border-color: #ed9aa3;} .alert-info { color: #3a87ad; background:url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/alert-info-ico.png) no-repeat; background-position: 9px 50%; background-color: #d9edf7; border-color: #98cdd8;} .alert-block { padding-top: 14px; padding-bottom: 14px;} .alert-block > p, .alert-block > ul { margin-bottom: 0;} .alert-block p + p { margin-top: 5px;} button.close { padding:0; margin:0; border:0; background:none; box-shadow:none !important;} table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0;} .table { width: 100%; margin-bottom: 18px;} .table th, .table td { padding: 8px; line-height: 18px; text-align: left; vertical-align: top; border-top: 1px dotted #e5e5e5;} .table th { font-weight: bold;} .table thead th { vertical-align: bottom; border-top:0 none; background:#f7f7f7;} .table tbody + tbody { border-top: 2px solid #e5e5e5;} .table-condensed th, .table-condensed td { padding: 4px 5px;} .table-bordered { border: 1px solid #e5e5e5; border-collapse: separate; *border-collapse: collapsed; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .table-bordered th, .table-bordered td { border-left: 1px solid #e5e5e5;} .table tbody tr:hover td, .table tbody tr:hover th { background-color: #fcfcfc;} @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0;} to { background-position: 0 0;} } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0;} to { background-position: 0 0;} } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0;} to { background-position: 0 0;} } @-o-keyframes progress-bar-stripes { from { background-position: 0 0;} to { background-position: 40px 0;} } @keyframes progress-bar-stripes { from { background-position: 40px 0;} to { background-position: 0 0;} } .progress { height: 32px; margin-bottom: 18px; overflow: hidden; background-color: #f7f7f7; background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; background-image: linear-gradient(top, #f5f5f5, #f9f9f9); } .progress .bar { width: 0; height: 34px; font-size: 15px; line-height:33px; color: #fff; text-align: left; padding-left:12px; background-color: #0e90d2; background-repeat: repeat-x; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -ms-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease;} .progress .bar small { color:#fafafa; font-size:12px;} .progress-striped .bar { background-color: #149bdf;} .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite;} .progress-danger .bar, .progress-red .bar { background-color: #e53f51;} .progress-success .bar, .progress-green .bar { background-color: #8fbe32;} .progress-info .bar, .progress-blue .bar { background-color: #03acdc;} .progress-warning .bar, .progress-orange .bar { background-color: #f98805;} /* topbar login */ .fancybox-overlay-fixed { z-index: 10001;} .fancybox-skin, .fancybox-opened .fancybox-skin { border-radius:0 0 6px 6px; background:#f6f6f6;} .w-login #user-login { padding: 22px 15px 15px;} .w-login #user-login .login-links { list-style: none; margin:0} .w-login #user-login .login-links li { display:inline;margin-right: 15px; font-size:13px; font-weight:400;} .w-login #user-login .login-links li:last-child:after { display:none;} .w-login #user-login .login-links li a {color: #de2f68;} .w-login #user-login .login-links li a:hover { color:#de2f68;} .w-login #user-login p { margin: 0;} .w-login #user-login label {font-weight: 400;font-size: 14px;} .w-login #user-login input {padding: 14px; border-radius: 0;margin: 6px 0 20px;} .w-login #user-login input.login-button { padding:13px 18px; text-transform:uppercase; font-weight:bold; float:right; margin-right:3px;} .w-login #user-logged { padding: 30px 10px; text-align:center;} .w-login #user-logged .author-avatar { display: block;} .w-login #user-logged .author-avatar img { border-radius: 50%;border: 4px solid #de2f68;} .w-login #user-logged .user-welcome { font-size: 22px; font-weight: 300; padding: 10px; margin: 20px 0; color: #444;} .w-login #user-logged .user-welcome strong { font-weight: 600;} .w-login #user-logged .logged-links { list-style: none; background-color: #de2f68;padding: 8px 20px;width: 70%; margin: 0 auto; display: table;} .w-login #user-logged .logged-links li { display: table-cell; margin: 0 8px;} .w-login #user-logged .logged-links a { color: #fff; border-radius: 3px; font-size: 13px; font-weight: 400;} .w-login #user-logged .logged-links a:hover { text-decoration: underline;} .widget #user-logged .author-avatar img{ width: 60px;} /* # Essensial grid ================================================== */ #wrap .esg-filters .esg-navigationbutton { float: right;} #wrap .esg-filters .esg-left {margin-right:20px !important;} #wrap .eg-washington-element-1, #wrap .eg-washington-element-0 { padding: 10px !important;} /* # Title Plus Text type ================================================== */ /* # Title Plus Text type 1 */ .title-plus-text.type-1 h3, .title-plus-text.type-3 h3 {font-family:'Playfair Display','Lora',serif; font-size: 32px; font-style: italic; letter-spacing: 0; margin-bottom: 18px;} .title-plus-text.type-1 h2, .title-plus-text.type-3 h2 {display: inline-block; font-size: 60px; letter-spacing: -5px; margin-bottom: 6px; } .title-plus-text.type-1 > h2:nth-of-type(1), .title-plus-text.type-3 > h2:nth-of-type(1) { font-weight: 300; margin-right: 18px;} .title-plus-text.type-1 > h2 { margin-right: 18px; } .title-plus-text.type-1 h2:last-of-type, .title-plus-text.type-3 h2:last-of-type {font-weight: 700; } .title-plus-text p { font-size: 18px; font-weight: 300; margin-top: 14px; } /* # Title Plus Text type 2 */ .title-plus-text.type-2 h3 {color: #d0ae5e;margin-bottom: 12px; font-size: 23px;font-family: 'Playfair Display';font-style: italic;} .title-plus-text.type-2 h2 {font-weight: 700;letter-spacing: -3px; margin-bottom: 14px; font-size: 55px;} /* # Title Plus Text type 3 */ .title-plus-text.type-3 p { position: relative; margin-top: 13px;} .title-plus-text.type-3 p:before { content: ""; position: absolute; width: 56px; height: 6px; background: #34342e; top: -33px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);} .title-plus-text.type-3 > h2 { margin-bottom: 33px;} .title-plus-text.type-3.left p:before { left: 30px;} @media (max-width: 768px) { #wrap .title-plus-text h2 { font-size: 35px;} #wrap .title-plus-text > h2 { margin-right: 10px;} } @media (max-width: 480px) { #wrap .title-plus-text h3, .title-plus-text h2 { font-size: 25px;} #wrap .title-plus-text > h2 { margin-right: 10px;} } /* # Room Grid Type 1 ===================================================*/ .wrap-room-grid .room-grid-item.rg-1 { position: relative; border-radius: 8px; margin-bottom: 31px;} .wrap-room-grid .room-grid-item.rg-1 .grid-offer { position: absolute; left: 0; top: 20px; background: #5aa300; color: #fff; padding: 6px 17px; font-weight: 500;} .wrap-room-grid .room-grid-item.rg-1 figure {position: relative;padding-bottom: 30px;} .wrap-room-grid .room-grid-item.rg-1 figure a img { width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px } .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content {overflow: hidden;transition: all .3s cubic-bezier(0.29, 0.32, 0.42, 0.9);height: 102px;position: absolute;left: 0;right: 0;bottom: 0;padding: 0 10px;text-align: center;background: #fff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;box-shadow: 0 5px 12px rgba(0, 0, 0, 0.04);} .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .entry-roomgrid-title { padding-top: 29px; font-size: 19px; text-transform: uppercase; font-weight: 600; text-align: center;} .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .entry-roomgrid-title a { color: #31312c; } .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .modern-rating { text-align: center; margin-bottom: 23px;} .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .room-price p { display: inline-block;} .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .room-price .from-night { margin-right: 5px;} .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .room-price .price { display: inline-block;} .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .readmore {margin-bottom: 30px;border: 1px solid #de2f68;color: #31312c;letter-spacing: 0;padding: 15px 34px 13px;} .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .readmore:hover { border-color: #31312c; } .room-grid-item .entry-roomgrid-content p.awebooking-room-type__price { color: #888; clear: both; } .room-grid-item.rg-2 .entry-roomgrid-content p.awebooking-room-type__price { margin-bottom: 20px;} .room-grid-item .entry-roomgrid-content .awebooking-room-type__price .woocommerce-Price-amount.amount, .room-grid-item .entry-roomgrid-content .awebooking-room-type__price .woocommerce-Price-currencySymbol { font-weight: 400; } /* Hover */ .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .modern-rating, .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .entry-roomgrid-ex , .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .readmore { opacity: 0; position: absolute; transition: all .3s ease;} .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .entry-roomgrid-ex { font-size: 13px; color: #888; padding: 0 10px;} .wrap-room-grid .room-grid-item.rg-1:hover .entry-roomgrid-content {height: 100%;border-radius: 8px;} .wrap-room-grid .room-grid-item.rg-1:hover .entry-roomgrid-content p, .wrap-room-grid .room-grid-item.rg-1:hover .entry-roomgrid-content .modern-rating, .wrap-room-grid .room-grid-item.rg-1:hover .entry-roomgrid-content .readmore { opacity: 1; position: relative;} @media ( min-width:960px ) and ( max-width:1200px ) { .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .readmore { margin-bottom: 7px; font-size: 10px; padding: 11px 20px 10px;} .wrap-room-grid .room-grid-item.rg-1:hover .entry-roomgrid-content p, .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .currency-wrap span { font-size: 13px; margin-bottom: 10px;} .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .entry-roomgrid-title, .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .modern-rating {margin-bottom: 4px;} } @media ( min-width:768px ) and ( max-width:960px ) { .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .modern-rating { margin-bottom: 10px;} .wrap-room-grid .room-grid-item.rg-1:hover .entry-roomgrid-content p { font-size: 11px; margin-bottom: 10px; } .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .readmore { margin-bottom: 15px; font-size: 10px; padding: 11px 20px 10px; } .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .entry-roomgrid-title { font-size: 14px; } .wrap-room-grid .room-grid-item.rg-1:hover .entry-roomgrid-content .entry-roomgrid-title { padding-top: 18px; } .wrap-room-grid .room-grid-item.rg-1:hover .entry-roomgrid-content .currency-wrap { display: none;} } @media ( max-width:767px ) { .wrap-room-grid .room-grid-item.rg-1 figure img.landscape { width: 100%;} } @media ( min-width:640px ) and ( max-width:767px ) { .wrap-room-grid .room-grid-item.rg-1:hover .entry-roomgrid-content {padding-top: 21%;} } @media ( min-width:480px ) and ( max-width:640px ) { .wrap-room-grid .room-grid-item.rg-1:hover .entry-roomgrid-content {padding-top: 5%;} } @media ( max-width:430px ){ .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .readmore { margin-bottom: 15px; font-size: 10px; padding: 11px 20px 10px; } .wrap-room-grid .room-grid-item.rg-1:hover .entry-roomgrid-content { padding-top: 20px; } .wrap-room-grid .room-grid-item.rg-1 .entry-roomgrid-content .readmore {margin-bottom: 14px;} .wrap-room-grid .room-grid-item.rg-1:hover .entry-roomgrid-content p { display: none;} } /* # Room Grid Type 2 ===================================================*/ .wrap-room-grid .room-grid-item.rg-2 {position: relative; border-radius: 0; margin-bottom: 27px;} .wrap-room-grid .room-grid-item.rg-2 .grid-offer { position: absolute; left: 0; top: 20px; background: #5aa300; color: #fff; padding: 6px 17px; font-weight: 500;} .wrap-room-grid .room-grid-item.rg-2 figure {position: relative;padding-bottom: 30px;} .wrap-room-grid .room-grid-item.rg-2 figure .room-grid-item-figure { border-radius: 0; border: 1px solid #ebebeb; } .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content { overflow: hidden; padding: 32px 10px 44px 23px; border: 1px solid #ebebeb; transition: all .3s cubic-bezier(0.29, 0.32, 0.42, 0.9); height: 102px; position: absolute; left: 0; right: 0; bottom: 0; background: #fff; } .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .entry-roomgrid-title {font-size: 19px;margin-right: 22px;text-transform: uppercase;font-weight: 500;color: #31312c;text-align: left;float: left;display: inline-block;margin-bottom: 7px;} .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .entry-roomgrid-title a { color: #31312c; } .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .room-price { display: inline-block;} .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .room-price .from-night { float: left; margin-right: 5px;} .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .room-price .price { display: inline-block;} .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .room-price .from-night, .wrap-room-grid .room-grid-item.rg-2:hover .entry-roomgrid-content .room-price .price { text-transform: capitalize; color: #73736b; } .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .modern-rating {overflow: hidden; line-height: 14px;} .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .modern-rating .rating-ave {font-size: 12px;color: #54b551;display: inline-block;line-height: 16px;} .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .entry-roomgrid-ex { margin-bottom: 38px;} .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .readmore { font-size: 14px; display: table; border: 1px solid #e6e6e6; color: #34342e; background: none; letter-spacing: 0; padding: 19px 25px 16px; border-radius: 0;} .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .readmore:hover { border-color: #34342e; background: #34342e; color: #fff !important; } /* Hover */ .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .readmore {opacity: 0;position: absolute;transition: all .3s ease;text-align: left;} .wrap-room-grid .room-grid-item.rg-2:hover .entry-roomgrid-content {height: 100%;border-radius: 0;} .wrap-room-grid .room-grid-item.rg-2:hover .entry-roomgrid-content .modern-rating, .wrap-room-grid .room-grid-item.rg-2:hover .entry-roomgrid-content .readmore {opacity: 1;position: relative;text-align: left;} @media ( min-width:1200px ) and ( max-width:1280px ) { .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .entry-roomgrid-title { margin-right: 10px; font-size: 17px; } .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .readmore { font-size: 10px; padding: 11px 20px 10px; } .wrap-room-grid .room-grid-item.rg-2:hover .entry-roomgrid-content p, .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .currency-wrap span { font-size: 14px;} } @media ( min-width:960px ) and ( max-width:1200px ) { .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .entry-roomgrid-title { margin-right: 10px; font-size: 17px; } .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .readmore { font-size: 10px; padding: 11px 20px 10px; } .wrap-room-grid .room-grid-item.rg-2:hover .entry-roomgrid-content p, .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .currency-wrap span { font-size: 13px; margin-bottom: 10px;} .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .modern-rating .rating-ave { display: none;} } @media ( min-width:768px ) and ( max-width:960px ) { .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .modern-rating .rating-ave { display: inline-block;} .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .modern-rating { display: block; width: 100%; margin-bottom: 5px;} .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content p.entry-roomgrid-ex { display: none;} .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content { padding-top: 15px; } } @media ( min-width:481px ) and ( max-width:768px ) { .wrap-room-grid .room-grid-item.rg-2 .room-grid-item-figure a img { width: 100%;} } @media ( max-width:480px ){ .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .modern-rating .rating-ave { display: inline-block;} .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content .modern-rating { display: block; width: 100%; margin-bottom: 5px;} .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content p.entry-roomgrid-ex { display: none;} .wrap-room-grid .room-grid-item.rg-2 .entry-roomgrid-content { padding-top: 15px; } .wrap-room-grid .room-grid-item.rg-2:hover .entry-roomgrid-content { } } /* pagenavi */ #wrap .room-grid-pagin .wp-pagenavi span.pages { display: none; } #wrap .room-grid-pagin .wp-pagenavi { margin-top: 9px; text-align: left;} #wrap .room-grid-pagin .wp-pagenavi a:hover, #wrap .room-grid-pagin .wp-pagenavi span.current { background: #73736b !important; color: #fff !important;} #wrap .room-grid-pagin .wp-pagenavi a { background: #fff; } /* Contact Page */ .wpcf7 .hotella-contact input[type="text"], .wpcf7 .hotella-contact [type="email"] { line-height:19px; background-color: #f2f2f2; box-shadow: none; color: #73736b; padding:13px 24px 10px 24px; font-size: 12px; border: 0; border-radius: 2px; font-weight: 400; font-family: 'Poppins', Helvetica, Arial, sans-serif; } .wpcf7 .hotella-contact div { padding-bottom: 4px; } .wpcf7 .hotella-contact .w-contact-txt textarea { min-height:255px; box-shadow: none; font-size:12px; color:#73736b; padding: 10px 24px 0 24px; border: 0; border-radius: 2px; font-weight: 400; font-family: 'Poppins', Helvetica, Arial, sans-serif; } .wpcf7 .hotella-contact .w-contact-txt textarea:focus {background-color:#f0f0f0; } .wpcf7 .hotella-contact input[type=text]::-webkit-input-placeholder { color:#73736b; } .wpcf7 .hotella-contact input[type=text]:-moz-placeholder { color:#73736b; } .wpcf7 .hotella-contact input[type=text]::-moz-placeholder { color:#73736b; } .wpcf7 .hotella-contact input[type=text]:-ms-input-placeholder { color:#73736b; } .wpcf7 .hotella-contact input[type=email]::-webkit-input-placeholder { color:#73736b; } .wpcf7 .hotella-contact input[type=email]:-moz-placeholder { color:#73736b; } .wpcf7 .hotella-contact input[type=email]::-moz-placeholder { color:#73736b; } .wpcf7 .hotella-contact input[type=email]:-ms-input-placeholder { color:#73736b; } .wpcf7 .hotella-contact textarea::-webkit-input-placeholder { color:#73736b; } .wpcf7 .hotella-contact textarea:-moz-placeholder { color:#73736b; } .wpcf7 .hotella-contact textarea::-moz-placeholder { color:#73736b; } .wpcf7 .hotella-contact textarea:-ms-input-placeholder { color:#73736b; } .wpcf7 .hotella-contact .w-contact-submit input[type=submit] { background-color: #de2f68; padding: 21px 28px 18px 28px; margin-top:19px; font-weight: 400; letter-spacing:0.3px; } /* Contact Info */ .w-contact-info article h4{font-size:16px; font-weight:700; color:#31312c;} .w-contact-info article p{font-size:15px; color:#8a8a84; padding-top:4px; padding-top:20px;} /* # Awebook =========================================*/ #wrap .awebooking-wrapper { background: none;} .awbok-shcod .awebooking .apb-single-check-avb-form { display: inline-block; } .awbok-shcod .awebooking .awebooking-wrapper .apb-heading { display: none;} .awbok-shcod .awebooking .awebooking-wrapper .apb-field > label { color: #525249; font-size: 13px; padding-left: 1px;} .awbok-shcod .awebooking .awebooking-wrapper .apb-content .apb-field { margin-right: 14px; float: left;} .awbok-shcod .awebooking .awebooking-wrapper .list-room.apb-list-room-horizontal .apb-sidebar_group, .awbok-shcod .awebooking .awebooking-wrapper .list-room.apb-list-room-horizontal { overflow: hidden;} .awbok-shcod .awebooking .awebooking-wrapper .apb-content .apb-field .apb-field-group i { margin-top: 7px; margin-right: 5px; } #wrap .awbok-shcod .awebooking .apb-sidebar_group .apb-field { float: left; margin-right: 0;} #wrap .awbok-shcod .awebooking .apb-sidebar_group .apb-field_group {margin-right: 0;position: relative;height: auto;display: inline-block;float: left;} .awbok-shcod .awebooking .awebooking-wrapper .apb-content .apb-field .apbf-select:before { content: "\e604"; color: #73736b; font-size: 12px; font-family: 'simple-line-icons';} .awbok-shcod .awebooking .awebooking-wrapper.awebooking-wrapper select, .awbok-shcod .awebooking .awebooking-wrapper .apb-field-group input[type="text"] {cursor: pointer;font-family: 'Poppins', Helvetica, Arial, sans-serif;font-weight: 400;color: #73736b;padding-left: 17px;min-width: 120px;min-height: 50px;border-radius: 0;} .awbok-shcod .awebooking .awebooking-wrapper .apb-field-group input[type="text"]::-webkit-input-placeholder { color: #73736b; font-weight: 400; font-family: 'Poppins', Helvetica, Arial, sans-serif;} .awbok-shcod .awebooking .awebooking-wrapper .apb-field-group input[type="text"]::-moz-placeholder { color: #73736b; font-weight: 400; font-family: 'Poppins', Helvetica, Arial, sans-serif;} .awbok-shcod .awebooking .awebooking-wrapper .apb-field-group input[type="text"]:-ms-input-placeholder { color: #73736b; font-weight: 400; font-family: 'Poppins', Helvetica, Arial, sans-serif;} .awbok-shcod .awebooking .awebooking-wrapper .apb-field-group input[type="text"]:-moz-placeholder { color: #73736b; font-weight: 400; font-family: 'Poppins', Helvetica, Arial, sans-serif;} .awbok-shcod .awebooking .apb-select:focus, .awbok-shcod .awebooking .apb-select:active, .awbok-shcod .awebooking .apb-input.apb-calendar:focus, .awbok-shcod .awebooking .apb-input.apb-calendar:active { border-color: #ebebeb;} .awbok-shcod .awebooking .awebooking-wrapper .apb-field-group input { border-color: #ebebeb; } .awbok-shcod .awebooking .awebooking-wrapper.inline .apb-btn {margin-top: 55px;transition: all .3s cubic-bezier(0, 0, 0.49, 0.8);-webkit-transition: all .3s cubic-bezier(0, 0, 0.49, 0.8);background: #de2f68;font-family: 'Poppins', Helvetica, Arial, sans-serif;font-size: 16px;font-weight: 600;letter-spacing: 1px;margin-right: 0;padding: 22px 30px 20px;} #wrap .awbok-shcod .awebooking-wrapper .apb-btn {border-radius: 55px;width: auto;float: none;} #wrap .awbok-shcod .awebooking .awebooking-wrapper.inline .apb-btn:hover { box-shadow: 0px -70px 1px #34342e inset; background: #34342e;} .awbok-shcod.shcod-dark .awebooking .awebooking-wrapper.awebooking-wrapper select, .awbok-shcod.shcod-dark .awebooking .awebooking-wrapper .apb-field-group input[type="text"] { background: rgba(255,255,255,0.79); color: #000;} .awbok-shcod.shcod-dark .awebooking .awebooking-wrapper .apb-field > label { color: #fff; } @media ( min-width:960px) { .awbok-shcod .awebooking .awebooking-wrapper .apb-content .apb-field { max-width: 150px;} } @media ( min-width: 1201px ) and ( max-width: 1280px ){ .awbok-shcod .awebooking .awebooking-wrapper.awebooking-wrapper select, .awbok-shcod .awebooking .awebooking-wrapper .apb-field-group input[type="text"] { min-width: 130px;} } @media ( min-width: 960px ) and ( max-width: 1200px ){ .awbok-shcod .awebooking .awebooking-wrapper.awebooking-wrapper select, .awbok-shcod .awebooking .awebooking-wrapper .apb-field-group input[type="text"] {min-width: 90px;} } @media ( min-width: 769px ) and ( max-width: 960px ){ .awbok-shcod .awebooking .awebooking-wrapper .apb-content .apb-field, .awbok-shcod .awebooking .awebooking-wrapper .apb-content .apb-list-room-horizontal { margin-right: 0 !important;} #wrap .awbok-shcod .awebooking .apb-sidebar_group .apb-field_group, .awbok-shcod .awebooking .awebooking-wrapper .apb-content .apb-field, .awbok-shcod .awebooking .awebooking-wrapper .apb-content .apb-list-room-horizontal, .awbok-shcod .awebooking .apb-sidebar_group, .awbok-shcod .awebooking .awebooking-wrapper .apb-content .apb-sidebar_group .apb-field {width: 100%;margin-bottom: 20px;} #wrap .awbok-shcod .awebooking .apb-sidebar_group .apb-field_group { padding-right: 0;} .awbok-shcod .awebooking .awebooking-wrapper.awebooking-wrapper select, .awbok-shcod .awebooking .awebooking-wrapper .apb-field-group input[type="text"] { width: 100%;} .awbok-shcod .awebooking .awebooking-wrapper.inline .apb-btn, .awbok-shcod .awebooking .awebooking-wrapper .apb-content .apb-field { width: 100%;} .awbok-shcod .awebooking .awebooking-wrapper.inline .apb-btn { margin-top: 23px; font-size: 15px; letter-spacing: 0; padding: 17px 23px 15px; } } @media ( max-width: 768px ){ #wrap .awbok-shcod .awebooking .apb-sidebar_group .apb-field_group, #wrap .awbok-shcod .awebooking .apb-sidebar_group .apb-field, .awbok-shcod .awebooking .awebooking-wrapper.inline .apb-btn, .awbok-shcod .awebooking .awebooking-wrapper .apb-content .apb-field { width: 100%; margin-bottom: 20px;} .awbok-shcod.shcod-dark .awebooking .awebooking-wrapper.awebooking-wrapper select, .awbok-shcod.shcod-dark .awebooking .awebooking-wrapper .apb-field-group input[type="text"] { min-height: 26px;} .awbok-shcod.shcod-dark .awebooking .awebooking-wrapper .apb-content .apb-field .apb-field-group i { margin-top: 0;} .awbok-shcod .awebooking .awebooking-wrapper.inline .apb-btn { margin-top: 20px;} .awbok-shcod.shcod-dark .awebooking .awebooking-wrapper.inline .apb-btn { margin-top: 13px; padding: 16px 30px 16px; font-size: 14px;} .awbok-shcod .awebooking .awebooking-wrapper .apb-content .apb-sidebar_group .apb-field, .awbok-shcod .awebooking .awebooking-wrapper .apb-content .apb-list-room-horizontal { width: 100%;} } @media ( max-width: 420px ){ .awbok-shcod .awebooking .awebooking-wrapper.inline .apb-btn { font-size: 10px;} } @media (min-width: 480px) { .awebooking-wrapper.inline .apb-field { vertical-align: top;} } /* # Suite Toggle Shortcode =========================================*/ .suite-toggle { color: #fff; margin-bottom: 10px; } .suite-toggle .main-content { padding: 37px 30px 0; } .suite-toggle.click {transition: all 0.3s ease; background: #31312c !important; } .suite-toggle .price, .suite-toggle .awebooking-room-type__price { display: inline-block; color: #fff; margin-bottom: 0; } .suite-toggle .price > span {margin-right: 4px; font-size: 14px; } .suite-toggle .toggle-content {position: relative; } .suite-toggle .toggle-content span {padding: 0 30px 22px; display: inline-block; } .suite-toggle .toggle-content span i ,.suite-toggle .extra-content .close-toggle i {background: #fff; padding: 7px; color: #000; width: 28px; height: 28px; display: inline-block; margin-top: 20px; cursor: pointer; } .suite-toggle .toggle-content span i:hover,.suite-toggle .extra-content .close-toggle i:hover {background: #222; color: #fff !important; } .suite-toggle .extra-content {color: #fff; position: absolute; top: 60px; background: #31312c; padding: 15px 30px 0; z-index: 999; width: 100%; } .suite-toggle .extra-content p {color: #fff; font-size: 14px; } .suite-toggle .extra-content .close-toggle i {margin: 0 0 15px; } .suite-toggle h3 {color: #fff; text-transform: uppercase; font-size: 18px; margin-bottom: 0; } .suite-toggle .service-icon {margin-bottom: -5px; } .suite-toggle .service-icon i {font-size: 34px; margin-top: 20px; display: inline-block; } @media ( min-width: 768px ) and ( max-width: 960px ){ .suite-toggle .main-content {padding: 24px 12px 0; } .suite-toggle .toggle-content span {padding: 0 12px 22px; } .suite-toggle .extra-content {padding: 0 12px; } } /* # Offers Toggle Shortcode =========================================*/ .offer-toggle figure {position: relative; } .offer-toggle .main-content {position: absolute; top: 0; padding: 30px 35px 70px; } .offer-toggle .offer-icon i {color: #fff; font-size: 48px; margin-bottom: 30px; } .offer-toggle .main-content h3,.offer-toggle .main-content h4 {color: #fff; } .offer-toggle .main-content h4 {font-size: 12px; font-weight: 400; letter-spacing: 1px; } .offer-toggle .main-content h3 {font-size: 31px; font-weight: 600; margin-bottom: 20px; } .offer-toggle .toogle-plus {position: relative; } .offer-toggle .toogle-plus i {cursor: pointer; z-index: 1000; position: absolute; background: #de2f68; padding: 8px; width: 26px; height: 26px; color: #fff; font-size: 10px; display: inline-block; } .offer-toggle .toggle-content {background: rgba(49,49,49,0.93); padding: 70px 30px 55px; margin-top: -33px; } .offer-toggle .extra-content p {color: #fff; font-weight: 300; font-size: 13px; margin-bottom: 0; } .offer-toggle .toogle-plus i {position:relative; overflow:hidden; } .offer-toggle .toogle-plus i:after {content:""; background:rgba(255,255,255,0.3); display:block; position:absolute; padding-top:240%; padding-left:240%; margin-top:-120%; margin-left:-120%; opacity:0; transition:all 1s; } .offer-toggle .toogle-plus i:active:after {padding-top:0; padding-left:0; margin-top:0; margin-left:0; opacity:1; transition:0s; } .offer-toggle .toogle-plus i:after {background-color: #000; } /* # Room List ===============================*/ .page #wrap .hotella-awe-roomlist #awe-plugin-booking { margin: 0; background: #f2f2f2; margin-bottom: 20px;} #awe-plugin-booking .apb-layout .apb-widget-area { background: #fff; } #awe-plugin-booking .apb-container { margin-top: 98px;} #wrap .hotella-awe-roomlist #awe-plugin-booking .apb-content-area { width: 100%;} @media (min-width: 1200px) { .page #awe-plugin-booking .apb-container.apb-check-availability .apb-content-area { width: 75%;} } #awe-plugin-booking .apb-layout .apb-content-area .apb-room_desc { display: none; } #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item { position: relative; background: #fff; } #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .apb-room_img { margin-right: 0;} #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .apb-room_amount { margin-left: 0;} #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .apb-room_price { margin-right: 0;} #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .apb-room_heading { transition: all .3s ease ; -webkit-transition: all .3s ease ; position: absolute;left: 479px;top: 42px;} #awe-plugin-booking .apb-layout .apb-content-area .apb-room_price, #awe-plugin-booking .apb-layout .apb-content-area .apb-room_price span { font-family: 'Poppins', sans-serif; font-size: 13px; text-transform: capitalize; font-weight: 500;} #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .apb-room_text {padding-top: 75px;padding-left: 40px;} #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .apb-room_heading a { font-family: 'Poppins', sans-serif; color: #31312c; font-size: 19px; font-weight: 500;} #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .packages-wrap { overflow: hidden; padding-left: 40px;} #wrap .packages-wrap ul,#wrap .packages-wrap ul li { margin-bottom: 0;} #wrap .packages-wrap ul li { position: relative; list-style: none; font-size: 12px; color: #525249; font-family:'Open Sans',sans-serif; font-weight: 600;} #wrap .packages-wrap ul.packages li { display: flex; list-style: none; padding: 3px 1px;font-size: 13px;font-weight: 400;line-height: 24px;margin-bottom: 1px;margin-right: 0;width: 50%;float: left;} #wrap .wn-apb-room_package-content .apb-package_item i, #wrap .packages-wrap ul.packages li i { float: left; font-size: 24px; color: #de2f68; vertical-align: middle; margin-right: 6px;} #wrap .awe-short-description {padding: 6px 20px;border: 2px solid #e8e8e8;margin-bottom: 14px;display: inline-block;} @media (min-width: 768px) and ( max-width: 1024px) { .hotella-awe-roomlist .apb-container { width: auto;} #wrap #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .apb-room_view-more { bottom: 0;} } @media (max-width:960px){ #wrap .tg-grid-wrapper.honiara-grid .tg-grid-area-top2 { padding-bottom: 190px;} #wrap .tg-grid-wrapper.honiara-grid .tg-grid-area-top2 .tg-filter { padding-bottom: 16px;} } #wrap #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .apb-room_view-more {transition: all .3s ease ; -webkit-transition: all .3s ease ; position: absolute;right: 37px;bottom: 19px;font-size: 13px;text-transform: capitalize;text-decoration: none !important;color: #525249;font-family: 'Poppins', sans-serif;font-weight: 500;font-style: normal;display: inline-block; z-index: 33;} #wrap #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .apb-room_view-more:hover, #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .apb-room_heading:hover a { color: #de2f68; } .page #awe-plugin-booking .apb-layout .apb-widget-area { display: none;} .page #wrap #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area { display: block;} #awe-plugin-booking .apb-layout .apb-content-area .awe-book-tax, .packages-wrap p.tax {margin-bottom: 14px;margin-left: 0;margin-top: 3px;text-transform: capitalize;font-size: 13px;color: #de2f68;font-family: 'Poppins', sans-serif;} #awe-plugin-booking .apb-layout .apb-content-area .awe-book-tax span { margin: 2px;} .awe-short-description { overflow: hidden; line-height: 1.567; text-align: left;} @media (min-width: 768px) { #awe-plugin-booking .apb-layout .apb-content-area .apb-room_img { width: 440px;} } @media (max-width: 767px) { #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item { padding-bottom: 40px;} #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .apb-room_heading { position: relative; left: 0; top: 0; z-index: 2;color: #fff;background: #de2f68;} #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .apb-room_heading h2 a { color: #fff; padding-top: 20px; position: relative; left: 10px; top: 14px; } #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .apb-room_text { padding-top: 20px;} #wrap #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .apb-room_view-more { position: r; bottom: 0; right: 20px;} } /* #Room List Page Navi ==================================*/ .apb-container .page-numbers { margin-right: 5px; margin-bottom: 89px; margin-top: -7px; transition: all .3s ease; -webkit-transition: all .3s ease; font-weight: 500; display: inline-block; text-align: center; border-radius: 5px; color: #31312c; font-size: 15px; padding-top: 12px; width: 42px; height: 42px; background: #fff; font-family: 'Poppins', sans-serif;} .apb-container span.page-numbers.current, .page-numbers:hover { background: #73736b; color: #fff;} .apb-container .next { width: 44px;} .apb-container a.next.page-numbers { color: transparent; position: relative; } .apb-container a.prev.page-numbers:after, .apb-container a.next.page-numbers:after { content: "\e606"; font-family: 'simple-line-icons'; position: absolute; left: 50%; transform: translate(-50%,0); color: #31312c;} .apb-container a.next.page-numbers:after { font-size: 16px; top: -3px; } .apb-container a.next.page-numbers:hover:after { color: #fff;} .apb-room .prev.page-numbers, .apb-room .next.page-numbers { font-size: 8px; line-height: 3; color: transparent; position: relative;} .apb-container a.prev.page-numbers:after { content: "\e605"; font-size: 16px; top: -2px; } .apb-container a.prev.page-numbers:hover:after { color: #fff;} /* Avilable Room Page =================================*/ #wrap #awe-plugin-booking { margin-top: 0;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item { cursor: pointer; position: relative; margin-bottom: 2px;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item * { opacity: 0; height: 0; transition: all .3s cubic-bezier(0.15, 0.28, 0.32, 0.69); -webkit-transition: all .3s cubic-bezier(0.15, 0.28, 0.32, 0.69); } #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-room_text { padding-top: 0;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-room_text {padding-top: 51px;padding-left: 18px;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item { min-height: 73px; transition: all .3s cubic-bezier(0.15, 0.28, 0.32, 0.69); -webkit-transition: all .3s cubic-bezier(0.15, 0.28, 0.32, 0.69); } #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item * { opacity: 1; height: auto; } #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item {min-height: 460px;padding: 29px 0;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-sale-icon { display: none; } #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-room_img img, #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-room_img { width: 330px; } #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .packages-wrap {padding-left: 18px;position: absolute; display: inline-block;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item { transition: all .3s ease; -webkit-transition: all .3s ease; position: relative;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item:hover { background: #de2f68;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item:hover { background: #fff;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item:hover:before { color: #de3268;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item:hover:before { color: #fff;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-room_item .apb-room_heading {position: absolute;top: 21px;left: 375px;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_price, #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_price .apb-room_amount {width: 100%;font-family: 'Poppins', sans-serif;color: #31312c;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-room_name {margin-bottom: 11px;width: 100%;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-room_name { display: none; } #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-room_name { display: block; } #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_name a { font-weight: 600; text-transform: capitalize;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-total-price-wrapper {margin-top: 10px;margin-bottom: 0;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .readmore-price { margin-left: 10px; transition: all .3s ease ; -webkit-transition: all .3s ease; font-size: 13px; text-transform: capitalize; text-decoration: none !important; color: #525249; font-family: 'Poppins', sans-serif; font-weight: 500; font-style: normal; display: inline-block;} /* packages */ #wrap .wn-apb-room_package-content .apb-package_text h4 {margin: 0 0 20px 0;color: #616161;font-size: 15px;line-height: 1.8;font-weight: 100;cursor: pointer;} #wrap #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-package_img { margin-right: 0;} #wrap #awe-plugin-booking .wn-apb-room_package-content { padding-left: 5px; overflow: hidden;} #wrap #awe-plugin-booking .apb-package_item { padding-left: 16px; border: none;float: left;width: 50%;margin: 0;position: relative;} #wrap .wn-apb-room_package-content .apb-package_text input[type="checkbox"] {display: none; } #wrap .wn-apb-room_package-content .apb-package_text label {position: relative; padding-left: 28px; } #wrap .wn-apb-room_package-content .apb-package_text label:before, .apb-package_text label:after {content: ""; position: absolute; left: 0; top: 4px; width: 18px; height: 18px; border-radius: 3px; } #wrap .wn-apb-room_package-content .apb-package_text label:before {background-color: #e2e6e9 } #wrap .wn-apb-room_package-content .apb-package_text input[type=checkbox]:checked + label:after { font-family: FontAwesome; content: "\f00c"; color: #fff; background: #77da55; display: inline-block; text-align: center; line-height: 18px; } @media ( min-width: 768px) and ( max-width: 1200px) { #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-action-wrapper { left: 0; right auto} } @media (max-width: 960px) { #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .readmore-price { display: block;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .packages-wrap { position: static;} } #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-action-wrapper { position: absolute; right: 1px; bottom: 0; } #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-action-wrapper a {transition: all .3s ease;font-family: 'Poppins', sans-serif;font-weight: 600;border-radius: 55px;background: #de3268;padding: 16px 39px;} #wrap #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-action-wrapper a:hover { background: #333;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .packages-wrap p.tax { margin-top: 0;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-room_heading { top: 22px; left: 346px; } #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-room_text p.apb-remain-room { display: none;} @media (max-width: 767px) { #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .packages-wrap { margin-bottom: 20px; } #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-room_text { padding-top: 0; } #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item { padding-top: 80px;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-room_heading {position: relative;left: 0;top: 90%;z-index: 2;padding-bottom: 10px;color: #fff;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-room_heading h2 { padding-bottom: 5px;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_price:not(.apb-total-price), #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_price .apb-room_amount:not(.apb-total-price) {color: #fff;padding-left: 5px;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area span.apb-room_price.apb-total-price, #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area span.apb-room_price.apb-total-price .apb-room_amount { color: #333;} #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-room_img img, #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-room_img { width: 100%;} #awe-plugin-booking .apb-layout .apb-content-area .apb-room_item .apb-room_heading:hover a { color: #fff;} } @media (max-width: 480px){ #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-action-wrapper { right: 11px; bottom: 0; } #awe-plugin-booking .apb-container.apb-check-availability .apb-layout .apb-content-area .apb-room_item .apb-action-wrapper a { padding: 10px; } } /* #Awebooking Sidebar Reservtion ==========================================*/ #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area .apb-check-avb-form { background: #f2f2f2; padding: 16px 4px 0;} #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area .apb-check-avb-form .apb-heading { padding-left: 24px; border: none; margin-bottom: 0; text-align: left; font-weight: 500; font-family: 'Poppins', sans-serif; font-size: 14px; color: #31312c; text-transform: capitalize; } #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area .apb-check-avb-form .awebooking-wrapper .apb-content { padding-top: 7px;} #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area .apb-check-avb-form .awebooking-wrapper .apb-content .apb-field > label { font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: 500; color: #424242; margin-bottom: 2px; } #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area .apb-check-avb-form .awebooking-wrapper .apb-content .apb-field .apb-field-group input::-webkit-input-placeholder { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 500; } #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area .apb-check-avb-form .awebooking-wrapper .apb-content .apb-field .apb-field-group input::-moz-placeholder { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 500; } #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area .apb-check-avb-form .awebooking-wrapper .apb-content .apb-field .apb-field-group input:-ms-input-placeholder { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 500; } #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area .apb-check-avb-form .awebooking-wrapper .apb-content .apb-field .apb-field-group input:-moz-placeholder { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 500; } #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area .apb-check-avb-form .awebooking-wrapper .apb-content .apb-field .apb-field-group input, #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area .apb-check-avb-form .awebooking-wrapper .apb-content .apb-field .apb-field-group select { border: 1px solid #ccc; font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 500; } #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area .apb-check-avb-form .awebooking-wrapper .apb-content .apb-field .apb-field-group input { padding: 0 6px; } #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area .apb-check-avb-form .awebooking-wrapper .apb-content .apb-field .apb-field-group select { padding: 0 21px; } #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area .apb-check-avb-form .awebooking-wrapper .apb-content .apb-field .apb-field-group .apbf { color: #de2f68; } #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area .apb-check-avb-form .awebooking-wrapper .apb-btn.check-avb-js { background: #de2f68; font-weight: 400; padding: 21px 10px 18px; margin-bottom: 9px;} #awe-plugin-booking .apb-layout.apb-sidebar-left .apb-widget-area .apb-check-avb-form .awebooking-wrapper .apb-btn.check-avb-js:hover {background: #222;color: #fff;} .apb-datepicker.ui-datepicker .ui-datepicker-next:before,.apb-datepicker.ui-datepicker .ui-datepicker-next:after,#apb_calendar .ui-datepicker .ui-datepicker-prev:before,#apb_calendar .ui-datepicker .ui-datepicker-next:before { display: none;} .apb-datepicker.ui-datepicker .ui-datepicker-current-day,.apb-datepicker.ui-datepicker .ui-datepicker-calendar td:hover,#apb_calendar .ui-datepicker .ui-datepicker-current-day { background: transparent;} #apb_calendar .ui-datepicker { box-shadow: none;} #awe-plugin-booking .apb-step ul > li { font-weight: 600;} /* #AweBooking Single page ========================================*/ .awe-book-single { background: #fff; } .awe-book-single .w-awe-content-sec { margin-top: 14px;} .awe-book-single .w-awe-content-sec .w-awe-single-pack h4.pack-title { text-transform: uppercase; font-weight: 700; color: #31312c; font-size: 15px; margin-bottom: 3px;} .awe-book-single .w-awe-content-sec .w-awe-single-pack .tax, .awe-book-single .w-awe-content-sec .w-awe-single-pack .awe-book-tax { display: none;} .awe-book-single .w-awe-content-sec .w-awe-single-pack .packages { margin-bottom: 14px; } .awe-book-single .w-awe-content-sec .w-awe-single-pack .packages li {list-style: none;position: relative;color: #525249;margin-left: -3px;} .awe-book-single .w-awe-content-sec .w-awe-single-pack .packages-wrap ul.packages li { position: relative; cursor: pointer; } .awe-book-single .w-awe-content-sec .w-awe-single-pack .packages-wrap ul.packages li p span { opacity: 0; visibility: hidden; position: absolute; top: -35px; left: 5px; padding: 0 8px; background-color: #010101; border-radius: 0; color: #fff; content: attr(data-wntooltip); text-align: center; font-size: 10px; text-transform: uppercase; font-weight: 400; height: 23px; line-height: 23px; white-space: nowrap; letter-spacing: 1px; z-index: 2; box-shadow: 0 1px 18px rgba(0,0,0,0.23); -webkit-transition: all 0.18s ease; transition: all 0.18s ease;} .awe-book-single .w-awe-content-sec .w-awe-single-pack .packages-wrap ul.packages li p span:before {content: ''; position: absolute; bottom: -8px; left: 13px; width: 0; border-width: 4px; border-style: solid; border-color: #010101 transparent transparent transparent; } .awe-book-single .w-awe-content-sec .w-awe-single-pack .packages-wrap ul.packages li:hover span { opacity: 1; visibility: visible; } .awe-book-single .w-awe-content-sec .post-ratings { margin-bottom: 4px;} .awe-book-single .w-awe-content-sec .post-ratings-text { display: none !important;} .awe-book-single .w-awe-content-sec .room-price { text-transform: capitalize; padding-bottom: 17px;} .awe-book-single .w-awe-content-sec .room-price * { color: #31312c;} .awe-book-single .w-awe-content-sec .room-price .from-night { float: left; margin-right: 5px;} .awe-book-single .w-awe-content-sec .room-price .amount { font-weight: 700;} @media( max-width:960px ){ .awe-book-single .w-awe-content-sec { margin-top: 40px;} } /* Gallery sec */ .awe-book-single .w-awe-gallery-sec .apb-product_thumb .owl-item.synced > .apb-product_thumb_item > a:after { display: none;} .awe-book-single .w-awe-gallery-sec .apb-product_thumb .apb-product_thumb_item { padding: 0 2px;} .awe-book-single .w-awe-gallery-sec .apb-product_thumb .owl-item .apb-product_thumb_item img { border: 2px solid transparent; padding: 1px; transition: all .3s ease;} .awe-book-single .w-awe-gallery-sec .apb-product_thumb .owl-item.synced .apb-product_thumb_item img { border: 2px solid #bbb; padding: 1px;} /* #Guset Review Page ========================================*/ #wrap .wpcr3_in_content:before,#wrap .wpcr3_in_content:after,#wrap .wpcr3_review_item:after,#wrap .wpcr3_review_item:before {display: table; content: " ";} #wrap .wpcr3_in_content:after,#wrap .wpcr3_review_item:after {clear: both;} #wrap .wpcr3_in_content > div {display: block !important; float: left; position: relative; min-height: 1px; padding-right: 15px !important; padding-left: 15px !important; } #wrap .wpcr3_in_content div.wpcr3_dotline {display: none !important; } #wrap .wpcr3_in_content div.wpcr3_clear.wpcr3_pb5 {display: none !important; } #wrap div.wpcr3_respond_3 {display: none !important; } #wrap .wpcr3_div_2 {width: 100%; padding: 20px; } #wrap .wpcr3_respond_2 textarea {min-width: 100%; } #wrap .wpcr3_respond_2 input[type="text"] {min-width: 100%; margin: 0; } #wrap .wpcr3_respond_2 label {font-weight: 300; } #wrap .wpcr3_respond_2 table tbody tr:first-child td {padding: 0; } #wrap .wpcr3_in_content div.wpcr3_respond_2 {background: #f2f2f2; } #wrap .wpcr3_review_form_text_field td:first-child {width: 20px !important; padding: 0; vertical-align: middle; } #wrap .wpcr3_leave_text {color: #31312c; font-weight: 500; font-size: 15px; margin: 10px 0; } #wrap .wpcr3_review {display: block !important; float: left; float: left; position: relative; min-height: 1px; padding-right: 15px !important; padding-left: 15px !important; } @media (min-width: 768px){ #wrap .wpcr3_in_content div.wpcr3_reviews_holder {width: 66.66666667%;} #wrap .wpcr3_in_content div.wpcr3_respond_2 {width: 33.33333333%;} #wrap .wpcr3_review {width: 49%;} } @media (max-width: 960px){ #wrap .wpcr3_review {width: auto;} } /* #Awebooking Vertical Shortcode in single ================================================*/ .single-awe .awebooking { background: #fff; padding: 16px 35px 0; } .single-awe .awebooking .awebooking-wrapper .apb-heading { padding-left: 24px; border: none; margin-bottom: 0; text-align: left; font-weight: 500; font-family: 'Poppins', sans-serif; font-size: 14px; color: #31312c; text-transform: capitalize; } .single-awe .awebooking .awebooking-wrapper .apb-content { padding-top: 7px;} .single-awe .awebooking .awebooking-wrapper .apb-content .apb-field > label { font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: 500; color: #de2f68; margin-bottom: 2px; } .single-awe .awebooking .awebooking-wrapper .apb-content .apb-field { margin-bottom: 24px;} .single-awe .awebooking .awebooking-wrapper .apb-content .apb-field .apb-field-group input::-webkit-input-placeholder { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 500; } .single-awe .awebooking .awebooking-wrapper .apb-content .apb-field .apb-field-group input::-moz-placeholder { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 500; } .single-awe .awebooking .awebooking-wrapper .apb-content .apb-field .apb-field-group input:-ms-input-placeholder { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 500; } .single-awe .awebooking .awebooking-wrapper .apb-content .apb-field .apb-field-group input:-moz-placeholder { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 500; } .single-awe .awebooking .awebooking-wrapper .apb-content .apb-field .apb-field-group input, .single-awe .awebooking .awebooking-wrapper .apb-content .apb-field .apb-field-group select { border: 1px solid #ccc; font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 500; } .single-awe .awebooking .awebooking-wrapper .apb-content .apb-field .apb-field-group input { padding: 0 6px; } .single-awe .awebooking .awebooking-wrapper .apb-content .apb-field .apb-field-group select { padding: 0 21px; } .single-awe .awebooking .awebooking-wrapper .apb-content .apb-field .apb-field-group .apbf { color: #de2f68; } .single-awe .awebooking .awebooking-wrapper .apb-btn { background: #34342e; font-weight: 400; padding: 21px 10px 18px; margin-bottom: 9px;} .single-awe .awebooking .awebooking-wrapper .apb-btn:hover {background: #de2f68;color: #fff;} @media (min-width:768px) and ( max-width: 960px ){ .single-awe .awebooking { padding: 16px 0 0; } } /* #Webnus image carousel ===============================*/ .w-image-carousel .owl-item { padding: 0 7px;} /* #Food Menu 1 ======================================*/ .food-menu-w1 { display:block; border:8px solid #e7e7e7; padding:30px 40px; margin-bottom:30px;} .food-menu-w1 img { width: 215px; float:right; margin-left:15px; margin-right:0; margin-bottom:15px;} .food-menu-w1 .menu-dts { width:57%; text-align:center;} .food-menu-w1 h3 { font-weight:bold; letter-spacing:2px;} .food-menu-w1 h5 { margin-top:16px; margin-bottom:12px; font-size:18px; letter-spacing:1px;} @media (min-width: 768px) and (max-width: 960px) { .food-menu-w1 { padding:25px 20px;} .food-menu-w1 h3 { font-size:23px; letter-spacing:1px;} } @media (max-width: 767px) { .food-menu-w1 img { float:none; width:100%; margin:0; margin-bottom:25px;} .food-menu-w1 .menu-dts { width:100%;} .food-menu-w1 h3 { font-size:21px; letter-spacing:0;} } /* #Food Menu 2 ======================================*/ .food-menu-w2 { display:block; margin-bottom:10px; padding:30px 20px; overflow:hidden;} .fm-w2-item { margin-bottom:20px; clear:both;} .fm-w2-top { clear: both; width: 100%; min-height:30px; position: relative; overflow: hidden;} .fm-w2-item .fm-w2-name { font-size:15px; font-weight:500; letter-spacing:1px; color:#4c352a; padding:1px 4px; display:inline-block; float:left; width:100%;} .fm-w2-item .fm-w2-name:after { content:''; display:inline; float:right; border-bottom:1px dashed #d2d2d2; width:100%; position:absolute; margin-left:5px; bottom:17px;} .fm-w2-item .fm-w2-price { color:#de2f68; float:right; font-size:16px; font-weight:700; padding:1px 11px; position:absolute; right:0; background:#fff; border-radius:27px;} .fm-w2-item .fm-w2-des { padding-left:4px; color:#9a8b84; font-size:13px; font-family:'Droid Serif','Montserrat', Helvetica, Arial, sans-serif;padding-left: 4px;} .fm-w2-item.featured-w2 { position:relative; padding:9px 7px; border:2px solid #de2f68; margin-left:-7px; margin-right:-7px;} .fm-w2-item.featured-w2 .fm-w2-featured { display:inline-block; position:absolute; right:0; bottom:0; padding:2px 7px 0 11px; background:#de2f68; color:#fff; font-size:9px; text-transform: uppercase; letter-spacing:2px;} @media (max-width: 767px) { .fm-w2-item .fm-w2-name { letter-spacing:0; font-size:13px; font-weight:700;} .fm-w2-item .fm-w2-des { font-size:11px;} .fm-w2-item .fm-w2-price { font-size:13px; padding:1px 5px;} } @media (max-width: 479px) { .fm-w2-item .fm-w2-name { margin-right:40px;} .fm-w2-item.featured-w2 { padding-bottom:29px;} .fm-w2-item .fm-w2-name:after { display:none;} } /* #Food Menu 3 ======================================*/ .food-menu-w3 { display:block; padding:20px 15px 20px 70px; margin-bottom:30px; position:relative;} .food-menu-w3 img { width:60px; border-radius:33px; float:left; position:absolute; left:0; top:10px;} .food-menu-w3 .w3-menu-top { text-align:left; overflow:hidden; position:relative; clear:both; min-height:30px;} .food-menu-w3 h3 { padding-top:1px; font-weight:bold; font-size:18px; letter-spacing:2px; float:left; color:#654c40;} .food-menu-w3 h3:after { content:''; display:inline; float:right; border-bottom:1px dashed #d2d2d2; width:100%; position:absolute; margin-left:5px; bottom:18px;} .food-menu-w3 h5 { margin-top:-1px; border-radius:27px; margin-bottom:12px; font-size:17px; letter-spacing:1px; float:right; background:#fff; padding:1px 3px; position:absolute; right:0;} .food-menu-w3 p { margin:0;} .food-menu-w3 .w3-menu-dts { color:#82736b; font-size:12px;} @media only screen and (min-width: 480px) and (max-width: 767px) { .food-menu-w3 h3 { font-size:13px;} .food-menu-w3 h5 { font-size:12px; font-weight:700;} .food-menu-w3 h3:after { bottom:21px} } @media (max-width: 479px) { .food-menu-w3 h5 { right:auto; top:0; left:0; font-size:15px; font-weight:700;} .food-menu-w3 h3 { padding-top:25px;} .food-menu-w3 h3:after { display:none;} } /* #Food Menu 4 ======================================*/ .food-menu-w4 { display:block; padding:0; margin-bottom:30px; position:relative;} .food-menu-w4 img { width:100%; margin-bottom:15px; border:6px solid #ddd; transition: all 0.2s ease; } .food-menu-w4:hover img { border-color:#de2f68;} .food-menu-w4 .w4-menu-top { text-align:left; overflow:hidden; position:relative; clear:both; min-height:30px;} .food-menu-w4 h3 { padding-top:3px; font-weight:bold; font-size:17px; letter-spacing:2px; float:left; color:#2a2a2a; width:100%;} .food-menu-w4 h3:after { content:''; display:inline; float:right; border-bottom:1px dashed #d2d2d2; width:100%; position:absolute; margin-left:5px; bottom:17px;} .food-menu-w4 h5 { margin-top:0; margin-bottom:12px; font-size:17px; letter-spacing:1px; float:right; background:#fff; padding:1px 3px; position:absolute; right:0; border-radius:27px;} .blox .food-menu-w4 h5 { background:#f7f7f7;} .food-menu-w4 p { margin:0;} .food-menu-w4 .w4-menu-dts { color:#8a8a8a; font-size:13px;} @media only screen and (min-width: 480px) and (max-width: 767px) { .food-menu-w4 h3 { font-size:13px;} .food-menu-w4 h5 { font-size:12px; font-weight:700;} .food-menu-w4 h3:after { bottom:21px} } @media (max-width: 479px) { .food-menu-w4 h5 { right:auto; top:0; left:0; font-size:15px; font-weight:700;} .food-menu-w4 h3 { padding-top:25px;} .food-menu-w4 h3:after { display:none;} } /** Review page */ #wrap .wpcr3_leave_text {font-size: 14px; color: #31312c; font-weight: 500; } #wrap .wpcr3_table_2 label {font-size: 14px; color: #a9a9a9; font-weight: 400; } textarea#id_wpcr3_ftext {background: #fff; min-height:220px; } .wpcr3_button_1.wpcr3_submit_btn {font-weight:500; border-radius: 55px; letter-spacing: 0; padding: 10px 30px 6px 30px; font-weight: 400; background: #de2f68; color: #fff; -webkit-transition: background-color 0.2s ease-out 0.1s; transition: background-color 0.2s ease-out 0.1s; } #wrap .wpcr3_button_1.wpcr3_submit_btn:hover {background:#292929; } .wpcr3_button_1.wpcr3_cancel_btn {font-weight:500; border-radius: 55px; letter-spacing: 0; padding: 10px 30px 6px 30px; background: #fff; color: #de2f68; border: 2px solid #de2f68; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .wpcr3_button_1.wpcr3_cancel_btn:hover {background:#E64883; color:#fff; } #wrap .wpcr3_button_1.wpcr3_cancel_btn:hover { color: #fff; } #wrap .wpcr3_review_ratingValue {background: #f2f2f2; padding: 17px 9px 0px 23px; margin: 0; width: 50%; } #wrap .wpcr3_review_datePublished {font-size: 12px; color: #73736b; background: #f2f2f2; text-align: right; padding: 17px 23px 0px 0px; width: 50%; } #wrap .wpcr3_review_author {background: #f2f2f2; width: 100%; color: #31312c; font-size: 14px; padding: 1px 6px 13px 23px; } #wrap .wpcr3_review_title.wpcr3_caps {font-family: 'Lora','serif','arial'; font-size: 16px; font-style: italic; color: #de2f68; padding: 15px 0 0 20px; border-right: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; } #wrap .wpcr3_review_form_rating_field td,#wrap .wpcr3_review_form_review_field_label td{padding-left: 0; } #wrap .wpcr3_item_name {font-size: 11px; float: right; padding: 2px 17px 0px 0px; } #wrap .wpcr3_content::before {display: none; } #wrap .wpcr3_content {padding: 15px 21px 30px 21px; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; } #wrap .wpcr3_content p {font-size: 15px; font-weight: 300; } /* Fix button style in safari & chrome > IOS */ @supports (-webkit-appearance:none) { input[type="search"],input[type="text"],input[type="button"],input[type="submit"] {-webkit-appearance: none;border-radius: 0;} } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type="search"],input[type="text"],input[type="button"],input[type="submit"] {-webkit-appearance: none;border-radius: 0;} } /* #HBook ======================================*/ .single-hb_accommodation h6.blog-cat,.single-hb_accommodation h6.blog-comments,.single-hb_accommodation .about-author-sec { display: none} p.hb-booking-search-submit input,.hb-booking-change-search input,.hb-select-accom input,.hb-confirm-button input { background: #de2f68;} .hb-check-dates-wrapper input, .hb-people-wrapper select { margin-bottom: 0;} form.hb-booking-search-form h3 { background: #f9f9f9; padding: 10px; font-size: 22px; margin-bottom: 20px;} .hbook-wrapper input[type="text"] { background: #f1f1f1; border-color: #ddd; color: #777; padding: 10px 15px;} .hb-dp-day a { color: #de2f68;} .hb-dp-day a:hover { color:#222;} .hb-dp-day a.hb-dp-selected { background: #de2f68; padding: 8px; color: #fff;} span.hb-summary-change-search a { color: #de2f68; font-size: 16px;} .hb-accom-list-shortcode-wrapper .hb-accom-list-item a { font-size: 24px; font-weight: 400; color: #de2f68;} .hb-accom-list-shortcode-wrapper .hb-accom-list-item p small,.hb-accom-list-shortcode-wrapper .hb-accom-list-item a:hover { color: #222;} .hb-accom-list-shortcode-wrapper hr { border: none; margin-bottom: 30px;} a.hb-dp-cmd.hb-dp-cmd-prev, a.hb-dp-cmd.hb-dp-cmd-next { background: #de2f68; font-size: 23px; font-weight: 100; padding-top: 2px;} /* End ------------- /*---------------------------------- Theme Name: Hotella ----------------------- /* #Widgets Styles ================================================== */ /* Sidebar Lists */ .widget { height: auto; padding: 0px; text-align: left; font-size:13px; font-weight:normal; clear:both; position:relative; text-align:left; overflow:hidden;} .sidebar .widget, .wpb_column .widget {margin-bottom: 30px;} .widget ul, .widget ul li { margin: 0; padding: 0; list-style: none; letter-spacing:0;} .widget li, .widget p, .widget div { word-wrap:break-word;} .widget ul {margin-bottom: 10px;} .widget ul.children { margin-bottom:0; padding-left:16px;} .sidebar .widget ul li, #footer.litex .widget ul li { color:#91979d; font-size:13px; padding-top: 5px; padding-bottom: 5px;} .widget ul.children li:last-child { border:none;} .widget ul li a, #footer.litex .footer-in .widget ul li a { text-decoration: none; color: #444; padding: 6px 2px 8px 0; -webkit-transition: all .07s ease; -moz-transition: all .07s ease; -ms-transition: all .07s ease; -o-transition: all .07s ease; transition: all .07s ease; } .widget ul li a:hover, #footer.litex .footer-in .widget ul li a:hover { color: #de2f68;} #footer .footer-in.type-2 .widget h5.subtitle {color: #31312c; padding-bottom: 0; } #footer.litex .footer-in .widget ul li:hover {background: #f7f7f7;} #footer.litex .footer-in .widget ul li a { background:none; color:#5d5d5d; padding:0;} #footer.litex .footer-in .widget ul li a:hover { padding:0;} #footer.litex .footer-in .widget ul li:hover { background:#fff; color:#555;} .widget ul li.menu-item-has-children:after { content:""; display:none;} .widget ul li span { color:#91979d;} .widget ul li .comment-author-link a { font-size: 14px; font-weight: bold; } .widget ul li .comment-author-link a:before { font-family: 'FontAwesome'; font-size: 15px;content: "\f0e6";margin-right: 7px;} .widget ul li .comment-author-link a:after { content: " : "; } .widget ul li .comment-author-link a:hover { color: #de2f68;} .toggle-top-area .widget ul li a, .footer-in .widget ul li a { text-decoration: none; color: #c8c9ce; font-weight: 400;} .toggle-top-area .widget ul.menu li a, .footer-in .widget ul.menu li a { display:block; padding:8px 2px 7px 0;} .sidebar .widget .instagram-feed ul { overflow: hidden; } .sidebar .widget .instagram-feed ul li {padding: 0;}.widget-tabs .tab_content .tab-list li .widget .postslider li, .widget .postslider ul li:hover, .widget .instagram-feed li, .widget .minislideshow li, .widget .minislideshow ul li:hover, #footer.litex .widget .postslider li, #footer.litex .widget .postslider ul li:hover, #footer.litex .widget .instagram-feed li, #footer.litex .widget .minislideshow li, #footer.litex .widget .minislideshow ul li:hover { border:none; padding:0; background:none;} .widget .postslider li a, .widget .instagram-feed li a, #footer .widget .postslider li a, .widget .minislideshow li a { padding:0; background:none; color:#484848;} .widget .postslider li a:hover, .widget .instagram-feed a:hover, #footer .widget .postslider a:hover, .widget .minislideshow li a:hover { padding-left:0; background:none;} .widget .postslider li:after, .widget .side-list li:after, .widget .instagram-feed li:after, .widget .minislideshow li:after, #footer.litex .widget .postslider li:after, #footer.litex .widget .side-list li:after, #footer.litex .widget .instagram-feed li:after, #footer.litex .widget .minislideshow li:after {display:none;} .widget .postslider p, #footer .footer-in .widget .postslider p { font-size:14px; font-weight:700; line-height:1.2; letter-spacing:1px; text-transform:uppercase; text-align:center; margin-top:10px; color:#111; padding:7px 15px 4px; margin-bottom:0;} .toggle-top-area .widget .postslider p, #footer .footer-in .widget .postslider p { color:#e9e9e9;} #footer.litext .footer-in .widget .postslider p { color:#404040;} .toggle-top-area .widget .flexslider, #footer .widget .flexslider { background: none;} .toggle-top-area .widget .flexslider img, #footer .widget .flexslider img { margin-bottom:12px;} .widget .flexslider img { border-bottom:3px solid rgba(0,0,0,0.18);} .widget .flex-control-nav { display:none;} .widget .flex-direction-nav a { padding:14px 7px 10px !important; top:46%;} .widget .b-author img { width:70px; height:70px; border-radius:35px;} .widget .testimonial-content p, .footer-in .widget .testimonial-content p { margin:0 5px; font-size:13px; font-weight:normal;} .widget .testimonial-content h4 q { font-size:16px; font-family:'Lora', serif; font-style:italic;} @media only screen and (max-width: 767px) { .widget .testimonial-content h4 q { font-size:15px;} } .widget .flexslider:hover .flex-next, .widget .flexslider:hover .flex-prev {opacity: 1; background-color: rgba(0,0,0,0.8) !important;} .widget .flickr-feed { margin-bottom:14px;} .widget .flickr-feed a, .widget .instagram-feed a { float:left; background:none; padding: 0; margin:0 1px 1px 0;} #footer.litex .widget .flickr-feed a, #footer.litex .widget .instagram-feed a, .sidebar .widget .flickr-feed a, .sidebar .widget .instagram-feed a { opacity: 1; filter: alpha(opacity=100);} .widget .instagram-feed a { margin:0 3px 3px 0;} .widget .instagram-feed a img { width:97px; height:97px; box-shadow:none; transition: all 0.31s ease;} @media only screen and (max-width: 479px) { .widget .instagram-feed a img { width:90px; height:90px;} } .sidebar .widget .instagram-feed a:hover img { -webkit-filter: grayscale(1); filter: grayscale(1);} .toggle-top-area .widget .instagram-feed a, #footer .widget .instagram-feed a { margin:0 1px 1px 0;} .toggle-top-area .widget .instagram-feed a img, #footer .widget .instagram-feed a img { margin:0; width:80px; height:80px; box-shadow: none; transition: all 0.29s ease;} .toggle-top-area .widget .instagram-feed a img:hover, #footer .widget .instagram-feed a img:hover { border-color:#de2f68;} .toggle-top-area .col-md-3 .widget .instagram-feed a img, #footer .col-md-3 .widget .instagram-feed a img { width:77px; height:77px;} @media only screen and (min-width: 1281px) { .toggle-top-area .col-md-3 .widget .instagram-feed a img, #footer .col-md-3 .widget .instagram-feed a img { width:85px; height:85px;} } #footer.litex .widget .instagram-feed a img { box-shadow:none;} .widget .flickr_badge_image, .widget .flickr-feed img { width:74px; height:auto; margin:0;} #footer .widget .flickr_badge_image, #footer .widget .flickr-feed img { width:85px;} .widget .flickr-feed a:hover, #footer.litex .flickr-feed a:hover, .widget .instagram-feed a:hover, #footer.litex .widget .instagram-feed a:hover, .sidebar .widget .flickr-feed a:hover, .sidebar .widget .instagram-feed a:hover { opacity: 1; filter: alpha(opacity=100);} .widget .socialfollow {float:none; clear:both; margin: 10px 0 0; overflow: hidden;} .widget .socialfollow a i { margin:1px; color:#555; font-size:21px;} #footer .widget .socialfollow a i, .widget .socialfollow a:hover i {color: #aaa; font-size:18px; transition: .3s all;} #footer .widget .socialfollow a:hover i {color: #de2f68; } .sidebar .widget div.socialfollow i { color:#222;} .sidebar .widget div.socialfollow a:hover i { color:#fff;} #footer.litex .footer-in .contact-inf input, #footer.litex .footer-in .contact-inf textarea { background:#eee; border-color:#ddd; color:#696969; box-shadow: inset 0 0 3px 1px #e9e9e9, 1px 1px #fff;} h2.widgettitle { font-size:13px; line-height:20px; letter-spacing:2px; font-weight:bold; text-transform:uppercase; color:#54606b; margin:20px 0 16px; padding-bottom:10px; border-bottom:2px solid #e5e5e5;} .widget .textwidget ul li:after { display:none;} .sidebar .widget .socialfollow a { width: 36px; height: 36px; padding: 8px; margin-right:6px; border: 1px solid #D6D6D6;float:none; background: #fff; display:inline-block;border-radius: 6px;} .sidebar .widget .socialfollow a.google-plus { padding-left: 6px; } .sidebar .widget .socialfollow a.facebook i:before { color: #3b5996; } .sidebar .widget .socialfollow a.twitter i:before {color: #00acee;} .sidebar .widget .socialfollow a.vimeo i:before { color: #0dadd6; } .sidebar .widget .socialfollow a.dribble i:before { color: #d53e68; } .sidebar .widget .socialfollow a.youtube i:before { color: #cb322c; } .sidebar .widget .socialfollow a.pinterest i:before { color: #cb2027; } .sidebar .widget .socialfollow a.google i:before { color: #c3391c; } .sidebar .widget .socialfollow a.linkedin i:before { color: #0073b2; } .sidebar .widget .socialfollow a.rss i:before { color: #f29a1d; } .sidebar .widget .socialfollow a.instagram i:before { color: #457399; } .sidebar .widget .socialfollow a.other-social i:before { color: #f63b29; } .sidebar .widget .socialfollow a:hover i:before { color: #fff; } #wrap .sidebar .widget .socialfollow a:hover { border-color:transparent;} #wrap .sidebar .socialfollow a.facebook:hover { background: #3b5996; } #wrap .sidebar .socialfollow a.twitter:hover { background: #00acee; } #wrap .sidebar .socialfollow a.vimeo:hover { background: #0dadd6; } #wrap .sidebar .socialfollow a.dribble:hover { background: #d53e68; } #wrap .sidebar .socialfollow a.youtube:hover { background: #cb322c; } #wrap .sidebar .socialfollow a.pinterest:hover { background: #cb2027; } #wrap .sidebar .socialfollow a.google-plus:hover { background: #c3391c; } #wrap .sidebar .socialfollow a.linkedin:hover { background: #0073b2; } #wrap .sidebar .socialfollow a.rss:hover { background: #f29a1d; } #wrap .sidebar .socialfollow a.instagram:hover { background: #457399; } #wrap .sidebar .socialfollow a.other-social:hover { background: #f63b29;} .sidebar .widget .socialfollow a i { line-height:1; height:auto; font-size: 18px;} @media only screen and (max-width: 767px) { .sidebar .widget .socialfollow a { margin:2px;} } .toggle-top-area, .toggle-top-area.footer-in { z-index: 99999; background: rgba(16, 16, 18, 0.99); position: absolute; width: 100%; padding-bottom: 0;} .toggle-top-area .col-md-3 { margin-bottom:35px;} .toggle-top-area .col-md-3 .widget { padding:0 10px;} .toggle-top-area .w_toparea { color: #fff; overflow: hidden; display:none; padding: 30px 0;} .toggle-top-area .w_toggle {position: absolute; right: 0; border-top: 35px solid rgba(16, 16, 18, 0.99); border-left: 35px solid transparent;} .toggle-top-area .w_toggle:after {font-size: 8px; font-family: 'FontAwesome'; content: '\f067'; position: absolute; left: -16px; top: -35px; color: #fff;} .toggle-top-area .w_toggle.open:after {content: '\f068';} .toggle-top-area .textwidget, .toggle-top-area .textwidget p, .footer-in .textwidget { color:#b5b5b5;} .toggle-top-area.footer-in .socialfollow a:hover { text-decoration: none; border-color: transparent; color: #fff;} .toggle-top-area.footer-in .widget .socialfollow a i, .toggle-top-area.footer-in .widget .socialfollow a:hover i {color: #aaa;font-size: 17px;transition: .3s all;} .toggle-top-area.footer-in .socialfollow a:hover i { color: #fff;} @media only screen and (max-width: 767px) { .toggle-top-area { display:none;} } /* Sidebar Image Lists */ .side-list ul, ul.side-list { list-style:none; margin-left:0; margin-bottom:0px;} .side-list li, #footer.litex .side-list li, .widget .side-list li { border-bottom:none; padding:15px 0 5px; margin:0; min-height:90px; text-align:left;} .side-list li:last-child, #footer.litex .side-list li:last-child, .widget .side-list li:last-child { border-bottom:none;} .side-list li:hover { background:#fdfdfd;} .side-list img { float:left; width: 70px; height: 63px; padding:2px; margin-right:10px; -webkit-transition: all .14s ease; -moz-transition: all .14s ease; -ms-transition: all .14s ease; -o-transition: all .14s ease; transition: all .14s ease; } .side-list li:hover img { background:#de2f68;} .side-list h5 { font-size:13px; font-weight:500; margin:0 0 6px; line-height:1.4; letter-spacing:0; text-transform:none;} .widget .side-list h5 a { color:#303030;} .widget .side-list h5 a:hover { text-decoration:underline;} #wrap .side-list p { font-size: 11px; color: #7d8195; margin-bottom:10px;} .widget .side-list a, .widget .side-list a:hover { background:none; padding:0;} #footer .side-list ul, #footer ul.side-list, .toggle-top-area .side-list ul, .toggle-top-area ul.side-list { border:none;} #footer .side-list li, .toggle-top-area .side-list li { border: none; background:none;} #footer .side-list h5 a, .toggle-top-area .side-list h5 a { color:#d2d2d2;} #footer.litex .footer-in .side-list h5 a { color:#5e5e5e;} #footer.litex .side-list img { background:#fff;} #footer .side-list a { letter-spacing: 0; transition: ease .3s all;} #footer .side-list ul li { padding-left: 25px; font-size: 14px; border-bottom: 1px solid transparent; border-top: 1px solid transparent;} #footer .side-list ul li>a:after { content: "\e606"; position: absolute; left: 10px; font-family: 'simple-line-icons'; font-size: 8px; color: #49a0c1; transition: ease .3s all;} #footer .side-list ul li:hover a { color: #49a0c1;} #footer .side-list ul li:hover { background: rgba(0,0,0,0.11); border-bottom: 1px solid rgba(255,255,255,0.08); border-top: 1px solid rgba(255,255,255,0.08);} #footer .side-list ul li p { font-size: 11px;} #footer .side-list ul li:hover p { color: #fff; transition: ease .3s all;} #footer .side-list ul li:hover ul li>a:after { color: #fff;} #footer .side-list ul li img { display: none;} /* Category List */ .widget ul li.cat-item {min-height: 40px; border-bottom: 1px solid #f1f1f1;} .widget ul li.cat-item ul { padding-left: 15px;} .widget ul li.cat-item:last-child { border: none; } .widget ul li.cat-item:hover { background: #f7f7f7; } .widget ul li.cat-item a { display:inline-block; font-size: 13px; padding-top: 7px; text-transform: capitalize;} .widget ul li.cat-item a:before { font-family: 'FontAwesome'; color: #0db0ee;font-size: 16px; content: "\f105"; padding: 10px;} .footer-in .widget ul li.cat-item { background:none; border:none; color:#898b92;} .footer-in .widget ul li.cat-item:hover { background:rgba(0,0,0,0.11);} /* Shop Sidebar */ .side-cart { padding:0 0 10px 0; margin-bottom:30px; position:relative;} .side-cart h4.subtitle { margin-top:0px; color:#ff6c6d; margin-bottom:2px; margin-left:0;} .side-cart i { float:left; display:inline-block; font-size:18px; color:inherit; margin-right:5px; margin-top:4px;} .side-cart .side-list { border-top:3px solid #ff6c6d; margin-bottom:2px;} .side-cart .total { border-top:2px solid #dfdfdf; padding-top:12px;} .side-cart .button { float:left; margin-right:10px; background:#ff6c6d;} /* Tag Cloud */ .tagcloud a, #footer.litex .tagcloud a {line-height: 16px;padding: 7px 12px;font-size: 12px !important; font-weight:500;margin: 5px 5px; min-width: 18px; border-radius: 2px; width: auto;color: #444;display:inline-block;text-decoration: none;border: 1px solid #ccc;letter-spacing:1px;border-radius: 15px;} .tagcloud a:hover, #footer.litex .tagcloud a:hover { color: #fff;background-color: #de2f68;border-color: transparent;} #footer .tagcloud a, .toggle-top-area .tagcloud a { padding: 7px 14px; background: #212121; margin: 3px; display: inline-block; color: #808080; border:none;} #footer .tagcloud a:hover, .toggle-top-area .tagcloud a:hover { color: #fff; background: #de2f68;} #footer.litex .footer-in .tagcloud a { color: #898989;} #footer.litex .footer-in .tagcloud a:hover { color: #333; background: #fff;} /* Advertisement */ #header .webnus-ad { position:absolute; top:0; right:0; width:728px; height:90px; z-index:91;} #header .alignright { min-height:85px;} @media only screen and (max-width: 767px) { #header .webnus-ad { display:none;} .widget .flex-direction-nav a { top:41%;} } /* Tabbed widget */ .widget-tabs { margin-top:10px; margin-bottom:30px;} .widget-tabs .tabs {margin: 0; width: 100%; display: table; border-collapse: separate; border-spacing: 1px 0;} .widget-tabs .tabs li {display: table-cell; background: #f5f5f5; border: 1px solid #e1e1e1; padding: 0; text-align: center;} .widget-tabs .tabs li.active {background: #fff; border-bottom: 1px solid #fff;} .widget-tabs .tabs li a {display: block;color: #555;font-size: 11px;font-weight: 600;padding-top: 10px;text-transform: uppercase;} .widget-tabs .tabs-container {background-color: #fff; border: 1px solid #e1e1e1; border-top: none; margin:0 1px;} .widget-tabs .tab_content .tab-list li{ text-align:left;padding:15px 15px 20px; border-bottom: 1px solid #f1f1f1; min-height: 92px;} .widget-tabs .tab_content .tab-list li:hover{background:#fff;} .widget-tabs .tab_content .tab-list li:last-child {border-bottom: 0;} .widget-tabs .tab_content .tab-list .image {float: left; margin-right: 12px; width: 82px; height:62px; line-height:1.26;} .widget-tabs #tab-comments.tab_content .tab-list .image { width:52px; height:52px; margin-bottom:10px;} .widget-tabs .tab_content .tab-list .content {overflow: hidden; line-height:1.6; font-size:12px;} .widget-tabs .tab_content .tab-list .content p {margin-bottom:0;} .widget-tabs .tab_content .tab-date {font-size: 11px;color:#b1b1b1;padding-top:4px;} .widget .widget-tabs .tab_content ul li a { color:#494949; font-weight:500;} .widget .widget-tabs .tab_content ul li a:hover { text-decoration:underline;} .sidebar .widget .tabs li:hover a ,.sidebar .widget .tabs li.active a { color: #de2f68;} .widget-tabs .tab.tab_content .tab-list li:first-child .image a { display: block; } .widget-tabs .tab.tab_content .tab-list li:first-child .image a img { width: 100%; height: auto; } /* About widget */ .widget .webnus-about { font-size:13px; color:#818181; text-align:center;} .widget .webnus-about img { margin-bottom:16px; border:1px solid #222;} .webnus-about h4 { text-transform: uppercase; font-size: 13px; font-weight: 800; letter-spacing: 1px;} /* Calendar widget */ .widget_calendar {float: left;} #calendar_wrap { margin:10px 0 20px;} #wp-calendar { width: 99%; border:none;} #wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px;} #wp-calendar thead { font-size: 10px; border:none;} #wp-calendar thead th { padding-bottom: 10px; border:none; background:none; text-align:center;} #wp-calendar tbody { color: #aaa; border:none;} #wp-calendar tbody td { background: #fff; border: 1px solid #f1f4f5; text-align: center; padding:8px;} #wp-calendar tbody td#today { background:#aaa; color:#fff;} #wp-calendar tbody td#today:hover { background:#f90;} #wp-calendar tbody td#today a { display:block; color:#fff;} #wp-calendar tbody td:hover { background: #fff;} #wp-calendar tbody .pad { background: none;} #wp-calendar tfoot td { border:none;} #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right;} #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px;} /* Footer Tweets */ #footer .lts-tweets .tweets { margin-top:-20px;} #footer .lts-tweets .tw-item { padding:12px;} #footer .lts-tweets .tw-item .tw-icon { color:#00acee; margin-right: 10px; font-size: 16px; float: left;} #footer .lts-tweets .tw-item .tw-content { overflow: hidden; color:#b5b5b5; text-align:left;} #footer.litex .lts-tweets .tw-item .tw-content { color:#8a8a8a;} #footer .lts-tweets .lts-tweets .tw-item:hover { background:none;} #footer .lts-tweets .tw-item span { display: block; font-size: smaller;} /** Header Woo Cart **/ .woo-cart-header { display: inline-block; width: 43px; float: right; position: relative; top:28px; margin-left:20px; padding-bottom:6px;} .woo-cart-header .header-cart { padding:0px 9px 0 0px; display: inline-block; border-radius: 2px 2px 0px 0px;-webkit-border-radius: 2px 2px 0px 0px;-moz-border-radius: 2px 2px 0px 0px;-o-border-radius: 2px 2px 0px 0px;-ms-border-radius: 2px 2px 0px 0px;position:relative; background-image: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/woobag@2x.png);background-repeat: no-repeat;background-position: 0 0;width: 34px;height: 38px; background-size:34px 38px;} .woo-cart-header .header-cart i {margin: 0px;color: #8e8e8e;font-size: 14px;line-height: 28px;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-o-transition: color 0.3s ease;-ms-transition: color 0.3s ease;} .woo-cart-header .header-cart:hover i {color: #1abc9c;} .woo-cart-header .header-cart span {font-size:12px; position: absolute;width: 33px;height: 42px;top: 0;left: 0;text-align: center;line-height: 41px;font-weight: bold;color:#9d9d9d;} .woo-cart-dropdown {background-color: #fff; display: block; left: auto; position: absolute; right: -1px; top: 100%; z-index: 1000; padding: 15px; width: 280px; visibility: hidden; transition: opacity 0.2s ease-in-out; color: #9d9d9d; border: 3px solid #a2a7b1; box-shadow:0 2px 12px rgba(0,0,0,0.082); z-index:91000;} .woo-cart-dropdown:before { content: '';display: block;position: absolute; right:16px;width: 0;height: 0;border-style: solid; border-width: 9px; top: -18px; border-color: transparent transparent #a2a7b1 transparent;} .woo-cart-dropdown.drop-down-start {visibility: visible;overflow: visible;opacity: 1;} .woo-cart-header:hover .woo-cart-dropdown {display: block;visibility: visible;text-align: left;} .woo-cart-dropdown ul li {display: inline-block;width: 100%;float: none;padding: 7px 0 ;border-bottom: 1px solid #f3f3f3 ;line-height: 20px;color:#939393;letter-spacing: 0;font-weight: 400;font-size: 11px;text-transform: none;} .woo-cart-dropdown .cart-list.product-list-widget {margin-bottom: 15px;} .woo-cart-dropdown ul li a {color:#9d9d9d;display: block;font-size: 13px;line-height: 26px;} .woo-cart-dropdown .amount {font-size:13px} .woo-cart-dropdown ul li a:hover {color: #de2f68;} .woo-cart-dropdown span.total {padding: 0 0 0 8px;float: right;color:#9d9d9d;letter-spacing: 1px;font-weight: 600;font-size: 11px;text-transform: uppercase;} .woo-cart-dropdown span.total span {font-family: inherit;font-size: 13px;color: #666;padding: 0 0 0 2px;} .woo-cart-dropdown .qbutton {height: 28px;line-height: 30px;font-size: 11px; font-weight:600; text-transform:uppercase;padding: 6px 13px;color: #494949;background: #f5f5f5;border-radius: 4px;} .woo-cart-dropdown .qbutton:hover {background: #494949; color:#fff} .woo-cart-dropdown .qbutton i {font-size: 14px;padding: 0 0 0 4px;margin: 0;} .woo-cart-dropdown .cart-list a > img {float: left;padding: 0 10px 0 0;display: block;background: none repeat scroll 0 0 #e5e5e5;float: left;height: 62px;margin-right: 10px;padding: 2px;width: 62px;} .sidebar li.widget-container { margin-bottom:50px;} .widget input[type="text"], .widget input[type="password"], .widget input[type="email"] { border-width:2px; min-height:40px; padding-left:15px;} /* Login */ .widget #user-logged .author-avatar { float: left;} .widget #user-logged .author-avatar img{border-radius: 50%;} .widget #user-logged .user-welcome { display:inline-block; font-size: 14px; margin:0; padding: 10px;} .widget #user-logged .logged-links {overflow: hidden;} .widget #user-logged .logged-links li {border: 0 none; padding: 5px 10px;} .widget .textwidget img { margin-bottom: 41px;} .widget .textwidget p { padding-right: 51px;} @media ( max-width: 1200px ) { .widget .textwidget p { padding-right: 0; } } /* Subscribe Widget */ .widget .widget-subscribe-form { position: relative; margin-bottom: 0;} .widget .widget-subscribe-form p { margin-bottom: 47px;} .widget .widget-subscribe-form .widget-subscribe-email {padding: 10px 18px 11px;margin-bottom: 0; border: 1px solid #ddd;border-radius: 50px; margin-left: 1px;} .widget .widget-subscribe-form .widget-subscribe-email::-webkit-input-placeholder { color: #c5c5be; font-size: 12px;} /* Chrome/Opera/Safari */ .widget .widget-subscribe-form .widget-subscribe-email::-moz-placeholder { color: #c5c5be; font-size: 12px;} /* Firefox 19+ */ .widget .widget-subscribe-form .widget-subscribe-email:-ms-input-placeholder { color: #c5c5be; font-size: 12px;} /* IE 10+ */ .widget .widget-subscribe-form .widget-subscribe-email:-moz-placeholder { color: #c5c5be; font-size: 12px;} /* Firefox 18- */ .widget .widget-subscribe-form button {width: 32px;height: 32px;border-radius: 50%;background: #de2f68;padding: 0;display: inline-block;text-align: center;line-height: 3;margin: 0;position: absolute;bottom: 4px;right: 7px;transition: all 0.33s ease;} .widget .widget-subscribe-form button:hover { background: #222; } .widget .widget-subscribe-form.type-two p {font-size: 12px; margin-bottom: 30px; } .widget .widget-subscribe-form.type-two button {width: 56px; height: 40px; border-radius: 0; bottom: 0; background: #c5c5be; right: 4px; font-weight: 400; font-size: 18px; line-height: 43px; } .widget .widget-subscribe-form.type-two .widget-subscribe-email {border-radius: 0; } .widget .widget-subscribe-form.type-two button:hover {background: #4e4e4d; } @media (min-width: 768px) and ( max-width: 960px){ .widget .widget-subscribe-form button { right: 12px;} } @media (min-width: 480px) and (max-width: 768px){ .widget .widget-subscribe-form button { right: 11px;} } /* Review */ #wrap .review-total-only.small-thumb { float:none;} #wrap .review-total-only.small-thumb { font-size:13px; font-weight:600; color:#f4cc00;} #wrap .review-result-wrapper i { font-size:10px; color:#a1a1a1;} #wrap .review-result-wrapper .review-result i { color:#fec42d;} /* Events */ #footer .vcalendar { list-style:none; margin-left:0;} #footer .vcalendar li { margin-bottom:15px; padding-bottom:10px;} #footer .vcalendar h4.entry-title { font-size:15px; font-weight:700; color:#d7d7d7; text-transform:uppercase;} #footer .vcalendar h4.entry-title a { color:#d7d7d7;} #footer .vcalendar h4.entry-title a:hover { color:#fff;} .vcalendar .duration { text-transform:uppercase; font-size:11px; color:#8a8a8a;} /* Social Count Plus */ #wrap .social-count-plus li { width:100px; padding-bottom:12px;} #wrap .social-count-plus .label { font-size:10px; color:#a1a1a1;} #wrap .social-count-plus .default a.icon { background:none !important; width:64px !important; height:64px !important; margin-bottom:10px; opacity:1 !important;} #wrap .social-count-plus .default a.icon:after { font: normal normal normal 24px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width:64px !important; height:64px !important; font-size:24px; background:#eee; display:block; padding:20px; color:#818181; border-radius: 46px; transition: all 0.33s ease;} #wrap .social-count-plus .default .count-posts a.icon:after {content: "\f040";} #wrap .social-count-plus .default .count-posts a.icon:hover:after { color:#fff; background:#e0b68d;} #wrap .social-count-plus .default .count-comments a.icon:after {content: "\f075";} #wrap .social-count-plus .default .count-comments a.icon:hover:after { color:#fff; background:#aad450;} #wrap .social-count-plus .default .count-facebook a.icon:after {content: "\f09a";} #wrap .social-count-plus .default .count-facebook a.icon:hover:after { color:#fff; background:#3b5998;} #wrap .social-count-plus .default .count-youtube a.icon:after {content: "\f167";} #wrap .social-count-plus .default .count-youtube a.icon:hover:after { color:#fff; background:#bb0000;} #wrap .social-count-plus .default .count-twitter a.icon:after {content: "\f099";} #wrap .social-count-plus .default .count-twitter a.icon:hover:after { color:#fff; background:#00aced;} #wrap .social-count-plus .default .count-googleplus a.icon:after {content: "\f1a0";} #wrap .social-count-plus .default .count-googleplus a.icon:hover:after { color:#fff; background:#dd4b39;} #wrap .social-count-plus .default .count-instagram a.icon:after {content: "\f16d";} #wrap .social-count-plus .default .count-instagram a.icon:hover:after { color:#fff; background:#517fa4;} #wrap .social-count-plus .default .count-steam a.icon:after {content: "\f1b6";} #wrap .social-count-plus .default .count-steam a.icon:hover:after { color:#fff; background:#222;} #wrap .social-count-plus .default .count-soundcloud a.icon:after {content: "\f1be";} #wrap .social-count-plus .default .count-soundcloud a.icon:hover:after { color:#fff; background:#f76700;} /* Footer custom link */ #footer a.button.black.square.small.thin.footer-link-custom {line-height: 20px; margin-top: 6px; margin-bottom: 0; padding: 5px 14px; color: #fff; } #footer a.button.black.square.small.thin.footer-link-custom i {vertical-align: middle; } #footer a.button.black.square.small.thin.footer-link-custom:hover {background: #de2f68; text-decoration: none; } /* Youtube box fix */ #___ytsubscribe_0 .fluid-width-video-wrapper {padding:0 !important} /* contact form in footer */ #wrap .footer-in .hotella-contact span {display: block;color: #818181;font-size: 14px;padding: 0 0 12px;} #wrap .footer-in .hotella-contact i { margin-right: 5px; color: #474747;} #wrap .footer-in .hotella-contact form { margin-top: 20px;} .wpcf7 .footer-in .hotella-contact .w-contact-txt textarea { height: 100px !important;} #wrap .footer-in .hotella-contact textarea { min-height: 150px;} #wrap .footer-in .hotella-contact textarea::-webkit-input-placeholder { color: #555866; } #wrap .footer-in .hotella-contact textarea::-moz-placeholder { color: #555866; } #wrap .footer-in .hotella-contact textarea::-ms-input-placeholder { color: #555866; } #wrap .footer-in .hotella-contact input::-webkit-input-placeholder { color: #555866; } #wrap .footer-in .hotella-contact input::-moz-placeholder { color: #555866; } #wrap .footer-in .hotella-contact input::-ms-input-placeholder { color: #555866; } #wrap .footer-in .hotella-contact input { font-family: 'Poppins','Open Sans', Helvetica, Arial, sans-serif;border: none;box-shadow: none;display: block;min-width: 100%;background: #202229;min-height: 33px;color: #a0a0a0;font-size: 12px;padding: 10px 0px 10px 12px;border-radius: 4px;border:none;} #wrap .footer-in .hotella-contact textarea {font-family: 'Poppins','Open Sans', Helvetica, Arial, sans-serif;border: none;box-shadow: none;display: block;min-width: 100%;/* height: 88px; */margin: 0 0 4px 0;background: #202229;color: #a0a0a0;font-size: 12px;padding: 10px 0px 10px 12px;border-radius: 4px;border:none;} #wrap .footer-in .hotella-contact .fcf-submit .wpcf7-submit, .tribe-events-widget-link a { padding: 14px 20px; font-size: 10px; text-transform:uppercase; letter-spacing:1px; color: #aaa; font-weight: 600; border-radius: 2px;background: rgba(255,2555,255,0.05); margin-right:6px; margin-left:2px;} #wrap .footer-in .hotella-contact .fcf-email { padding-right: 6px;} #wrap .footer-in .hotella-contact .fcf-subject { padding-left: 6px;} #wrap .footer-in .hotella-contact span { padding-bottom: 0;} #wrap .footer-in .hotella-contact [class^="col-md"], #wrap .footer-in .hotella-contact div, #wrap .footer-in .hotella-contact input { margin-bottom: 4px; margin-top: 0;} #wrap .footer-in .hotella-contact input[type="submit"] {margin: 0 15px;width: auto;display: inline-block;min-width: auto;padding: 19px;text-align: left;float: left;} @media (max-width: 960px) { #wrap .footer-in .hotella-contact input[name="wcEmail"], .footer-in .hotella-contact input[name="wcSubject"] { width: 100%; } #wrap .footer-in .hotella-contact input[name="wcSubject"] {margin-left:0;} #wrap .footer-in .hotella-contact .fcf-email { padding-right: 10px;} #wrap .footer-in .hotella-contact .fcf-subject { padding-left: 10px;} } /*some*/ /* -------- end ----------- */ /*---------------------------------- Theme Name: Hotella ---------------------- /* #Icon Boxes ========================================= */ article[class*="icon-box"] { clear:both;} @media only screen and (max-width: 768px) { article[class*="icon-box"] { margin-bottom:20px;} } article[class*="icon-box"] i { text-align:center;} /* #Icon Box 0 =========================== */ .icon-box { vertical-align: baseline; margin-bottom: 20px; /* New */ position:relative; padding-left:52px;} .icon-box img, .icon-box i { float: left; display: block; vertical-align: text-top; margin: 5px 20px 75px 0;} .icon-box i { font-size: 32px;color: #de2f68; float: left; margin-right: 20px; cursor: default; /* New */ position:absolute; left:0; top:0;} .icon-box h5, .icon-box h4 { margin-bottom: 5px; line-height: 1.3; font-size:16px; letter-spacing:0; font-weight:600; color: #222222;} .icon-box h5 strong, .icon-box h4 strong { font-weight:600;} .icon-box p { overflow: hidden; color:#808080; font-size:13.5px;} /* #Icon Box 1 =========================== */ .icon-box1 { margin-bottom: 20px;} .icon-box1 i, .icon-box10 img { font-size: 32px; color: #484f54; margin-bottom: 23px; display: inline-block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .icon-box1 h4 {font-size: 33px;text-transform: uppercase;font-weight: 700;margin-top: 16px;margin-bottom: 18px;transition: all .23s ease-in-out;} .icon-box1 h5 {margin: 19px 0 0;font-size: 23px;color: #d0ae5e;font-family: 'Playfair Display';font-style: italic;} .icon-box1 p { color: #525249; font-size: 15px; line-height: 2; } .icon-box1 img { margin-bottom:10px;} .icon-box1 h4 strong { font-weight:600;} .icon-box1 a.magicmore { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px;} #wrap .icon-box1 i { text-align: left; color: #363842;font-size: 38px;line-height: 38px; display: block; margin-bottom: 13px;font-weight: 500;margin-right: 0;} #wrap .icon-box1 a {text-align:center; min-height:10px;} #wrap .icon-box1 a.magicmore {background: #de2f68;border-radius: 55px;display: inline-block;line-height: 23px;padding: 1px 20px 2px;color: #fff;letter-spacing: 1px;text-transform: uppercase;font-size: 10px;font-weight: 600;} #wrap .icon-box1 a.magicmore:after { content:""; display:none;} #wrap .icon-box1 a.magicmore:hover, #wrap .icon-box10 a.magicmore:after {color: #fff !important;} #wrap .icon-box1 a.magicmore:hover { background:#2a2a2a !important;} .aligncenter .icon-box1 p {padding: 0 25px; } /* #Icon Box 2 =========================== */ .icon-box2 { background-color:#fff; vertical-align:baseline; text-align:center; border-radius:5px; padding:20px 12px; -webkit-transition:background .3s ease-in-out; -moz-transition:background .3s ease-in-out; -ms-transition:background .3s ease-in-out; -o-transition:background .3s ease-in-out; transition:background .3s ease-in-out;} .icon-box2 i { display:block; margin:16px 0 20px; font-size:48px; color:#de2f68; text-align: center; } .icon-box2 p { font-size:15px; font-weight:300; color:#73736b; margin-top:15px; } .icon-box2 h4 { letter-spacing:-0.5px; font-size:18px; font-weight:700; color:#31312c; margin-top:29px;} .icon-box2:hover { background-color:#fafafa;} #wrap .icon-box2 a.magicmore { padding:0; font-size:15px; font-weight:400; text-transform:none; letter-spacing:0; position:relative;} #wrap .icon-box2 a.magicmore:after { display:inline; font-family: 'themify'; content: "\e628"; font-size:11px; padding-left:3px; position:static; opacity:1;} /* #Icon Box 3 =========================== */ .icon-box3 { margin: auto; background: #fff1f5 url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/patern-bg2.png) right bottom; padding-top: 70px; border-radius: 50%; width: 350px; height: 350px; text-align: center; transition: .5s ease;} .blox.dark .icon-box3 { background-color:rgba(0,194,229,0.09);} .icon-box3 i { font-size: 32px; color: #de2f68; margin-bottom: 10px; display: block; transition: all .24s ease;} .icon-box3 h4 { position:relative; font-size: 19px; letter-spacing:0; margin-bottom:35px;color: #de2f68; transition: all .5s ease;} .icon-box3 h4:after { content: ""; position: absolute; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%, 0); height: 2px; width: 60px; margin-top: 35px; background: #de2f68; transition: all .5s ease;} .icon-box3 p { font-size:14px; line-height: 21px; margin-right: 10px; color: #616161; padding: 0 35px; transition: all .5s ease;} .icon-box3 a.magicmore {display: inline-block; border-radius: 60px; background: #de2f68; color: #fff !important; padding: 11px 25px; transition: all .5s ease;} .blox.dark .icon-box3 a.magicmore { color:#fff;} .icon-box3 a.magicmore:after { display: none;} .icon-box3:hover, .blox.dark .icon-box3:hover { background-color: #de2f68;} #wrap .icon-box3:hover p, #wrap .icon-box3:hover h4, #wrap .icon-box3:hover i { color: #fff;} #wrap .icon-box3:hover .magicmore, .icon-box3:hover h4:after, .blox.dark .icon-box3:hover a.magicmore { background: #fff; color: #de2f68 !important;} #wrap .icon-box3:hover .magicmore:hover { color:#fff !important; background: #222 !important;} @media (min-width: 960px) and (max-width: 1280px) { .icon-box3 { width: 280px;height: 280px; padding-top: 15px;} } @media (min-width: 768px) and (max-width: 960px) { .icon-box3 { width: 200px; height: 200px; padding-top: 50px;} .icon-box3 p, .icon-box3 a.magicmore { display: none;} } @media (max-width: 480px) and (max-width: 768px) { .icon-box3 { width: 300px;height: 300px; padding-top: 15px;} } @media (min-width: 400px) and (max-width: 480px) { .icon-box3 { width: 280px; height: 280px; padding-top: 15px;} .icon-box3 p { font-size:13px;} } @media (max-width: 400px) { .icon-box3 { width: 240px; height: 240px; padding-top: 15px;} .icon-box3 p { font-size:12px;} } /* #Icon Box 4 =========================== */ .icon-box4 {text-align: left; overflow: hidden; margin-bottom: 30px;} .icon-box4 i {display:inline-block; font-size: 32px; border: 3px solid #fff; float: left;padding: 28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 8px 30px 80px 0;color: #fff; width: 92px; height: 92px; text-align: center; transition: all 0.18s ease;} .icon-box4:hover i {color: #de2f68; background: #fff;} .icon-box4 h4 {font-weight: 400;font-size: 18px;color: #fff; margin-bottom: 12px; overflow: hidden;} .icon-box4 p {font-weight: 300; font-size: 14px;color: #fff; margin-bottom: 14px; overflow: hidden;} .icon-box4 a {color: #2ba6d8; font-size: 13px;} .icon-box4 a.magicmore { padding:0;} .icon-box4 a:hover {color: #eb7348;} .icon-box4 a.magicmore:after {display:none} /* #Icon Box 5 =========================== */ .icon-box5 p { text-align: left; margin-top: 3px; color: #888; font-size:13px; line-height:1.54; padding-bottom:10px;} .icon-box5 i { cursor: default;display: inline;font-size: 16px;float: left;color: #de2f68;padding: 0;margin-right: 10px;margin-top: 3px;} .icon-box5 h4 { font-size: 15px; line-height: 21px; font-weight: 400; letter-spacing:0; text-align:left; color:#555;} .icon-box5 h4 strong { font-weight:400;} .icon-box5 img { float: left; display: block; vertical-align: text-top; margin: 0 12px 0 0;} .icon-box5 a.magicmore { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px;} .blox.dark .icon-box5 a.magicmore { color: #f9a827;} .blox.dark .icon-box5 a.magicmore:after { border-color: #f9a827;} @media only screen and (min-width: 768px) { .alignright .icon-box5, .alignright .icon-box5 * { text-align:right; padding-right:0; margin-right:0;} .alignright .icon-box5 i, .alignright .icon-box5 img { float:right; margin-left:10px; margin-right:0;} } /* #Icon Box 6 =========================== */ .icon-box6 { position: relative; text-align:center; background-color: rgba(255,255,255,0.81); background-color:#fff\9; border: 1px solid #e5e5e5; border-radius: 3px; padding: 36px 20px 28px; text-shadow: 0 0 0 0; margin: 40px 0 20px;} .icon-box6 * { text-shadow: none;} .icon-box6 i { font-size: 24px; width: 56px; height: 56px; text-align: center; padding: 15px 16px 17px; background: #de2f68; color: #fff; position: absolute; top: -30px; left: 50%; margin-left: -27px; border-radius: 30px; cursor: default;} .icon-box6 h4, .blox .icon-box6 h4, .blox.dark .icon-box6 h4 { font-weight: 400;} .container .icon-box6 p, .container .blox .icon-box6 p, .container .blox.dark .icon-box6 p { color: #818181; margin-bottom: 12px;} /* #Icon Box 7 =========================== */ .icon-box7 i, .icon-box7 img { padding-right: 5px; display:inline-block; float:none; font-size: 32px;} .icon-box7 h4 {margin-top: 18px;font-size: 16px;line-height: 1.3;font-weight: 600;text-transform: uppercase;overflow: hidden;} .icon-box7 p {color: #73736b;font-size: 15px;line-height: 1.7;padding-right: 16px;overflow: hidden;} @media only screen and (min-width: 768px) { .iconright .icon-box7 { text-align:right;} .iconright .icon-box7 i { cursor: default; display: inline; font-size: 30px; float: right; padding: 0; margin-left: 20px; margin-right:0; margin-top: 3px;} .iconright .icon-box7 img { float: right; display: block; vertical-align: text-top; margin: 0 0 0 12px;} .iconright .icon-box7 i, .iconright .icon-box7 h4, .iconright .icon-box7 p {margin-bottom: 0;margin-bottom: 10px;text-align: right;} .iconright .icon-box7 p {text-align: right; margin-top: 3px; margin-left: 0;margin-bottom: 0;margin-right: 52px;} .alignright .icon-box7, .alignright .icon-box7 * { text-align:right; padding-right:0; margin-right:0;} .alignright .icon-box7 i, .alignright .icon-box7 img { float:right; margin-left:10px; margin-right:0;} #wrap .iconright .icon-box7 a.magicmore { margin-left:0; margin-right:52px;} } /* #Icon Box 8 =========================== */ .icon-box8 {text-align: left; overflow: hidden; margin-bottom: 20px; padding-bottom:5px;} .icon-box8 i {display:inline-block; font-size: 32px; width:74px; color: #de2f68; background: #fff; float: left; padding: 20px; border:1px solid #e9e9e9; border-radius: 50%; margin: 8px 15px 60px 0; -webkit-transition: all 0.28s ease; -moz-transition: all 0.28s ease; -ms-transition: all 0.28s ease; -o-transition: all 0.28s ease; transition: all 0.28s ease;} .icon-box8:hover i {color: #fff !important; background: #de2f68; border-color: #de2f68;} .icon-box8 h4 { font-size: 17px; font-weight:300; color: #2a2a2a; margin-bottom: 5px; margin-top:8px; overflow: hidden; letter-spacing:0;} .icon-box8 h4 strong { font-weight:700;} .icon-box8 p {font-weight: 300; font-size: 14px; line-height:1.5; color: #6d6f71; margin-bottom: 16px; max-width:398px;} .icon-box8 a.magicmore { background:#fafafa; color: #898f9e; padding:5px 8px 4px 14px; border-radius:20px; border:1px solid #e9e9e9; font-size:9px; text-transform:uppercase; font-weight:400; margin:14px 0; letter-spacing:2px;} .icon-box8 a.magicmore:after { border:none;} .icon-box8 a:hover { color: #de2f68;} @media only screen and (min-width: 1281px) { .icon-box8 p, .icon-box8 h4 { padding-right:20px;} } /* #Icon Box 9 =========================== */ .icon-box9 { text-align: left; overflow: hidden; margin-bottom: 0; border: 2px solid #9a9a9a; padding: 21px 21px; border-radius: 3px; box-shadow: 0 2px 0 0px rgba(0,0,0,0.035); transition: all .5s ease;} .icon-box9 i, .icon-box9 img { display:inline-block; font-size: 40px; background: #fff; float: left; padding: 15px; color:#9a9a9a; box-shadow: 0 2px 0 0px rgba(0,0,0,0.035); border:3px solid #9a9a9a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -ms-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease;} .blox.dark .icon-box9 i { color:#de2f68;} .icon-box9 h4, .icon-box9 h4 {font-weight: 700; font-size: 21px; margin: 0 auto; overflow: hidden; letter-spacing: 1px;l ine-height: 1; padding-left: 24px; text-transform: uppercase; margin-bottom: 12px;} .icon-box9 p {font-size: 14px; display: table; line-height: 1.7; margin-bottom: 10px; padding-left: 23px;} #wrap .icon-box9 a.magicmore { text-transform: uppercase; color: #de2f68; border: 2px solid; border-radius: 60px; padding: 10px 22px; float: right; box-shadow: 0 2px 0 0px rgba(0,0,0,0.035); transition: all .23s ease;} .blox.dark .icon-box9, .blox.dark .icon-box9 i, .blox.dark .icon-box9 img { border-color:rgba(255,255,255,0.77);} .blox.dark .icon-box9 h4, .blox.dark .icon-box9 p, #wrap .blox.dark .icon-box9 a.magicmore { color:#fff;} .icon-box9 .magicmore:hover:after { display: none; } #wrap .icon-box9 a.magicmore:hover { background: #fff; color: #222 !important; border-color: #fff;} .icon-box9 a.magicmore:after { display: none;} @media ( max-width: 480px){ .icon-box9 i, .icon-box9 img { margin-left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%, 0);} .icon-box9 h4 { display: inline-block; margin-top: 10px; text-align: center; width: 100%; padding-left: 0;} #wrap .icon-box9 a.magicmore { float: left; margin-left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%, 0); padding: 9px;} } @media ( max-width: 320px){ #wrap .icon-box9 a.magicmore {padding: 7px; font-size: 10px; letter-spacing: 0;} } /* #Icon Box 10 =========================== */ .icon-box10 { margin-bottom: 20px;} .icon-box10 i, .icon-box10 img { font-size: 32px; color: #484f54; margin-bottom: 23px; display: inline-block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .icon-box10 h4 {font-size: 25px;text-transform: uppercase;font-weight: 500;margin-top: 25px;margin-bottom: 18px;transition: all .23s ease-in-out;} .icon-box10 h5 {margin: 19px 0 0;font-size: 23px;color: #d0ae5e;font-family: 'Playfair Display';font-style: italic;} .icon-box10 p { color: #525249; font-size: 15px; line-height: 2; } .icon-box10 img { margin-bottom:10px;} .icon-box10 h4 strong { font-weight:600;} .icon-box10 a.magicmore { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px;} #wrap .icon-box10 i { text-align: left; color: #363842;font-size: 38px;line-height: 38px; display: block; margin-bottom: 13px;font-weight: 500;margin-right: 0;} #wrap .icon-box10 a {text-align:center; min-height:10px;} #wrap .icon-box10 a.magicmore {background: #de2f68;border-radius: 55px;display: inline-block;line-height: 23px;padding: 1px 20px 2px;color: #fff;letter-spacing: 1px;text-transform: uppercase;font-size: 10px;font-weight: 600;} #wrap .icon-box10 a.magicmore:after { content:""; display:none;} #wrap .icon-box10 a.magicmore:hover, #wrap .icon-box10 a.magicmore:after {color: #fff !important;} #wrap .icon-box10 a.magicmore:hover { background:#2a2a2a !important;} .aligncenter .icon-box10 p {padding: 0 25px; } /* #Icon Box 11 =========================== */ .icon-box11 { text-align: center; margin-bottom: 20px;} .icon-box11 i {padding: 36px 20px;border:1px solid #e3e3e3;border-radius: 44px;margin-bottom: 28px;width: 110px;height: 110px;cursor: default;font-size: 36px;color: #de2f68;display: inline-block;-webkit-transition: all .39s ease-in-out;-moz-transition: all .39s ease-in-out;-ms-transition: all .39s ease-in-out;-o-transition: all .39s ease-in-out;transition: all .39s ease-in-out;} .icon-box11 img { max-width:220px !important; margin-bottom:18px; -webkit-transition: all .21s ease-out; -moz-transition: all .21s ease-out; -ms-transition: all .21s ease-out; -o-transition: all .21s ease-out; transition: all .21s ease-out;} .icon-box11 h4 { margin-bottom: 16px; font-size: 17px; font-weight:400; color:#373e44; letter-spacing: 1.25px; text-transform:uppercase;} .icon-box11 h4 strong { font-weight:600;} .icon-box11 p { font-size: 14px; font-weight: 300; color: #616161; line-height: 1.7; padding: 0 15px; margin-bottom: 30px;} .icon-box11:hover i { color: #fff !important;background: #de2f68;border-color: #de2f68;} .icon-box11 a.magicmore { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px;} @media only screen and (min-width: 961px) { .icon-box11:hover img { padding:15px;} .vc_row-fluid [class*="vc_span"] .icon-box11 img { max-width:220px;} } @media only screen and (min-width: 1281px) { .icon-box11 p { padding: 0 35px;} } @media only screen and (max-width: 767px) { .icon-box11 i { margin-bottom:20px;} .icon-box11 h4, .icon-box11 h4 { margin-bottom:7px;} .icon-box11 p { margin-bottom:45px;} } /* #Icon Box 12 =========================== */ .icon-box12 { min-height: 132px;text-align: left; margin-bottom: 37px; border-radius: 5px; padding: 0 14px 0 152px; background: #f6f8f9;position: relative;} .icon-box12 i { display: inline-block; font-size: 51px; background: #de2f68;float: left; margin-right: 20px; color:#fff; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -ms-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease; padding: 15%; position: absolute; top: 0; left: 14px; bottom: 0;width: 117px;} .icon-box12 i:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);} .icon-box12 h4 { font-weight: 600;font-size: 15px; text-transform: uppercase;color: #444;padding-top: 25px; margin-bottom: 5px;} .icon-box12 h4 strong { font-weight: normal;} .icon-box12 p { font-weight: 400;font-size: 13px;color: #777; letter-spacing: 0px; margin: 0;padding-bottom: 10px;} .icon-box12:hover i { background: #6DC068; color: #fff;} @media only screen and (min-width: 768px) { .alignright .icon-box12, .alignright .icon-box12 * { text-align:right; padding-right:0; margin-right:0;} .alignright .icon-box12 i, .alignright .icon-box12 img { float:right; margin-left:10px; margin-right:0;} } @media only screen and (min-width: 768px) and (max-width: 961px) { .icon-box12 {padding: 127px 14px 14px;} .icon-box12 i { bottom: auto; left: 0; right: 0;width: auto;height: 117px;margin: 0;} } @media only screen and (max-width: 480px) { .icon-box12 {padding: 140px 14px 14px;} .icon-box12 i { bottom: auto; left: 0; right: 0;width: auto; height: 120px; margin: 0;} } @media (min-width:768px) and (max-width:960px){ #wrap .icon-box12 i { padding: 10%;} } /* #Icon Box 13 =========================== */ .icon-box13 { text-align:center;padding: 39px 0 25px; transition: .5s ease-out;} .icon-box13 h4, .icon-box13 h4 strong { font-size: 21px; text-transform:capitalize;margin-bottom: 19px;} #wrap .icon-box13 p { font-size:14px; padding: 0 28px; } .icon-box13 i { display: inline-block; text-align: center;width: 57px;height: 57px;background:none; border: 2px solid #eee; border-radius: 4px;padding: 12px; font-size: 30px; line-height: 1; margin-bottom: 25px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} #wrap .icon-box13 a.magicmore {display: inline-block;padding: 10px 32px 11px 22px;font-size: 10px;font-weight: 600;border-radius: 40px;background: rgba(44, 45, 47,0.33);color: #fff;letter-spacing: 1px;} .blox.dark .icon-box13 i { border-color:#fff; color:#fff;} #wrap .icon-box13 a.magicmore:after { position:absolute; top: 50%; right: 8px; width:14px; height:14px; display: inline-block; text-align: center; border: 2px solid #fff; border-radius: 50%; color: #de2f68; text-transform: none; -webkit-font-smoothing: antialiased; font-size: 7px; background: #fff; padding: 1px 2px 0; } .icon-box14:hover { background: rgba(78, 179, 217, 0.09) url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/patern-bg1.png) repeat-x left; border-color: #fff; border-radius: 2px;} #wrap .icon-box13 a.magicmore:hover { background: #25282d; color: #fff;} .icon-box13:hover {background: rgba(222, 47, 104, .7) url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/patern-bg2.png) top repeat;} @media only screen and (min-width: 1500px) { .icon-box13 p { padding:0 8%;} } @-webkit-keyframes magicmore-anim { from {left: -11px; opacity:0;} to {left: 30px; opacity:1;} } @keyframes magicmore-anim{ from {left: -11px; opacity:0;} to {left: 30px; opacity:1;} } /* #Icon Box 14 =========================== */ .icon-box14 { position: relative; background: rgba(222, 47, 104, .7) ; text-align:center; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-bottom: 10px; border: 5px solid transparent; padding-bottom:12px;} .icon-box14 i {display:block; font-size:40px;color: #fff; padding: 40px 0;} .icon-box14 h4 { font-size: 17px; font-weight: 600; color: #fff; padding: 0 50px; line-height: 1.34;} .icon-box14 p { color: #fff;margin: 0;padding: 15px 30px 25px;} .icon-box14 a.magicmore {position:relative;display: inline-block;padding: 11px 33px 11px 19px; letter-spacing: 0.4px;cursor: pointer;border: 2px solid #fff;border-radius: 60px;font-weight: 500;margin-bottom: 20px;color: #fff; text-shadow: 0 0 0; text-transform:uppercase; font-size:11px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease;transition: all 0.6s ease;} .blox.dark .icon-box14 i {color:#fff} .blox.dark .icon-box14 a.magicmore{color: #fff;} .icon-box14:hover a.magicmore{text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);} .icon-box14 a.magicmore:hover {background: rgba(0, 0, 0, 0.5); color: rgba(240, 240, 240, 0.85)} #wrap .icon-box14 a.magicmore { color:#fff !important;} #wrap .icon-box14 a.magicmore:after { position:absolute; top: 50%; right: 8px; width:14px; height:14px; display: inline-block; text-align: center; border: 2px solid #fff; border-radius: 50%; color: #de2f68; text-transform: none; -webkit-font-smoothing: antialiased; font-size: 7px; background: #fff; padding: 1px 2px 0; } .icon-box14:hover { background: rgba(78, 179, 217, 0.09) url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/patern-bg1.png) repeat-x left; border-color: #fff; border-radius: 2px;} #wrap .icon-box14 a.magicmore:hover { background: #fff !important; color: #de2f68 !important;} #wrap .icon-box14 a.magicmore:hover:before { background: #de2f68 !important; border-color: #de2f68 !important; color: #fff !important;} .icon-box14:hover h4:before ,.icon-box14:hover p:before{ opacity: 1;} .icon-box14:hover h4:after ,.icon-box14:hover p:after { opacity: .4;} /* #Icon Box 15 =========================== */ .icon-box15 { min-height: 414px; position: relative;background: rgba( 250, 250, 250, .80 ); padding: 66px 86px 68px 95px; box-shadow: 0 0 74px #f8f8f8 inset;transition: all .3s cubic-bezier(0.21, 0.35, 0.37, 0.72); -webkit-transition: all .3s cubic-bezier(0.21, 0.35, 0.37, 0.72); } .icon-box15.w-border-right:after {content: ""; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); width: 1px; height: 50%; background: rgba(52, 52, 46, 0.17);} .icon-box15 img, .icon-box15 i { margin-bottom: 27px; display: inline-block; font-size: 40px; color: #de2f68;} #wrap .icon-box15:hover i { color: #fff; } .icon-box15:hover * { transition: box-shadow 0.3s ease 0s; -webkit-transition: box-shadow 0.3s ease 0s; } .icon-box15 h5 {font-family:'Playfair Display','Lora',serif; font-style: italic; color: #31312c; line-height: 21px; margin-bottom: 15px;} .icon-box15 h4 { font-size: 29px; color: #31312c; font-weight: 700; line-height: 31px; margin-bottom: 9px; } .icon-box15 p { color: #525249; } .icon-box15:hover { box-shadow: -620px -450px 50px #4a4a4a inset;} .icon-box15:hover * { color: #fff; } #wrap .icon-box15:hover .magicmore:after { color: #fff;} #wrap .icon-box15 .magicmore:hover:after { color: #de2f68;} @media (min-width: 960px) and (max-width: 1200px){ .icon-box15 { padding: 50px 70px 50px 80px;} .icon-box15 h5 { font-size: 15px;} .icon-box15 h4 { font-size: 24px;} } @media (min-width:768px) and (max-width: 960px){ .icon-box15 { padding: 40px 60px 40px 60px;} .icon-box15 h5 { font-size: 15px;} .icon-box15 h4 { font-size: 20px; line-height: 29px;} } @media (max-width: 768px){ .padd-icon-box12 .vc_column-inner { padding-left: 10px !important; padding-right: 10px !important;} } @media (max-width: 640px){ .icon-box15 { text-align: center; padding: 20px; min-height: auto; } .icon-box15 h5 { font-size: 15px;} .icon-box15 h4 { font-size: 20px; line-height: 29px; } } /* #Icon Box 16 =========================== */ .icon-box16 { text-align: center;border: 2px solid #f0f0f0; position: relative; transition: .5s ease-in-out;padding-top: 40px;padding-bottom: 10px;border-radius: 2px; margin-bottom:20px;} .icon-box16 i { cursor: default; display: inline-block; font-size: 40px; color: #de2f68; line-height: 1; padding-right: 10px; vertical-align: middle;} .icon-box16 h4 { color: #de2f68; font-size: 20px;line-height: 21px;margin-bottom: 37px; font-weight: 600; display: inline-block;} .icon-box16 p { color: #616161; font-size:14px; margin-bottom: 40px; padding: 0 16%;} .icon-box16 img { float: left; display: block; vertical-align: text-top; margin: 0 12px 0 0;} .icon-box16 p strong { color: #de2f68;} .icon-box16 a.magicmore { color: #de2f68; border: 2px solid #de2f68; border-radius: 60px; text-transform: uppercase; background: #fff;padding: 10px 30px; display: inline-block; position: absolute;font-size: 12px;font-weight: 600;bottom: -18px; left: 50%;letter-spacing: 1px;transform: translate(-50%,0); -webkit-transform: translate(-50%, 0);} .icon-box16 a.magicmore:after { display: none;} .icon-box16:hover { background: #f6f8f9;} #wrap .icon-box16 a.magicmore:hover { background: #333; color: #fff; border-color:#333;} @media only screen and (min-width: 768px) { .alignright .icon-box16, .alignright .icon-box16 * { text-align:right; padding-right:0; margin-right:0;} .alignright .icon-box16 i, .alignright .icon-box16 img { float:right; margin-left:10px; margin-right:0;} } @media only screen and (max-width: 479px) { .icon-box16 a.magicmore { width:160px; font-size:11px;} .icon-box16 { margin-bottom:35px;} } /* # Icon box 17 ================================================== */ .icon-box17 { position:relative; display:block; overflow:hidden; padding: 45px 10px 20px; text-align: center; margin-bottom: 30px; color:#de2f68; border: 3px solid #f3f3f3; border-top: none; border-radius: 4px; -webkit-box-shadow: 0 -4px 0 0; box-shadow: 0 -4px 0 0; } .icon-box17:hover{ background: transparent; -webkit-box-shadow: 0 3px 0 0,0 -4px 0 0; box-shadow: 0 3px 0 0,0 -4px 0 0;} .icon-box17:before { content: ''; width: 0; height: 0; position: absolute; top: 0; left: 50%; margin-left: -8px; border:none; } .icon-box17:hover:before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid; border-top-color: inherit;} .icon-box17 .icon-wrap { display: inline-block; background-color:#de2f68; border-radius: 50%; margin-bottom: 32px; border: 1px solid transparent;} .icon-box17 i { width:108px; height:108px; padding: 30px; background: #fff; color:#de2f68; border-radius: 50%; cursor: default; font-size: 48px; line-height:48px; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .icon-box17 h4 { margin-bottom: 13px; font-size: 18px; letter-spacing: -0.3px; font-weight: bold; text-transform: uppercase;} .icon-box17 p { font-size: 14px;color: #777;margin-bottom: 25px; padding: 0 15px;} .icon-box17:hover i { background: none; color: #fff !important;box-shadow: none;} .icon-box17 h4 strong { font-weight: 400;font-size: 18px; display: inline-block;} .icon-box17:hover h4 strong:after { content: ""; margin: 7px auto 0; width: 65%; height: 0; display: block; position: relative; border-bottom: 1px solid; border-color: inherit;} #wrap .icon-box17 a.magicmore { padding:0; font-size:15px; font-weight:400; text-transform:none; letter-spacing:0; position:relative;} #wrap .icon-box17 a.magicmore:after { display:inline; font-family: 'themify'; content: "\e628"; font-size:11px; padding-left:3px; position:static; opacity:1;} /* # Icon box 18 ================================================== */ .icon-box18 { position: relative; text-align:center; background-color: #fff; background-color:#fff\9; border: 1px solid #e5e5e5; padding: 36px 20px 28px; text-shadow: none; box-shadow: 0 2px 0 0px rgba(0,0,0,0.016); margin: 40px 15px 30px; } .icon-box18 * { text-shadow: none; } .icon-box18 i { box-shadow: 0 0 0 7px transparent, 0 0 0 8px transparent; font-size: 36px; padding: 20px; background: #fff; color: #de2f68; position: absolute; top: -38px; left: 50%; margin-left: -37px; border-radius: 100%; cursor: default;width: 76px; height: 76px; text-align: center; transition: all .3s ease-in-out;} .icon-box18:hover i {background: #de2f68; color: #fff !important ; box-shadow: 0 0 0 7px #fff, 0 0 0 8px #e5e5e5;} .icon-box18 h4, .blox .icon-box18 h4, .blox.dark .icon-box18 h4 {color: #363636; margin-top: 30px; margin-bottom:20px; font-size: 16px; font-weight: 600; letter-spacing: 2px; text-transform:uppercase;} .icon-box18 p { font-size:13px; line-height:1.82; padding-left:15px; padding-right:15px;} .container .icon-box18 p, .container .blox .icon-box18 p, .container .blox.dark .icon-box18 p { color: #818181; margin-bottom: 30px; } #wrap .icon-box18 a.magicmore { padding:0; font-size:15px; font-weight:400; text-transform:none; letter-spacing:0; position:relative; margin-bottom:20px;} #wrap .icon-box18 a.magicmore:after { display:inline; font-family: 'themify'; content: "\e628"; font-size:11px; padding-left:3px; position:static; opacity:1;} @media only screen and (max-width: 767px) { .icon-box18 { margin:50px 0 80px;} } /* #Icon Box 19 =========================== */ .icon-box19 { padding: 20px 0; text-align:center; border:3px solid #e7e7e7; background:#fff; -webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;} .icon-box19 h4, .icon-box19 h4 strong, .icon-box19 h5, .icon-box19 h5 strong{ font-weight: 600;font-size: 21px;margin-bottom: 12px;padding: 0 9px;line-height: 1.6; color:#292929; letter-spacing:2px;} .icon-box19 h4, .icon-box19 h5 { margin-top:8px; padding-bottom:24px; border-bottom:1px solid #e7e7e7; text-transform:uppercase;} .icon-box19 p { font-size: 14px;font-weight: 300;color: #616161;line-height: 1.88; padding:10px 33px 0;} .icon-box19 i { width:92px; height:92px; display: inline-block;text-align: center;background: #fff; margin-top:8px;color: #de2f68;border:1px solid; padding:29px; border-radius:50%;font-size: 32px;line-height: 1;margin-bottom: 26px;-webkit-transition: all .23s ease-out;-moz-transition: all .23s ease-out;-ms-transition: all .23s ease-out;-o-transition: all .23s ease-out;transition: all .23s ease-out;} .icon-box19:hover { background:#f5f5f5;} .icon-box19 a.magicmore { display: inline-block;margin: 10px 0;padding: 5px 15px 2px 15px;color: #de2f68; border:2px solid #e7e7e7;font-size: 11px;font-weight: 700;text-transform: uppercase;border-radius: 40px;letter-spacing: 1px;background:#fff;} .icon-box19 a.magicmore:hover { border-color:#de2f68; color:#000;} #wrap .icon-box19 a.magicmore:after { display:none;} @media only screen and (min-width: 961px) { .icon-box19:hover i { border-color:#fff;transform: rotateY(180deg); -webkit-transform: rotateY(180deg);} } /* #Icon Box 20 =========================== */ .icon-box20 { text-align: left; overflow: hidden; margin-bottom: 30px;} .icon-box20 i { display: inline-block; font-size: 32px; border: 3px solid; float: left; padding: 28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;margin-right: 15px; width: 92px; height: 92px; text-align: center; transition: all 0.18s ease;} .icon-box20:hover i { color: #de2f68; background: #fff; border-color: #fff; box-shadow: 0 2px 0 0px rgba(0,0,0,0.045);} .icon-box20 h4 { font-weight: 300; font-size: 18px; margin-bottom: 12px; overflow: hidden;} .icon-box20 h4 strong { font-weight: 600;} .icon-box20 p { font-weight: 300; font-size: 14px; margin-bottom: 14px; overflow: hidden;} .icon-box20 a { color: #2ba6d8; font-size: 13px;} .icon-box20 a.magicmore { padding:0;} .icon-box20 a:hover { color: #eb7348;} .icon-box20 a.magicmore:after { display:none;} @media only screen and (max-width: 479px) { .icon-box20 h4 { font-size:13px;} .icon-box20 p { font-size:12px;} .icon-box20 i { width:54px; height:54px; font-size:24px; padding:14px; border:1px solid; margin-right:8px;} } /* #Icon Box 21 =========================== */ .icon-box21 p { text-align: left; padding-top:7px; margin-left: 80px; font-size:13px; color:#717171; overflow: hidden;} .icon-box21 a.magicmore {margin-left:80px} .icon-box21 i {border: 2px solid #E5E5E5;background:#fff;border-radius:100%;margin-right: 10px; cursor: default; display: inline-block; font-size: 28px; float: left;color: #de2f68; padding: 30px; margin-right: 10px; margin-top: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;width: 90px;height: 90px; text-align: center; transition: all .3s ease-in-out;} .icon-box21 h4 { overflow: auto; display: inline;color: #171c24;font-size: 15px; line-height: 56px; font-weight: bold; letter-spacing: 0; text-transform:uppercase; transition: .3s; } .icon-box21:hover h4 { color: #de2f68;} .icon-box21:hover i { color:#fff !important; background: #de2f68;border-color: #de2f68;} .icon-box21 img { float: left; display: block; vertical-align: text-top; margin: 0 12px 0 0;} .blox .icon-box21 i {background: transparent} .icon-box21 h4:before { content: ""; position: absolute;width: 52px; height: 2px;background: #F4F3F3; margin-top: 47px;} .blox .icon-box21:hover i {color: #fff;background: #de2f68;} .icon-box21 a.magicmore {color:#2ba6d8} .icon-box21 a.magicmore:hover {color: #2ba6d8;} @media only screen and (max-width: 479px) { .icon-box21 h4 { font-size:13px;} .icon-box21 p { font-size:12px; margin-left:63px;} .icon-box21 i { width:54px; height:54px; font-size:24px; padding:14px; border:1px solid; margin-right:8px;} } /* # Icon box 22 ================================================== */ .icon-box22 { position: relative; text-align: center; padding: 59px 15px 25px; background: #fff; border: 1px solid #eff1f3; box-shadow: 0 2px 0 0px rgba(0,0,0,0.016); -webkit-transition: .16s all ease; transition: .16s all ease;} .icon-box22 i { font-size: 64px; color: #cacaca; transition:all .23s ease;} .icon-box22 h4 { text-transform: uppercase; font-size: 25px; color: #474a4c; line-height: 1; margin: 25px 0; transition: all .23s ease;} .icon-box22 p { padding-left: 7%; padding-right: 7%; font-size: 16px; font-weight: 300;} .icon-box22 a.magicmore { font-size: 10px; color: #de2f68; text-transform: uppercase; letter-spacing: 1.4px; margin: 15px 0; background: #fff; border: 1px solid #e5e8ea; box-shadow: 0 2px 0 0px rgba(0,0,0,0.012); border-radius: 60px; padding:10px 15px 10px 16px; -webkit-transition: all .17s ease-in-out; transition: all .17s ease-in-out; display: inline-block;} .icon-box22 a.magicmore:after { display:none;} .icon-box22 a.magicmore:hover { background: #393939; border-color:#393939; color: #fff;} #wrap .icon-box22 a.magicmore:hover { color: #fff;} .icon-box22:hover h4, .icon-box22:hover i, .icon-box22.w-featured i { color: #de2f68;} .icon-box22.w-featured { position: relative; margin-top: -30px; padding: 80px 15px 65px;} .icon-box22.w-featured h4 { color: #de2f68;} .icon-box22.w-border-right { border-right: none; } .icon-box22.w-border-left { border-left: none; } @media(max-width: 767px) { .icon-box22.w-featured{ margin-top: 0;} } /* #Icon Box 23 =========================== */ .icon-box23 {position: relative; background-color: #f6f8f9; border: 1px solid #e5e5e5; border-radius: 5px; text-shadow: 0 0 0; margin: 40px 0 60px; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .icon-box23 * { text-shadow: none;} .icon-box23 i {font-size: 25px;background: #de2f68;color: #fff;float: left;border-bottom-left-radius: 5px;border-top-left-radius: 5px;height: 100%;padding: 11px;cursor: default;margin-right: 20px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .icon-box23 h4, .blox .icon-box23 h4, .blox.dark .icon-box23 h4 { background:#fff; color: #de2f68;font-size: 16px;font-weight: 600; padding-top: 17px; margin: 0; padding-bottom: 11px; vertical-align: -webkit-baseline-middle; border-bottom: 1px solid #D9D9D9; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} .icon-box23 h4:after { border-bottom: 2px solid #000; display: block; padding-bottom: 14px;width: 40px;} .icon-box23 p, .container .blox .icon-box23 p, .container .blox.dark .icon-box23 p {color: #616161;background: #f6f8f9;font-size: 13px;margin: 0;padding: 15px;} #wrap .icon-box23 a.magicmore { padding:0; font-size:15px; font-weight:400; text-transform:none; letter-spacing:0; position:relative; margin-bottom:20px; margin-left:15px;} #wrap .icon-box23 a.magicmore:after { display:inline; font-family: 'themify'; content: "\e628"; font-size:11px; padding-left:3px; position:static; opacity:1;} @media (min-width: 768px ) and (max-width: 960px ) { .icon-box23 i { display: block; float: none; width: 100%; border-bottom-left-radius: 0; border-top-right-radius: 6px;} .icon-box23 h4 { text-align: center; border-top-left-radius: 0; border-top-right-radius: 0;} } /* #Icon Box 24 =========================== */ .icon-box24 { position: relative; text-align:center; background-color: #fff; padding: 0; text-shadow: 0 0 0;transition: .3s ease; padding-top: 70px;padding-bottom: 40px;border: 1px solid #eee;margin-top: 5px; box-shadow: 0 2px 0 0px rgba(0,0,0,0.016);} @media only screen and (min-width: 768px) { .brderleftnone .icon-box24 {border-left: none;} } .icon-box24 * { text-shadow: none;} .icon-box24:before { content: ""; position: absolute;top: -1px;left: -1px;right: -1px;height: 55px; background: #fff;transition: .3s ease;} .icon-box24:after { content: ""; position: absolute;top: 54px;left: -1px;right: -1px; border-bottom: 1px solid #eee; z-index: 0;transition: .3s ease;} .icon-box24 i { font-size: 36px; padding: 29px; background: #fff; color: #de2f68; position: absolute;top: 3px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%, 0); border: 1px solid #e6e6e6; border-radius: 100%; box-shadow: 0 2px 0 0px #fafafa; cursor: default; width: 100px; height: 100px; text-align: center;z-index: 3; transition: all .3s ease-in-out;} .icon-box24 h4 { font-size: 18px;padding-top: 65px;padding-bottom: 15px; margin-bottom: 0px; color: #282727; text-transform: uppercase; width: 100%;} .icon-box24 p { font-size: 13px; color: #7a7a7a; text-align: center; padding-bottom: 48px;padding: 0 6%;} .icon-box24.w-border-left{ border-left: none;} .icon-box24.w-border-right{ border-right: none;} .icon-box24:hover i { border-color: transparent; background: #de2f68; color:#fff !important;} #wrap .icon-box24 a.magicmore { padding:0; font-size:15px; font-weight:400; text-transform:none; letter-spacing:0; position:relative; margin-bottom:20px;} #wrap .icon-box24 a.magicmore:after { display:inline; font-family: 'themify'; content: "\e628"; font-size:11px; padding-left:3px; position:static; opacity:1;} @media only screen and (max-width: 767px) { .icon-box24 { margin:30px 0 10px;} } /* #Icon Box 25 =========================== */ .icon-box25 { background: #f6f6f6; border-right: 2px solid #de2f68; position: relative; padding-left: 136px; padding-right: 9px; min-height: 100px;} .icon-box25 a { display: block;} .icon-box25 i { font-size: 45px; background: #de2f68; color: #fff; padding: 38px 43px; position: relative; position: absolute; top: 0; left: 0; bottom: 0; width: 123px;} .icon-box25 i:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);} .icon-box25 h4 {padding-top: 22px;padding-bottom: 0; font-size: 17px; font-weight: 600;color: #444;} .icon-box25 p {color: #777;font-size: 13px;padding-right: 10px;padding-bottom: 19px; margin: 0;} .icon-box25 a.magicmore { display: inline-block; float: right; margin-top: 15px;} @media only screen and (min-width: 768px) and (max-width: 961px) { .icon-box25 { padding: 127px 14px 14px; border-right: 0; } .icon-box25 i { bottom: auto; left: 0; right: 0;width: auto;height: 117px;margin: 0;} } @media only screen and (max-width: 480px) { .icon-box25 {padding: 140px 14px 14px; border-right: 0; } .icon-box25 i { bottom: auto; left: 0; right: 0;width: auto; height: 120px; margin: 0;} } /* #Icon Box 26 =========================== */ .icon-box26 .icon-wrap {position: relative; transition: all 0.3s cubic-bezier(0.68, 0, 0.94, 0.13); -webkit-transition: all 0.3s cubic-bezier(0.68, 0, 0.94, 0.13); } .icon-box26:hover .icon-wrap {background: #222 !important; } .icon-box26 i {color: #fff; vertical-align: middle; font-size: 70px; transform: translateX(-46px); padding: 50%; font-weight: bold; } .icon-box26 h4 {margin-top: 27px; font-size: 20px; color: #525249; } .icon-box26 h4:before {content: ''; width: 42px; height: 4px; display: inline-block; background: #de2f68; vertical-align: middle; margin: -3px 14px 0 0; } .icon-box26 img {transform: translate(50% , -50%); position: absolute; top: 50%; right: 50%; } /* #icon Box 27 ==========================*/ .icon-box27 { border: 1px solid #e5e5e5; display: block; padding: 62px 0 59px; margin-bottom: 10px; border-radius: 6px; transition: all .3s ease;} .icon-box27 i { font-size: 40px; color: #de2f68;} .icon-box27 h4 { font-size: 19px; color: #31312c; margin-bottom: 0; margin-top: 20px;} .icon-box27:hover { background: #de2f68; } #wrap .icon-box27:hover * { color: #fff;} .icon-colorx i, i.icon-colorx { color: #de2f68;} /* -------- end ----------- /*---------------------------------- Theme Name: Hotella ---------------------- /* #Live Search ========================================= */ #sf_sb.sf_sb { max-width:300px !important;} #header #sf_results {margin-left: -18px; max-width: 246px; margin-top: 7px;} #sf_results { background: #fff; border: 1px solid #c9c9c9; font-size: 11px; z-index: 9999; text-align: left; box-shadow: 0 2px 4px rgba(0,0,0,0.12); overflow: hidden; } .sf_more { background: #f7f7f7; border-top:1px solid #e7e7e7; display: block; min-height: 1px; margin: 3px 0 0px; padding: 8px; text-align: center; font-weight:bold; line-height:12px; } #sf_val ul.sf_main { background: #fff; margin:0; list-style:none; padding: 0; } #sf_val ul li { margin: 0; } #sf_val ul ul li { color:#000; border-color:#fff; list-style:none; border-style:solid; border-width: 1px 0; cursor: pointer; display: block;} #sf_val ul li.sf_selected { background-color: #0093d0 ; border-color: #076e99 ; color: white; } #sf_val ul li.sf_selected a, #sf_val ul li.sf_selected span { color: white; } #sf_val ul li.sf_header { background:#eee; border-top:1px solid #e7e7e7; border-bottom: 0 none; padding:4px 15px 5px 6px; font-weight:bold; margin: 0; } #sf_val ul li.sf_header:first-child { border-top:none;} #sf_val li.sf_item img { background-color: #eceff5; display: block; height: 50px; left: 6px; position: absolute; width: 50px; top:2px; } #sf_val li .sf_small { color:#666; text-align: left; line-height: 18px; } #sf_val { z-index:9999; -height:180px; -overflow-y:auto; } #sf_val ul { margin:0; list-style:none; padding: 0; } #sf_val ul ul { font-size:12px; font-weight:400;} #sf_val .sf_result_container ul { margin:0; list-style:none; padding: 0; } #sf_val ul li.sf_category a { margin-left:5px; padding: 3px 0; } #sf_val ul li a:hover { text-decoration:none; } #sf_val ul li a { text-decoration:none; display: block; } #sf_val ul li.sf_selected a, #sf_val ul li.sf_selected span { text-decoration:none; } #sf_val ul li.sf_item { min-height:50px; padding: 2px 30px 2px 63px; position:relative; line-height:12px; min-height:50px; } #sf_val ul li.sf_item a { display:block; } #sf_val li .sf_text { font-weight: bold; font-size: 12px; line-height: 15px; } #sf_val li a span.sf_text, #sf_val li a span.sf_small { display:block; } #sf_val li.sf_more .sf_small { font-size:9px; text-align: center; line-height: 15px; } .sf_search .sf_input{ color:#aaa; background:#fff; font-style:italic; border:0 none; padding:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; width:90%; margin-left:2px; height:19px; } .sf_search .sf_focused{ color:#333; font-style:normal; } .sf_search { background:#fff; position:relative; display:inline-block; border-radius:2px; text-align:left; } .sf_search .sf_button,.sf_search .searchsubmit { background-image: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/sf_search.png); background-repeat: no-repeat; background-position: 0px 0; background-color: white; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow:0 0 0 0; box-shadow:0 0 0 0; background-repeat: no-repeat; background-position: 0px 0; border: 0 none; cursor: pointer; display: block; height: 19px; padding: 0; position: absolute; right: 1px; top: 1px; width: 22px; margin: 1px 1% 1px 2px; font-size: 11px; } #sf_loading { background-image: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/sf_loading.gif); background-repeat: no-repeat; background-position: center center; display:block; width:100%; height:30px; } .sf_ajaxy-selective-search { color: rgba(255, 255, 255, 0.498039); text-decoration: none solid rgba(255, 255, 255, 0.498039); background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box; border-color:rgba(0, 0, 0, 0.247059) rgba(0, 0, 0, 0.14902) rgba(0, 0, 0, 0.14902) rgba(0, 0, 0, 0.14902); font: 16px/24px Arial, sans-serif; outline: rgba(255, 255, 255, 0.498039) none 0px; } .sf_ajaxy-selective-item { color: rgb(255, 255, 255); text-decoration: none solid rgb(255, 255, 255); background: rgb(109, 132, 180) -webkit-linear-gradient(top, rgb(116, 140, 190), rgb(102, 124, 170)) repeat scroll 0% 0% / auto padding-box border-box; border: 1px solid rgb(98, 118, 158); border-radius: 2px 2px 2px 2px; font: normal normal bold 11px/19px Arial, sans-serif; outline: rgb(255, 255, 255) none 0px; padding: 0px 8px; transition: all 0.218s ease 0s; } .sf_ajaxy-selective-close { color: rgb(255, 255, 255); text-decoration: none solid rgb(255, 255, 255); border: 0px none rgb(255, 255, 255); font: normal normal bold 11px/19px Arial, sans-serif; margin: 16.5px 0px; outline: rgb(255, 255, 255) none 0px; background: transparent; } .sf_ajaxy-selective-search input.sf_ajaxy-selective-input { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(0, 0, 0); box-shadow: 0 0 0; } .sf_more .sf_text, .sf_more .sf_small { text-align:center; } .sf_more img { padding:10px 0; } .sf_search .sf_input:focus, .searchsubmit:focus { border:0 none; outline: none; } .sf_hidden { display:none; } .sf_search span.sf_block { display: block; height: 20px; padding: 1px 0 2px; position:relative; } .sf_search .screen-reader-text { display:none; } .sf_search .searchsubmit { display:block; } .sf_search .searchsubmit { float:none; } #sf_sb ::-webkit-scrollbar { height: 10px; overflow: visible; width: 10px; } #sf_sb ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .2); background-clip: padding-box; border: solid transparent; border-width: 1px 1px 1px 1px; min-height: 28px; padding: 100px 0 0; } #sf_sb ::-webkit-scrollbar-button { height: 0; width: 0; } #sf_sb ::-webkit-scrollbar-track { background-clip: padding-box; border: solid transparent; border-width: 0 0 0 4px; } #sf_sb ::-webkit-scrollbar-corner { background: transparent; } .sf_result_container { max-height:200px; overflow:auto; margin-top: 0; margin-bottom: 0; } .screen-reader-text { display:block; } #sf_val ul li.sf_item span.sf_list a{ display: inline-block; padding: 2px 5px; border-radius: 3px; margin-bottom: 3px; min-height: 0; margin-right: 5px; min-height:0; } #sf_val ul li.sf_item span.sf_tags a{ background: #65A1FA; color: #fff; } .sf_item.woocommerce .quantity input.qty{ border-right-width: 1px; border-right-style: solid; border-right-color: #c8bfc6; font-size: 12px; height: 24px; line-height: 12px; } .sf_item.woocommerce div.quantity{ width:44px; } .sf_item.woocommerce .product form.cart{ margin-bottom:5px; margin-top:5px; } /*---------------------------------- Theme Name: Hotella ---------------------- /* NAVIGATION BAR */ #nav-wrap .container { position:relative;} .nav-wrap1, .nav-wrap2 { height:100px; position:relative; border-color:#f0f0f0;} .nav-wrap2 { height:83px; margin:0 auto; border:none;} .nav-wrap2.mn4 { height:59px;} #header .awebooking-widget .awebooking-wrapper.inline .apb-field { margin-right: 0;} /* Menu Icon (Responsive Button) */ #menu-icon { display: none; /* hide menu icon initially */} #nav { float:right;} #nav li { list-style: none; padding:0; margin:0; float: left; display: block; height: 100%; vertical-align: middle; position:static;} /* Nav Link */ #nav a { display: block; font-weight:600; color:#444; outline: 0; opacity:1; text-align:center; font-size:14px; text-transform:uppercase; padding:0 15px; letter-spacing:0.3px; line-height:100px; transition:background .15s ease-in-out;} #nav a:hover, #nav li:hover > a { color: #de2f68;} #nav a i { font-size:16px; line-height:16px; display:inline; color:inherit; margin-right:4px; vertical-align:baseline;} #nav > li > a i { margin-right:6px; font-weight:normal;} #nav > li.current > a, #nav > li > a.active, #nav > li:hover > a { position:relative; color:#de2f68;} #header #nav .active a { color: #de2f68;} #header.sticky #nav-wrap #nav > li:hover { background:#f5f5f5; transition: background 0.25s ease;} #header.sticky #nav-wrap #nav > li > a { margin:0; padding:23px 15px; line-height:18px;} #header.sticky #nav-wrap #nav #nav > li:hover > a { color:#de2f68;} @media only screen and (min-width: 961px) and (max-width: 1200px) { #nav > li > a { font-size:12px; padding-left:11px; padding-right:11px;} } /* Nav Dropdown */ #nav ul { position: absolute; width: 210px; background: #f5f5f5; padding: 12px 0 12px; margin:0; z-index:9100; display: none; box-shadow: 0 5px 9px rgba(0,0,0,0.058); /* hide dropdown */ } @media only screen and (min-width: 961px) { .dark-submenu #nav ul, .dark-submenu #nav ul li, .dark-submenu #nav ul li:hover { background:#242424;} .dark-submenu #nav ul li a { color:#d0d0d0; text-shadow:none;} .dark-submenu #nav ul li a:hover { color:#de2f68; background:#1a1a1a;} } #header.sticky #nav li ul:before, #header.sticky #nav li ul:after, #nav > li > li.mega ul[class^="sub-"]:after, #nav > li > li.mega ul[class^="sub-"]:before { border-width:0px; display:none;} #nav ul li { float: none; display:block; position:relative; margin: 0; padding:0;} #nav ul li:hover { background-color: #fbfbfb;} #nav ul li:last-child { border:none;} #nav ul li a { color:#666; width:auto; display:block; text-align:left;padding: 8px 5px 8px 29px;font-size: 12px; font-weight:500; border: none;text-transform: none;line-height: 30px;min-height: 30px;letter-spacing: 0.5px;} #nav ul li a:hover, #nav li.current ul li a:hover, .nav-wrap2 #nav ul li a:hover, .nav-wrap2.darknavi #nav ul li a:hover, #nav ul li.current > a , #nav ul li:hover > a { color:#de2f68;} #nav li:hover > ul { display: block; visibility:visible; /* show dropdown on hover */} #nav ul li ul { margin:-47px 0 0 210px; width:182px; padding:0;} #nav ul li ul li ul { margin-left:182px;} #nav li.submenux:after { font-family: 'FontAwesome'; content: "\f054"; position:absolute; color:#cdcdcd; font-size:8px; display:inline; speak: none; cursor:pointer; right:9px; top:12px;} #nav li.mega ul[class^="sub-"] li.submenux:after { display:none;} /* Mega Menu */ #nav li.mega ul[class^="sub-"] { width:100%; left:auto; right:0; float:right; border-radius:0; padding:0;} @media only screen and (min-width: 961px) and (max-width: 1200px) { #nav li.mega ul[class^="sub-"] { width:920px;} #header.sticky #nav li.mega ul[class^="sub-"] { left:10px; right:10px; width:986px;} } @media only screen and (min-width: 1201px) { #nav li.mega ul[class^="sub-"] { width:1101px;} #header.sticky #nav li.mega ul[class^="sub-"] { left:30px; right:auto;} } @media only screen and (min-width: 1281px) { #nav li.mega ul[class^="sub-"] { width:1186px;} #header.sticky #nav li.mega ul[class^="sub-"] { left:0; right:auto;} } #nav li.mega ul[class^="sub-"] div:last-child { margin-right:0 !important;} #nav li.mega ul[class^="sub-"], #nav li.mega ul[class^="sub-"] li, #nav li.mega ul[class^="sub-"] li:hover { background-color:#f5f5f5;} #nav h4.subtitle { margin:14px 0; border-color:#e8e8e8; border-width:1px; font-size:12px;} #nav img { max-width:100%; margin-bottom:10px;} #nav p { font-size:13px; color:#747474; line-height:22px;} .dark-submenu #nav p { color:#d1d1d1; font-size:14px; line-height:1.8;} #header #nav h6 { margin:0; margin-bottom:7px; color:#555;} #nav .sendbtn { padding:7px 20px; font-size:13px;} #nav li.mega ul[class^="sub-"] ul, #nav li.mega ul[class^="sub-"] li.mega ul[class^="sub-"] { position:static; display:block; width:auto; border:none; margin:0; padding:0; box-shadow:none;} #nav li.mega ul[class^="sub-"] ul li, #nav li.mega ul[class^="sub-"] ul li a { margin:0;} #nav li.mega ul[class^="sub-"] ul li { padding:8px 0; padding-left:1px; border-bottom:none;} #nav li.mega ul[class^="sub-"] ul li a { display:inline; line-height:1.4; padding-left:0; padding-right:3px;} #nav li.mega ul[class^="sub-"] .wpb_content_element { margin-bottom:5px;} #nav li.mega ul[class^="sub-"] .wpb_row { padding:0 15px; margin:0;} #nav li.mega ul[class^="sub-"] input, #nav li.mega ul[class^="sub-"] textarea { min-width:inherit; background:#fff;} #nav li.mega ul[class^="sub-"] .wpb_column .widget { margin-bottom:0;} #nav li.mega ul[class^="sub-"] .no-title .widgettitle { display:none;} #nav li.mega ul[class^="sub-"] .mgm-title { font-size: 39px; font-weight: 100; line-height:1.2;} #nav li.mega ul[class^="sub-"] a.button, .dark-submenu #nav li.mega ul[class^="sub-"] li a.button { display:inline;padding: 12px 20px;letter-spacing: 1px;color: #fff;} #nav-wrap #nav li.mega ul[class^="sub-"] li a.button:hover { background:#000; color:#fff;} @media only screen and (min-width: 961px) { .dark-submenu #nav li.mega ul[class^="sub-"] li, .dark-submenu #nav li.mega ul[class^="sub-"] li:hover { background:none;} .dark-submenu #nav li.mega ul[class^="sub-"] { background:#242424;} .dark-submenu #nav li.mega ul[class^="sub-"] li a { color:#d8d8d8; text-shadow:none;} .dark-submenu #nav li.mega ul[class^="sub-"] li a:hover { color:#fff; background:none;} .dark-submenu #nav li.mega ul.sub-posts li a:hover { color:#de2f68;} .dark-submenu #nav li.mega ul[class^="sub-"] { color:#a0a0a0;} .dark-submenu #nav h4.subtitle { margin:25px 0 15px 0; color:#d8d8d8; border-color:rgba(255,255,255,0.1);} .dark-submenu #nav li.mega ul[class^="sub-"] .mgm-title { color:#fff;} .dark-submenu #nav li.mega ul[class^="sub-"] li a.button { color:#fff;} } #nav li.mega ul[class^="sub-"] ul li { padding-top: 1px;} #nav-wrap #nav li:hover .sub-posts {display: table;table-layout: fixed;margin: 0;padding: 2px;} #nav .sub-posts li, .nav-wrap2 #nav .sub-posts li {list-style: none;display: table-cell;text-align: center; border: 0; padding: 10px 0; vertical-align: top;} #nav li:hover .sub-posts li:hover{background: #f7f7f7;} #nav .sub-posts li img {margin:0;} #nav .sub-posts li figure { padding:10px;} #nav .sub-posts li figure a { padding:0; margin:0;} #nav .sub-posts li h5 a {padding: 8px 14px; font-size: 12px; line-height:1.7; font-weight: 400; letter-spacing:2px; text-transform:uppercase; text-align: center; background: none;} #nav .sub-posts .sub-meta {color: #a1a1a1; margin-bottom:10px; font-size:13px; display:none;} @media only screen and (max-width: 960px) { #nav .sub-posts li, .nav-wrap2 #nav .sub-posts li { display:block;} } /* #stiky on mobile =============================*/ @media only screen and (max-width: 767px) { #header.sticky.mobistky .container { position:fixed; top:0; background:#fff; height:72px; width:100%; z-index:30; box-shadow:3px 0 3px rgba(0,0,0,0.25); -webkit-animation: header-anim .2s ease .027s both; animation: header-anim .2s ease .027s both; transition: background 0.3s ease-in-out 0s, border-bottom 0.3s ease-in-out 0s;} #header.sticky.mobistky .nav-wrap2 .container { transition:none; animation:none; background:none; position:static; width:1px; height:1px; z-index:1; box-shadow:none;} #header.sticky.mobistky .logo-sticky { display:block; position:fixed; top:0; max-width:280px; z-index:9000; -webkit-animation: fade-anim .3s ease .044s both; animation: fade-anim .3s ease .044s both;} #header.sticky.mobistky img.img-logo-w1, #header.sticky.mobistky img.img-logo-w2 { display:none;} #header.sticky.mobistky .logo-sticky img.img-logo-w3 { max-height: 48px; width: auto; max-width:280px; margin-top: 4px; display:block;} #header.sticky.mobistky .nav-wrap2 { position:fixed; width:100px; right:50px; top:58px; z-index:98;} #header.sticky.mobistky #menu-icon { position:absolute; margin:0; top:4px; right:8px;} #header.sticky.mobistky.w-header-type-13 { position: fixed; background: #fff; } #nav-wrap.wn-full-header { margin-bottom: 0; height: auto;} #header.sticky.mobistky.w-header-type-13, #header.sticky.mobistky.w-header-type-13 { height: auto;} #nav-wrap.wn-full-header #menu-icon { margin-top: 10px; } } /* top-bar menu edition */ @media only screen and (min-width: 961px) { .top-links #nav { margin:0;} .top-links #nav > li { position: relative;} .top-links #nav > li:after { content: ''; width: 1px; height: 7px; background-color: #616161; position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(-50%, 0); right: 0;} .top-links #nav > li > a { line-height:55px; padding: 0 11px; font-size: 11px; margin:0; color: #fff;letter-spacing: 0;} .top-links #nav ul li a { font-size:10px; text-transform:uppercase;} .top-links #nav > li.current > a:before, .top-links #nav > li > a:after { display:none;} .top-links #nav ul { width:170px;} .top-links #nav ul li ul { margin:-38px 0 0 170px; width:160px;} #wrap.no-menu-header .nav-wrap2 { display:none;} } @media only screen and (max-width: 960px) { #wrap.no-menu-header .top-links { display:none;} } /* nav link Header2 */ @media only screen and (min-width: 961px) { .nav-wrap2 #nav { margin:0; width: 100%; background:none;} .nav-wrap2.darknavi #nav { border-bottom:none;} .nav-wrap2 .container { padding-left:25px; padding-right:25px;} .nav-wrap2 { border:none; background:#f0f0f0;} .nav-wrap2.darknavi { background:#303030; border-color:transparent;} } @media only screen and (min-width: 1281px) { .nav-wrap2 .container { padding-left:30px; padding-right:30px;} } #header .vertical-space { height:10px;} #header.sticky .vertical-space { height:51px;} .nav-wrap2 #nav { text-align: center;} .nav-wrap2 #nav a { color:#222;} .nav-wrap2 #nav > li { margin:0; padding:0; float:none; display: inline-block;} .nav-wrap2 #nav > li > ul { margin-left:0;} #header.sticky .nav-wrap2 #nav > li > ul { margin-left:-21px;} .nav-wrap2 #nav > li > a { margin:0; padding:21px 20px 20px; font-size:14px; text-transform:uppercase; line-height:18px; text-align:center;} .nav-wrap2.mn4 #nav > li > a { padding:21px 25px 20px;} #header.sticky .nav-wrap2 #nav > li > a { font-size:13px;} .nav-wrap2 #nav li.mega ul[class^="sub-"] { right:auto; left:30px; float:left; text-align:left;} #header.sticky .nav-wrap2 #nav li.mega ul[class^="sub-"] { margin:0;} #nav a span, #nav > li > a:after { margin-top:6px; display:block; font-size:11px; color:#9a9a9a; font-weight:400;} #nav > li > a:after { content: attr(data-description);} .nav-wrap1 #nav > li > a:after, .nav-wrap2.mn4 #nav > li > a:after, #nav ul li > li > a:after { content:""; display:none;} .nav-wrap2 #nav > li:hover > a, .top-links #nav > li:hover > a { color: #de2f68; background: none;} .nav-wrap2.darknavi #nav > li > a { color:#fff;} .nav-wrap2.darknavi #nav > li > a:hover, .nav-wrap2.darknavi #nav > li:hover > a { background-color:#242424; color:#de2f68;} .nav-wrap2 #nav > li.current > a {color:#de2f68;} .nav-wrap2 #nav > li.current > a:before { height:3px;} @media only screen and (min-width: 961px) { #header.sticky .nav-wrap2 #nav { float:right; background:none; border:none; text-align:right;} } #header.sticky .nav-wrap2 #nav > li { padding:0;} #header.sticky .nav-wrap2 #nav > li > a { margin:0; padding:21px 10px; border:none; background:none;} @media only screen and (min-width: 1281px) { #header.sticky .nav-wrap2 #nav > li > a { padding:21px;} } #header.sticky #nav a span, #header.sticky #nav a:after { display:none;} #header.sticky .nav-wrap2 {border:none;} #header.sticky .nav-wrap2.darknavi, #header.sticky .nav-wrap2.darknavi #nav > li > a { border:none; background:none;} #header.sticky .nav-wrap2.darknavi #nav > li > a { color:inherit;} #header.sticky .nav-wrap2.darknavi #nav > li > a:hover { color:#de2f68;} /* nav dropdown for(ie7) */ *+html #nav li { position:relative; display:block;} *+html #nav li ul, *+html #nav li.current ul { left:0; clear:both; position:absolute; border:1px solid #d4d4d4;} *+html .container { z-index:2;} *+html #header { z-index:3; position:relative;} *+html #nav ul li ul { position:absolute; left:0; margin-top:-31px; display:none; visibility:hidden;} *+html #nav ul li:hover > ul { display:block; visibility:visible;} /* header typ 10 */ @media only screen and (min-width: 961px) { #header.w-header-type-10 #nav > li.current > a:before { height:4px;} .transparent-header-w #header.w-header-type-10 { position: absolute; top: 35px; background: #fff; border: none; margin: 0 auto; left: 0; right: 0; box-shadow: 0 1px 7px rgba(0,0,0,0.041);} .transparent-header-w.t-dark-w #header.w-header-type-10 {background:rgba(255, 255, 255, 0.2);} .transparent-header-w #header.w-header-type-10.sticky { width:100%; box-shadow:none;} } @media only screen and (min-width: 1281px) { .transparent-header-w #header.w-header-type-10 { width: 1246px;} } @media only screen and (min-width: 961px) and (max-width: 1280px) { .transparent-header-w #header.w-header-type-10 { width: 1170px;} #header.w-header-type-10 #nav > li > a { font-size:12px; padding:0 10px;} #header.w-header-type-10.sticky #nav-wrap #nav > li > a { padding-left:10px; padding-right:10px;} } /* header typ 11 */ @media only screen and (min-width: 961px) { #header.w-header-type-11 { position: absolute; top: 30px; left: 0; right: 0; margin: 0 auto; background: #fff; box-shadow: 0 1px 7px 0px rgba(0,0,0,0.043);} .has-topbar-w #header.w-header-type-11 { top: 55px;} #header.w-header-type-11 > .container { width: 100%; padding-left: 0; padding-right: 0;} #header.w-header-type-11 .nav-components { border-bottom: 4px solid #f0f0f0;} #header.w-header-type-11 .logo-wrap { background-color: #de2f68;} #header.w-header-type-11 .logo-wrap .logo {width: 100%; height: 140px;} .w-header-type-11 .nav-wrap1, .w-header-type-11 #nav { float: left;} #header.w-header-type-11:not(.sticky) .logo-wrap .logo img { left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);} .w-header-type-11 .nav-wrap1 { height: 62px;} .w-header-type-11.sticky .nav-wrap1, .w-header-type-11.sticky #nav { float: right;} .w-header-type-11 #nav { margin: 0;margin-top: -2px;} .w-header-type-11 #nav > li > a { line-height: 62px; color: #363842;font-weight: 600;font-size: 14px;letter-spacing: 0.4px;border-top: 2px solid transparent;transition: .23s all ease-in-out;} .w-header-type-11 #nav > li:hover > a { position:relative; color:#de2f68; border-top: 2px solid; background-color: #f5f5f5;} } @media only screen and (min-width: 961px) and (max-width: 1200px) { #header.w-header-type-11 { width: 930px;} .w-header-type-11 #nav > li > a { font-size:12px; padding-left:8px; padding-right:8px;} } @media only screen and (min-width: 1281px) { #header.w-header-type-11 { width: 1210px;} } @media only screen and (min-width: 1200px) and (max-width: 1280px) { #header.w-header-type-11 { width: 1120px;} } @media only screen and (max-width:960px) { #header.w-header-type-11 { position: static;} } @media only screen and (max-width: 960px) { #w-header-type-11-search { display: none;} .phones-components #w-header-type-11-search { display: block; margin: 5px 0;} #w-header-type-11-search input { max-width: 120px;} } #header.w-header-type-11 .logo-wrap .logo { text-align: center; margin: 0;} /* header typ 11 awebooking */ .w-header-type-11 .components .awebooking .apb-heading, .components.phones-components .awebooking .apb-heading { display: none;} .w-header-type-11 .components .awebooking .apb-content, .components.phones-components .awebooking .apb-content { padding: 0; padding-top: 10px;} .w-header-type-11 .components .awebooking .apb-content form, .components.phones-components .awebooking .apb-content form { margin-bottom: 0;} .w-header-type-11 .components .awebooking .apb-content form input[type="text"], .w-header-type-11 .components .awebooking .apb-content form input[type="text"], .components.phones-components .awebooking .apb-content form input[type="text"], .components.phones-components .awebooking .apb-content form input[type="text"] { margin-bottom: 0;} .w-header-type-11 .components .awebooking .awebooking-wrapper input[type="text"], #wrap .w-header-type-11 .components .awebooking .awebooking-widget input[type="text"], .w-header-type-11 .components .awebooking .awebooking-wrapper select, .components.phones-components .awebooking .awebooking-wrapper input[type="text"], #wrap .components.phones-components .awebooking .awebooking-widget input[type="text"], .components.phones-components .awebooking .awebooking-wrapper select { margin-bottom: 4px;} .w-header-type-11 .components .awebooking .apb-btn, .components.phones-components .awebooking .apb-btn { padding: 12px 32px 10px; top: 0;border-radius: 0;background: #de2f68;font-weight: 600;letter-spacing: 0.5px;font-size: 13px;margin-top: 22px;margin-bottom: 0;margin-right: 0;} @media ( min-width: 961px) and ( max-width: 1281px) { .w-header-type-11 .components .awebooking-wrapper.inline .apb-field { width: 12% ;} .w-header-type-11 .components .awebooking .apb-btn { padding: 12px 32px 10px; font-size: 12px;} } @media ( min-width: 768px) and ( max-width: 960px) { .components.phones-components .awebooking-wrapper.inline .apb-field { width: 48%; float: left;} .components.phones-components .awebooking .apb-btn { margin: 20px 0; width: 48%;} } @media ( max-width: 768px) { .components.phones-components .awebooking .apb-btn, .components.phones-components .awebooking-wrapper.inline .apb-field { width: 100%; } } /* # Header Type 13 ======================================*/ @media ( max-width: 960px ){ #header.w-header-type-13 #nav-wrap > ul { display: none !important;} } @media ( min-width: 961px){ #header.w-header-type-13 { display: block; background: #fff; min-height: 74px;} #header.w-header-type-13 .logo-wrap img {padding-left: 31px;} #header.w-header-type-13 #nav ul { background: #fff; width: 228px; border: 1px solid #ebebeb; padding: 0;} #header.w-header-type-13 #nav > li > ul { margin-top: -2px;} #header.w-header-type-13.sticky #nav > li > ul { margin-top: 0;} #header.w-header-type-13 #nav ul a {text-transform: uppercase; font-weight: 500; font-size: 12px;} #header.w-header-type-13 #nav ul li ul { margin-left: 227px;} #header.w-header-type-13 #nav ul li { border-bottom: 1px solid #ededed; } #header.w-header-type-13 #nav ul li:last-child { border-bottom: none; } #header.w-header-type-13 .logo, #header.w-header-type-13 nav {max-height: 74px;} #header.w-header-type-13 > #nav li a { display: inline;} #header.w-header-type-13 #nav-wrap { display: inline-block; text-align: center;} #header.w-header-type-13 #nav-wrap > ul { float: none; margin-bottom: 0; display: inline-block !important; text-align: center;} #header.w-header-type-13 #nav-wrap #nav li.menu-item-has-children { position: relative;} #header.w-header-type-13.sticky #nav-wrap #nav > li.menu-item-has-children:before { top: 20px;} #header.w-header-type-13 { position: relative; border-bottom: 1px solid #e4e4e4;} #header.w-header-type-13.sticky div { max-height: 64px;} #header.w-header-type-13 a.search-form-icon { width: inherit; height: inherit; } } #header.w-header-type-13 #nav > li > a { line-height: 75px; font-size: 13px; font-weight: 600; padding: 0 18px;} #header.w-header-type-13.sticky #nav-wrap #nav > li > a { padding-right: 18px; padding-left: 18px;} #header.w-header-type-13.sticky #nav-wrap #nav > li:hover { background: none;} /* Headre Tools Section */ #header.w-header-type-13 #nav-wrap #nav > li.menu-item-has-children:before {content: "\e604";font-family: 'simple-line-icons';font-size: 8px;color: #31312c;position: absolute; right: 5px; top: 26px; font-weight: 600;} #header.w-header-type-13 .tools-section {float: right; position: absolute; right: 31px; height: 100%; } #header.w-header-type-13.sticky .tools-section { position: fixed; z-index: 9999; -webkit-backface-visibility: hidden; -webkit-animation: header-anim .2s ease .027s both; animation: header-anim .2s ease .027s both; transition:all .2 ease;} .transparent-header-w.t-dark-w #header.w-header-type-13:not(.sticky) #nav-wrap #nav > li.menu-item-has-children:before, .transparent-header-w.t-dark-w #header.w-header-type-13:not(.sticky) .tools-section .header-login { color: #fff;} #header.w-header-type-13 .tools-section div:first-child {border-right: 1px solid #e4e4e4; } #header.w-header-type-13 .tools-section #search-form { float: right; margin: 0; width: 66px; display: inline-block; padding: 0; border-left: 1px solid #e4e4e4; height: 100%; transition: all .3s ease; -webkit-transition: all .3s ease;} #header.w-header-type-13 .tools-section #search-form-box {margin: 0 23px 0 0;} #header.w-header-type-13.sticky .tools-section #search-form-box {margin-top: 0;} #header.w-header-type-13 .tools-section .search-form-box:after,#header.w-header-type-13 .tools-section .search-form-box:before {display: none; } #header.w-header-type-13 .tools-section #search-form, #header.w-header-type-13 .tools-section .w-login-modal, #header.w-header-type-13 .tools-section .booking-header-icon {height: 100%;float: right;font-size: 24px;line-height: 1.8;transition: all .3s ease;-webkit-transition: all .3s ease;border-left: 1px solid #e4e4e4;color: #929292;width: 65px;display: inline-block;text-align: center;padding-top: 15px;} .admin-bar #header.sticky.w-header-type-13 .tools-section #search-form,.admin-bar #header.sticky.w-header-type-13 .tools-section .w-login-modal,.admin-bar #header.sticky.w-header-type-13 .tools-section .booking-header-icon { margin-top: -32px;} #header.sticky #w-login .login-links li a { bottom: 123px;} @media ( min-width: 960px ){ #header.w-header-type-13 .tools-section { padding-left: 0;} } @media ( min-width: 960px ) and ( max-width: 1280px ){ #header.w-header-type-13 .tools-section { padding-left: 0;} #header.w-header-type-13 .tools-section #search-form, #header.w-header-type-13 .tools-section .w-login-modal, #header.w-header-type-13 .tools-section .booking-header-icon {padding-top: 16px;width: 45px;font-size: 20px;} #header.w-header-type-13 .tools-section #search-form { padding-top: 20px;} #header.w-header-type-13 .tools-section #search-form-box { margin-top: 3px;} #header.w-header-type-13.sticky .tools-section #search-form-box { margin-top: 4px;} } #header.w-header-type-13 .tools-section #search-form, #header.w-header-type-13 .tools-section .w-login-modal, #header.w-header-type-13 .tools-section .booking-header-icon {height: 100%;float: right;font-size: 24px;line-height: 1.8;transition: all .3s ease;-webkit-transition: all .3s ease;border-left: 1px solid #e4e4e4;color: #929292;padding-top: 0;position: relative;} #header.w-header-type-13 .tools-section #search-form i, #header.w-header-type-13 .tools-section .w-login-modal i, #header.w-header-type-13 .tools-section .booking-header-icon > i { display: block;height: 100%;line-height: 70px;} #header.sticky.w-header-type-13 .tools-section #search-form i, #header.sticky.w-header-type-13 .tools-section .w-login-modal i, #header.sticky.w-header-type-13 .tools-section .booking-header-icon i { line-height: 60px;} #header.w-header-type-13 .tools-section #search-form i.wn-click, #header.w-header-type-13 .tools-section .w-login-modal i.wn-click, #header.w-header-type-13 .tools-section .booking-header-icon i.wn-click { display: inline-block; vertical-align: middle;} #header.w-header-type-13 .tools-section .w-login-modal .w-login {min-height: 403px; width: 350px; } #header.w-header-type-13 .tools-section .w-login-modal .w-login div {border: none; } #header.w-header-type-13 .tools-section .w-login-modal #user-login input {padding: 9px 14px; } #header.w-header-type-13 .tools-section .w-login-modal:hover, #header.w-header-type-13 .tools-section .booking-header-icon:hover{cursor: pointer;} #header.w-header-type-13 .tools-section .w-login-modal:hover > i,#header.w-header-type-13 .tools-section .booking-header-icon:hover > i, #header.w-header-type-13 .tools-section #search-form:hover i, #header.w-header-type-13 .tools-section .w-login-modal.wn-active i.wn-click,#header.w-header-type-13 .tools-section .booking-header-icon.wn-active i.wn-click, #header.w-header-type-13 .tools-section #search-form.wn-active i.wn-click {color: #de2f68; cursor: pointer; } #header.w-header-type-13 .tools-section .booking-header-icon .booking-modal-content,#header.w-header-type-13 .tools-section .w-login-modal .w-login { position: absolute; right: -1px; top: 74px; background: #fff; border: 1px solid #e5e5e5; max-height: 500px; margin-top:-1px; box-shadow: 0 5px 9px rgba(0,0,0,0.058);} #header.w-header-type-13.sticky .tools-section .booking-header-icon .booking-modal-content, #header.w-header-type-13.sticky .tools-section .w-login-modal .w-login { top: 65px;} #header.w-header-type-13 .tools-section .booking-header-icon .booking-modal-content { width: 500px; max-height: none; height: auto; box-shadow: 0 5px 9px rgba(0,0,0,0.058);} #header.w-header-type-13 .tools-section .booking-header-icon .booking-modal-content div { max-height: none; border: none;} #header.w-header-type-13 .tools-section .booking-header-icon:hover,#header.w-header-type-13 .tools-section .w-login-modal:hover,#header.w-header-type-13 .tools-section #search-form:hover,#header.w-header-type-13 .tools-section .booking-header-icon.wn-active,#header.w-header-type-13 .tools-section .w-login-modal.wn-active,#header.w-header-type-13 .tools-section #search-form.wn-active {background: #eee; } #header.w-header-type-13 .tools-section div.active {background: #eee;} #header.w-header-type-13 .tools-section div.active i {color: #de2f68;} #header.w-header-type-13 #w-login h3 {background: #fff; color: #000; text-align: center; text-transform: uppercase; font-size: 15px; font-weight: 600; letter-spacing: 0; padding: 17px 0 14px; border-bottom: 1px solid #e5e5e5; } #header.w-header-type-13 #w-login #user-login { padding: 22px; text-align: left;} #header.w-header-type-13 .w-login #user-logged .logged-links { width: 92%;} .ui-datepicker.apb-datepicker.ui-widget-content { z-index: 10000 !important; } #header.w-header-type-13 .wn-content-toggle { display: none;} #header.w-header-type-13 [data-tooltip] {position: relative; z-index: 2; cursor: pointer; } /* Hide the tooltip content by default */ #header.w-header-type-13 [data-tooltip]:before,[data-tooltip]:after {display:none; pointer-events: none; transition: all 0.3 ease; -webkit-transition: all 0.3 ease; } /* Position tooltip above the element */ #header.w-header-type-13 [data-tooltip]:before {position: absolute; top: 2px; right: 78%; transform: translateX(50%); padding: 7px; width: 56px; background-color: #000; color: #fff; content: attr(data-tooltip); text-align: center; font-size: 11px; line-height: 5px;} /* Triangle hack to make tooltip look like a speech bubble */ #header.w-header-type-13 [data-tooltip]:after {position: absolute; top: 21px; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } /* Show tooltip content on hover */ #header.w-header-type-13 [data-tooltip]:hover:before, [data-tooltip]:hover:after {display: block; } #header.w-header-type-13 .apb-select, #header.w-header-type-13 .apb-input.apb-calendar { border-color: #fff; background: #f3f3f3; padding: 11px 15px;} #header.w-header-type-13 .apb-select:hover, #header.w-header-type-13 .apb-input.apb-calendar:hover, #header.w-header-type-13 .apb-select:focus, #header.w-header-type-13 .apb-input.apb-calendar:focus { border-color: #c1dfed; background: #fff;} #header.w-header-type-13 .apb-field-group .fa, #header.w-header-type-13 .apb-field-group .apbf, #header.w-header-type-13 .apb-field-group .icon, #header.w-header-type-13 .pb-field-group .apbf-select { top: 13px;} #header.w-header-type-13 .awebooking .apb-btn { padding: 15px 20px; border-radius: 55px; margin: 7px 0 0;} #header.w-header-type-13 .apb-sidebar_group { margin-bottom: 0;} .transparent-header-w.t-dark-w #header.w-header-type-13 { border-bottom: 1px solid rgba(255,255,255,0.3);} .transparent-header-w.t-dark-w #header.w-header-type-13:not(.sticky) .tools-section #search-form, .transparent-header-w.t-dark-w #header.w-header-type-13:not(.sticky) .tools-section .w-login-modal, .transparent-header-w.t-dark-w #header.w-header-type-13:not(.sticky) .tools-section .booking-header-icon { border-color: rgba(255,255,255,0.3); color: rgba(255,255,255,0.88);} .transparent-header-w .w-header-bottom { top: 6%;} @media( min-width:1200px) and (max-width:1280px) { #header.w-header-type-13 #nav > li > a { font-size: 12px; padding: 0 16px;} #header.w-header-type-13.sticky #nav-wrap #nav > li > a { padding-right: 16px; padding-left: 16px;} #header.w-header-type-13 #nav-wrap #nav > li.menu-item-has-children:before { right: -1px; top: 24px; font-size: 7px;} } @media( min-width:960px) and (max-width:1280px) { #header.w-header-type-13 #nav > li > a { padding: 0 14px;} #header.w-header-type-13.sticky #nav-wrap #nav > li > a { padding-right: 14px; padding-left: 14px;} #header.w-header-type-13 #nav-wrap #nav > li.menu-item-has-children:before { right: -1px; top: 24px; font-size: 7px;} #header.w-header-type-13 .tools-section .header-login { font-size: 12px; padding: 5px 10px; margin-left: 7px;} #header.w-header-type-13 .tools-section #search-form i { width: 35px; height: 35px; } #header.w-header-type-13 .logo-wrap img {padding-left: 31px;} #header.w-header-type-13 .tools-section { padding-right: 0; } #header.w-header-type-13 .tools-section .header-login { font-size: 11px; padding: 5px 10px; } #header.w-header-type-13 .tools-section #search-form i { width: initial; height: initial; } #header.w-header-type-13 #nav-wrap { padding-right: 0; } #header.w-header-type-13 .logo-wrap img { padding-left: 0px;} #header.w-header-type-13 .tools-section #search-form, #header.w-header-type-13 .tools-section .w-login-modal, #header.w-header-type-13 .tools-section .booking-header-icon { border: none; font-size: 20px;} #header.w-header-type-13 .tools-section #search-form:hover, #header.w-header-type-13 .tools-section .w-login-modal:hover, #header.w-header-type-13 .tools-section .booking-header-icon:hover { background: none;} #header.w-header-type-13 .tools-section .w-login-modal i:after, #header.w-header-type-13 .tools-section .booking-header-icon i:after { content: ''; height: 13px; width: 1px; background: #d0d0d0; position: absolute; display: inline-block; top: 50%; transform: translateY(-65%); right: -1px;} } @media (max-width: 960px) and (min-width: 768px) { #header.w-header-type-13 #nav-wrap {width: 85%;} } @media( max-width:960px){ #header.w-header-type-13 .tools-section { display: none; width: 0;} #wrap #header.w-header-type-13 .logo-wrap .logo img { margin-left: 14px; margin-right: 0;} } /* Header Bottom ============================================*/ .w-header-bottom { position: absolute; z-index:2; display: block; width: 100%; padding: 44px 41px;} @media ( max-width: 640px){ .w-header-bottom {position: relative; display: inline-block;} } .w-header-bottom .whb-left-sect { float: left; } .w-header-bottom .whb-right-sect { float: right; } .w-header-bottom .whb-left-sect .socialfollow { float: none; } .w-header-bottom .whb-left-sect .socialfollow a, .w-header-bottom .whb-left-sect .socialfollow a i, .whb-right-sect .w-lagn-bar a {transition: all .4s ease;} .w-header-bottom .whb-left-sect .socialfollow a, .whb-right-sect .w-lagn-bar a { margin: 0 6px; border: 1px solid #000; color: #000; border-radius: 50%; display: inline-block; text-align: center; padding-top: 10px; width: 42px; height: 42px;} .w-header-bottom .whb-left-sect .socialfollow a i { color: #000; } .transparent-header-w.t-dark-w .w-header-bottom .whb-left-sect .socialfollow a, .transparent-header-w.t-dark-w .whb-right-sect .w-lagn-bar a { border-color: 1px solid #fff; color: #fff; } .transparent-header-w.t-dark-w .w-header-bottom .whb-left-sect .socialfollow a i { color: #fff; } .whb-right-sect .w-lagn-bar a { padding-top: 8px;} .whb-right-sect .w-lagn-bar a:hover, .w-header-bottom .whb-left-sect .socialfollow a:hover { box-shadow: -50px -50px 40px #000 inset; color: #000;} .w-header-bottom .whb-left-sect .socialfollow a:hover i { color: #fff;} @media ( max-width:640px ){ .w-header-bottom .whb-left-sect .socialfollow a { margin-bottom: 20px; display: inline-block;} .w-header-bottom .whb-right-sect { float: left;} } /* search */ #w-header-type-11-search { float: right; margin: 0; height: 62px;} #w-header-type-11-search i { float: left; display: block; line-height: 62px; margin-right: 10px; color: #696969; font-size: 16px; cursor: pointer;} #w-header-type-11-search input { float: left; display: block;margin: 14px 0; min-width: auto; width: 0px; border: none; padding: 0; line-height: 30px; min-height: auto; background: #fafafa;height: 36px;} #w-header-type-11-search input:focus { box-shadow: none;} /* woo cart */ .components .woo-cart-header { top: 0; margin: 0; padding: 0;} .components .widget_woocommerce-header-cart { float: right; clear: none; overflow: visible;} .components .woo-cart-header { top: 0; margin: 0; padding: 0; padding-top: 23px;} .components .woo-cart-header .header-cart { background-image: none; display: block; width: auto; height: auto;} .components .woo-cart-header .header-cart:after {font-family: 'simple-line-icons'; content: "\e04d"; display: block; position: absolute; top: 2px; left: -15px; color: #393939; font-size: 22px;} .components .woo-cart-header .header-cart span { width: 17px; height: 17px; line-height: 17px; background-color: #de2f68; border-radius: 2px; text-align: center; color: #fff; z-index: 2;} .components .woo-cart-dropdown { top: 60px; right: 18px;} /* header typ 11 Mega Menu */ #header.w-header-type-11:not(.sticky) #nav li.mega ul[class^="sub-"] {left:-10px; right:auto; float:left;} @media only screen and (min-width: 961px) and (max-width: 1200px) { #header.w-header-type-11:not(.sticky) #nav li.mega ul[class^="sub-"] { width: 930px; left:-242px;} } @media only screen and (min-width: 1281px) { #header.w-header-type-11:not(.sticky) #nav li.mega ul[class^="sub-"] { width: 1210px; left:-317px;} } @media only screen and (min-width: 1200px) and (max-width: 1280px) { #header.w-header-type-11:not(.sticky) #nav li.mega ul[class^="sub-"] { width: 1120px; left:-290px;} } /* --------------------- */ /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 960px) { /* nav-wrap */ #nav-wrap { position: relative; height:30px; text-align:center; margin:0 0 32px 0;} #nav-wrap.full-menu-duplex { padding:0 10px;} /* menu icon */ #menu-icon { color: rgba(255,255,255,0.7); margin:0 auto; font-size:16px; font-weight:400; height: 37px; border-radius:2px; background: #363f46; padding: 7px 10px 7px 42px; cursor: pointer; clear:both; box-shadow: 0 2px 2px -2px rgba(0,0,0,0.3); text-align:left; display: block; /* how menu icon */ } #menu-icon i { font-size:16px; color:rgba(0,0,0,0.6); float:left; margin-left:-28px; margin-top:3px;} #menu-icon:hover, #menu-icon.active {background-color: #de2f68;} .mn-clk { font-size:12px; color:rgba(255,255,255,0.5);} /* main nav */ #nav { clear: both; margin:0 auto; background:#fff; position: absolute; width: 260px; z-index: 1000; padding:2px 0 44px 18px; border: 1px solid #d2d2d2; border-top:0 none; display: none; /* visibility will be toggled with jquery */ } #nav ul { padding:5px 0;} #header.sticky #nav-wrap #nav > li, #nav li, .nav-wrap2 #nav li { clear: both; text-align:left; float: none; border:0 none; margin:0; margin-left:10px; padding:0 !important; border-bottom:1px solid #dcdee2;} #nav ul li { border-color:#dcdee2;} #nav ul li:last-child, .nav-wrap2 #nav ul li:last-child { border:none;} #nav > li > ul:after, #nav > li > ul:before { display:none; visibility:hidden;} #nav a, .nav-wrap2 #nav > li > a, .nav-wrap2.mn4 #nav li a { line-height:24px;} #nav a, #nav ul a, .nav-wrap2 #nav > li > a, .nav-wrap2.mn4 #nav li a, #nav ul li a, #nav ul li:hover > a, .nav-wrap2.darknavi #nav > li > a { background:none; width:auto; display:inline-block; padding:11px 11px 11px 0; text-align:left; border:0 none; margin:0; line-height:1.2;} #header.sticky #nav-wrap #nav > li > a, #nav > li > a { margin:0; padding:14px 0; line-height:16px; display:block;} #nav > li:hover > a, #nav li.current > a, #nav li.active > a{ background:none; color:#de2f68;} .nav-wrap2 #nav > li { display:block;} .nav-wrap2 #nav > li > a , .nav-wrap2 #nav > li:first-child > a { border:0 none;} .nav-wrap2 #nav > li > a { font-size:14px; font-weight:400;} .nav-wrap2.darknavi #nav > li > a { color:#666;} .nav-wrap2.darknavi #nav > li > a:hover, .nav-wrap2.darknavi #nav > li:hover > a { background:none;} #nav a span, #nav a:after { display:none; visibility:hidden;} #nav > li.current > a:before { display:none;} #nav li.mega ul[class^="sub-"] ul li a { display:block;} #nav li.mega ul[class^="sub-"] .wpb_column { margin-bottom:20px;} /* dropdown */ #nav li ul { display:none; margin:0; padding:0; padding-left:10px;} #nav.ie10mfx li ul { display:block;} #nav a:hover > #nav li ul { display:block;} #nav ul { width: auto; margin:0; box-shadow: none; position: static; display: block; border: none;} #nav ul li ul { margin:0; display: block; width: auto; padding:0; padding-left:10px;} #nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type { display: block;} #nav li.submenux:after { content: "\f078";} .nav-wrap2, .nav-wrap2.darknavi { border:0 none; box-shadow:0 0 0 0; background:none;} #nav li.mega ul[class^="sub-"], #nav li.mega ul[class^="sub-"] div, #nav li.mega ul[class^="sub-"], #nav > li:last-child li.mega ul[class^="sub-"] { width:auto; max-width:100%; clear:both; float:none;} #nav li.mega ul[class^="sub-"] .wpb_row { padding:0;} #nav li.mega ul[class^="sub-"] .wpb_column { padding-left:0;} } @media only screen and (min-width: 480px) and (max-width: 960px) { #nav { left:51px; width: 278px;} .nav-wrap2 #nav { left:71px;} #menu-icon { width: 278px;} #header.sm-rgt-mn #nav { width:100%;} #header.sm-rgt-mn #menu-icon { width:32px;} } @media only screen and (min-width: 768px) and (max-width: 960px) { #header.sm-rgt-mn #nav { left:auto; right:0; max-width:330px;} #nav { left:132px;} .nav-wrap2 #nav { left:245px;} #nav-wrap.full-menu-duplex #nav { left:50%; margin-left:-139px;} #nav-wrap.nav-wrap2 { max-width:760px;} } @media only screen and (max-width: 767px) { #nav-wrap.nav-wrap2 { width:420px; margin-right: auto; margin-left: auto; padding-left:10px; padding-right:10px;} } @media only screen and (max-width: 479px) { #nav-wrap.nav-wrap2 #nav { max-width:300px;} #nav-wrap.nav-wrap2 { width:300px;} .nav-wrap2 #menu-icon { width: 260px;} #header.sm-rgt-mn .vertical-space { height:12px;} } @media only screen and (max-width: 960px) { #header.sm-rgt-mn, #header.hi-header.sm-rgt-mn { padding:10px 0 0; height:82px; border-bottom:1px solid #f1f1f1;} #header.sm-rgt-mn .logo-wrap { float:left; max-width: 109px; height: 100%; padding-left: 0; margin-right: 76px;} #header.sm-rgt-mn.w-header-type-11 .logo-wrap { background: #de2f68;} #header.sm-rgt-mn .logo-wrap .logo { text-align: center; height: 60px; width: 109px; padding-top:7px; margin-top: 0; margin-bottom: 0;} #header.sm-rgt-mn .logo-wrap .logo img { max-height:48px; width:auto !important; max-width:100px; margin: auto 0;} #nav > li.current > a, #nav > li > a.active { border-bottom:none;} #header.sm-rgt-mn .alignright { display:none;} #header.sm-rgt-mn .nav-wrap2 { height:0; margin-top:-57px;} /* menu icon */ #header.sm-rgt-mn #menu-icon { margin-top:21px; margin-right:7px; overflow:hidden; z-index:98; padding:0; box-shadow:none; float:right; width: 26px; height:40px; font-size:16px; position:absolute; right:0; background: transparent; cursor: pointer; display: block; /* how menu icon */ } #header.sm-rgt-mn #menu-icon i { display:none;} #header.sm-rgt-mn #menu-icon:hover i, #header.sm-rgt-mn #menu-icon.active i { color:#de2f68; cursor: pointer;} #header.sm-rgt-mn #menu-icon span { display:none;} #header.sm-rgt-mn #menu-icon span.mn-ext1, #header.sm-rgt-mn #menu-icon span.mn-ext2, #header.sm-rgt-mn #menu-icon span.mn-ext3 { display:block; width:24px; height:3px; background:#de2f68; margin-bottom:3px; margin-top:2px;} #header.sm-rgt-mn #menu-icon.active span.mn-ext1 { display:none;} #header.sm-rgt-mn #menu-icon.active span.mn-ext2 { -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); margin-top:9px; border-radius:2px;} #header.sm-rgt-mn #menu-icon.active span.mn-ext3 { -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); margin-top:-6px; border-radius:2px;} #header.sm-rgt-mn #menu-icon i:before { display:none;} #header.sm-rgt-mn .nav-wrap2 #menu-icon { margin-top:48px;} /* main nav */ #header.sm-rgt-mn #nav { clear: both; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0 auto; width:100%; max-width:330px; top:72px; position: absolute; border: 5px solid #d2d2d2; border-top:none; display: none; /* visibility will be toggled with jquery */ } #header.sm-rgt-mn .nav-wrap2 #nav { width:340px;} } @media ( min-width:768px ) and ( max-width:960px ){ #header.sm-rgt-mn .logo-wrap { margin-right: 0;} } @media only screen and (max-width: 479px) { #header.sm-rgt-mn .nav-wrap2 #nav { width:280px; right:0; top:71px;} } @media screen and (min-width: 961px) { /* ensure #nav is visible on desktop version */ #nav { display: block !important;} .nav-wrap2 #nav { display: table !important;} } @media only screen and (min-width: 480px) and (max-width: 960px) { #header.sm-rgt-mn .nav-wrap2 #nav { width:330px; right:20px; margin:0; left:auto;} } /* End Normal Menu Style ----------------------------------- */ /* #Vertical Header ================================================== */ #header.vertical-w { border-bottom: none;} #header.vertical-w .nav-wrap3 #nav > li > a:after { content:""; display:none;} #header.vertical-w #nav li.mega ul[class^="sub-"] { display: none;} @media only screen and (min-width: 961px) { #wrap.vertical-header-enabled { padding-left: 250px;} #wrap.vertical-toggle-header-enabled { padding-left: 0px;} .transparent-header-w #header.vertical-w { position: initial;} #vertical-header-wrapper { position: fixed; width: 250px; height: 100%; top: 0; left: 0; z-index: 1001; background-color: #fff; border-right:4px solid #f0f0f0;} #header.vertical-w #nav > li.current > a:before { background: transparent; display: none;} #header.vertical-w #nav ul li a { padding: 9px 11px;} #header.vertical-w #nav > li > a { margin: 0; line-height: 38px; padding: 0; font-weight: 600;} #header.vertical-w .vheader-container { width: 100%; padding: 0; margin: 0;} #header.vertical-w #nav-wrap, #header.vertical-w .logo-wrap { float: none; width: 100%; padding: 0; margin: 0;} #header.vertical-w #nav-wrap { margin-bottom: 40px;} #header.vertical-w .logo-wrap { overflow: hidden;} #header.vertical-w .logo { position:static; float: none; text-align: center; margin: 60px 0 50px; padding-left: 15px; padding-right: 15px;} #header.vertical-w .logo-wrap .logo { width:246px; height:auto; text-align:center;} #header.vertical-w .logo a { display: block;} #header.vertical-w .logo img { position:static; margin: auto; margin-top: 0; left:0; right:0;} #header.vertical-w #nav { float: none; margin: 0;} #header.vertical-w #nav ul { margin: 0; padding: 0; left: 100%; top: 0;} #header.vertical-w #nav li { position: relative; float: none; padding: 0 !important; width: 100%; height: auto;} #header.vertical-w #nav li:hover { background-color: #fafafa;} #header.vertical-w #nav > li:last-child { border: none;} #header.vertical-w #nav > li > ul:before { display: none;} #header.vertical-w #search-form { float: none; border-left: none; padding-left: 0; margin: 0 19px; height: 38px; z-index: 9999;} #header.vertical-w #search-form .search-text-box { width: 140px; background-color: #f3f3f3; background-image: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/search-icon.png); background-position: 12px 50%; background-repeat: no-repeat; border: 0 none; border-radius: 18px; box-shadow: none; font-size: 13px; color:#444; height:18px; line-height: 18px; padding: 7px 5px 8px 30px;} #wrap.boxed-wrap .top-bar { background: #3b3e46; min-height: 52px;} @media only screen and (min-width: 1281px) { #wrap.boxed-wrap, #wrap.boxed-wrap #header { width: 1260px; } } @media only screen and (min-width: 961px) { .transparent-header-w.has-topbar-w #wrap.boxed-wrap #header { top: 53px;} } /* vertical toggle header */ .vertical-toggle-header-enabled #header.vertical-w { display: none;} .vertical-toggle-header-enabled #header { background:none;} .vertical-toggle-header-enabled #header.vertical-w .logo-wrap .logo { width:210px;} .vertical-toggle-header-enabled #header.vertical-w #nav > li { background:none; border:none; background:none;} .vertical-toggle-header-enabled #header.vertical-w #nav > li > a { line-height:36px; color:#999; text-shadow:none; font-size:16px; font-weight: 600;} .vertical-toggle-header-enabled #header.vertical-w #nav > li > a:hover { color:#eee; background:#0c0c0c;} .vertical-toggle-header-enabled #vertical-header-wrapper { border-right:40px solid #242424; background:rgba(0,0,0,0.9);} .vertical-toggle-header-enabled #header.vertical-w #nav ul, .vertical-header-enabled.dark-submenu #header.vertical-w #nav ul { background:#191919;} .vertical-toggle-header-enabled #header.vertical-w #nav ul li, .vertical-header-enabled.dark-submenu #header.vertical-w #nav ul li {border-color:#222;} .vertical-toggle-header-enabled #header.vertical-w #nav ul li a, .vertical-header-enabled.dark-submenu #header.vertical-w #nav ul li a { background:none;} .vertical-toggle-header-enabled #header.vertical-w #nav > li:hover, .vertical-toggle-header-enabled #header.vertical-w #nav ul li:hover, .vertical-header-enabled.dark-submenu #nav ul li a:hover, .dark-submenu #header.vertical-w #nav ul li:hover { background:#0c0c0c;} #toggle-icon { display: block; position: absolute; top: 0; right: -99px; margin-right: 13px; margin-top: 20px; cursor: pointer; z-index: 100; background:#242424; width: 46px; height: 42px; padding: 11px; border-radius:0 5px 5px 0;} #toggle-icon.active { right: -95px;} #toggle-icon span.mn-ext1, #toggle-icon span.mn-ext2, #toggle-icon span.mn-ext3 { display:block; width:24px; height:3px; background:#777; margin-bottom:3px; margin-top:2px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} #toggle-icon.active span.mn-ext1 { display:none; background:#f47066;} #toggle-icon.active span.mn-ext2 { -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); margin-top:9px; border-radius:2px; background:#f47066;} #toggle-icon.active span.mn-ext3 { -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); margin-top:-6px; border-radius:2px; background:#f47066;} ul.vertical-socials { position: absolute; bottom: 15px; right: 0; width: 50px; margin: 0;} ul.vertical-socials li { list-style: none; display: block; width: 100%; text-align: center; margin-bottom: 5px; line-height: 1.7;} ul.vertical-socials li a { font-size: 15px; color: #7f7f7f;} .vertical-toggle-header-enabled #header.vertical-w #search-form .search-text-box { min-width: 170px; width: 170px; background-color: #222; background-image: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/search-icon.png); background-position: 12px 50%; background-repeat: no-repeat; color:#fff;} /* socials style */ .socials-wrapper { position: absolute; bottom: 0; top: auto; clear: both; padding: 0 20px; width: 100%;} .socials { float: none; text-align: center; margin: 0; margin-bottom: 20px;} .socials li { display: inline-block; margin-right: 16px;} .socials i { font-size: 18px; color: #7f7f7f;} .socials a.facebook:hover i, .vertical-socials a.facebook:hover i { color: #3b5996;} .socials a.facebook:hover i, .vertical-socials a.facebook:hover i { color: #3b5996;} .socials a.twitter:hover i, .vertical-socials a.twitter:hover i { color: #00acee;} .socials a.vimeo:hover i, .vertical-socials a.vimeo:hover i { color: #0dadd6;} .socials a.dribble:hover i, .vertical-socials a.dribble:hover i { color: #d53e68;} .socials a.youtube:hover i, .vertical-socials a.youtube:hover i { color: #cb322c;} .socials a.pinterest:hover i, .vertical-socials a.pinterest:hover i { color: #cb2027;} .socials a.google:hover i, .vertical-socials a.google:hover i { color: #c3391c;} .socials a.linkedin:hover i, .vertical-socials a.linkedin:hover i { color: #0073b2;} .socials a.rss:hover i, .vertical-socials a.rss:hover i { color: #f29a1d;} .socials a.instagram:hover i, .vertical-socials a.instagram:hover i { color: #457399;} .socials a.other-social:hover i, .vertical-socials a.other-social:hover i { color: #ff5d5e;} } .vertical-socials, .vertical-socials * { display:none !important;} /* #Container + Content + Sidebar in Vertical Header ===================================================== */ @media only screen and (max-width: 1280px) { #wrap.vertical-header-enabled .cntt-w, #wrap.vertical-header-enabled .sidebar { width:100%; margin:0;} } @media only screen and (min-width: 1201px) and (max-width: 1366px) { #wrap.vertical-header-enabled .cntt-w { width:620px;} } @media only screen and (min-width: 961px) and (max-width: 1280px) { #wrap.vertical-header-enabled .container { max-width: 730px;} } @media only screen and (min-width: 1201px) and (max-width: 1366px) { #wrap.vertical-header-enabled .container { max-width: 980px;} } @media only screen and (min-width: 1367px) and (max-width: 1920px) { #wrap.vertical-header-enabled .container { max-width: 1156px;} } /* #logo alignment center ================================================== */ @media only screen and (min-width: 961px) { #header.sticky .col-md-4:nth-of-type(1), #header.sticky .cntmenu-leftside { display: none;} } #header .right-side h6 { margin: 17px 0;} #header .logo-wrap.center .logo { float: none; text-align: center; margin: 0 auto; position:relative; width:auto; height:auto;} #header .logo-wrap.center .logo img { position:static;} #header. sticky .logo-wrap.center .logo { margin: initial;} #header .center .img-logo-w1 { margin: auto;} #header .nav-wrap2.center { text-align: center;} #header .nav-wrap2.center #nav { float: none;} #header.sticky .nav-wrap2 #nav { float: right;} #header .nav-wrap2.center #nav > li { float: none; display: inline-block;} #header .nav-wrap2.center #nav > li > a { border:none;} /* #logo alignment right ================================================== */ #header.sm-rgt-mn .logo-wrap.right, #header .logo-wrap.right, #header .logo-wrap.right .logo { float: right;} #header .left-side h6 { margin-top: 0;} #header.sm-rgt-mn .nav-wrap2.left #menu-icon { right: auto; left: 0; float: left; margin-left: 35px;} #header.sticky #nav-wrap.nav-wrap2.left .container { padding-right: 300px; padding-left: 30px;} #header.sticky .nav-wrap2.left #nav { float: left;} #header.sticky .right .logo-sticky { left: auto; right: 110px;} #header .left-side .header-saerch { float: left;} @media only screen and (max-width: 960px) { #vertical-header-wrapper { padding:0;} #header.sm-rgt-mn .alignright, #header.sm-rgt-mn .right-side, #header.sm-rgt-mn .left-side { display: none;} .vertical-toggle-header-enabled #header { background:rgba(0,0,0,0.9);} /*vertical header*/ .socials-wrapper, .vertical-socials { display: none !important;} .vertical-toggle-header-enabled #header.vertical-w { display: block !important;} /*logo alignment center*/ #header .right-side { display: none;} #header #nav-wrap.nav-wrap2.center #nav > li { display:block;} } @media only screen and (max-width: 767px) { /*logo alignment right*/ #header .logo-wrap.right, #header .left-side { float: none; display: block; overflow: hidden; text-align: center;} #header .left-side .header-saerch { float: none;} /*logo alignment left*/ #header .alignright { text-align: center;} } /* #Duplex Menu ================================================== */ @media (min-width: 961px){ nav.full-menu{display:none !important;} } @media (max-width: 960px) { nav.duplex-menu{display:none !important;} } @media only screen and (min-width: 961px) { .col-md-4.duplex-menu { width:50%; padding:0;} #header.duplex-hd .col-md-4.logo-wrap { text-align:center; width:220px; height:220px; padding:0; position:absolute; top:0; left:50%; margin-left:-110px;} #nav.duplex-menu { float:none;} #nav.duplex-menu > li { float:none; padding:0 20px; display:inline-block;} #nav.duplex-menu > li.current > a:before { display:none;} .duplex-menu.dm-left { text-align:right; padding-right:120px;} .duplex-menu.dm-right { text-align:left; padding-left:120px;} #nav.duplex-menu ul { margin-top:-60px; margin-left:-12px;} #header.sticky #nav.duplex-menu ul { margin-top:0;} #nav.duplex-menu li:hover > ul ul { margin-left: 210px; margin-top: -48px;} #wrap #header ul#nav.duplex-menu ul li.menu-item-has-children:after { font-family: 'FontAwesome'; content: "\f054"; position: absolute; color: #cdcdcd; font-size: 8px; display: inline; speak: none; cursor: pointer; right: 9px; top: 12px;} } @media only screen and (min-width: 961px) { #nav.duplex-menu > li > a { padding:0; font-weight:400; font-size:16px; line-height:220px; text-transform:none;} #nav.duplex-menu ul li a, #nav.duplex-menu ul li:hover a { font-weight:400; font-size:12px;} #header.duplex-hd #nav > li > a.active, #header.duplex-hd #nav > li > a.active, #nav.duplex-menu > li.current > a, .transparent-header-w.t-dark-w #header.horizontal-w.duplex-hd #nav > li:hover > a, .transparent-header-w.t-dark-w #header.horizontal-w.duplex-hd #nav > li.current > a { color:#de2f68;} #header.sticky #nav.duplex-menu a { margin:0; padding:14px 0 16px; line-height:29px; font-size:14px;} #header.sticky #nav.duplex-menu ul li a { font-size:12px;} #header.duplex-hd #nav ul li a, #header.duplex-hd.sticky #nav ul li a { padding:9px 12px;} #header.duplex-hd { height:220px; padding:0; position:relative; /* border-bottom: 2px solid #d2e7ea; */} #header.sticky.hi-header.duplex-hd { border:none; height:auto;} #header.duplex-hd .col-md-4.logo-wrap .logo { width:220px; height:220px;} #header.duplex-hd .col-md-4.logo-wrap img { width:auto; max-width:180px; height: auto; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0;} #header.duplex-hd.sticky img.img-logo-w1, #header.duplex-hd.sticky img.img-logo-w2 { display:none;} .transparent-header-w.t-dark-w #header.horizontal-w.duplex-hd #nav > li:hover > a { background:none;} .full-menu-duplex { display:none;} #header.sticky #nav-wrap.full-menu-duplex { display:none;} #header.sticky.duplex-hd .col-md-4:nth-of-type(1) {display:block;} #header.sticky.duplex-hd img.img-logo-w1 { display:none;} #header.sticky.duplex-hd #nav-wrap #nav > li { padding:0 15px;} #header.sticky.duplex-hd .col-md-4.logo-wrap { width:220px;} #header.sticky.duplex-hd .col-md-4.logo-wrap, #header.sticky.duplex-hd .col-md-4.logo-wrap .logo, #header.sticky.duplex-hd .nav-wrap1 { height:auto; max-height: 60px;} #header.sticky.duplex-hd .col-md-4.logo-wrap .logo-sticky { display:block; position:static; text-align:center;} #header.sticky.duplex-hd .col-md-4.logo-wrap .logo-sticky img { height:50px; width:auto; margin-top:10px; display:inline;} #header.sticky.duplex-hd > .container { width:100%; border-bottom:1px solid #e9e9e9\9; box-shadow:0 0 3px rgba(0,0,0,0.21); z-index:80000; background:rgba(255,255,255,0.97); display:block; position:fixed; height:60px; padding:0; left:0; top:0; -webkit-animation: header-anim .2s ease .027s both; animation: header-anim .2s ease .027s both; transition: background 0.3s ease-in-out 0s;} #header.sticky.duplex-hd:hover > .container { background:#fff;} } @media only screen and (min-width: 961px) and (max-width: 1280px) { #nav.duplex-menu > li { padding:0 10px;} #nav.duplex-menu > li > a { font-size:13px;} .nav-wrap2.mn4 #nav > li > a { padding-left:14px; padding-right:14px;} } /* #Box Menu ================================================== */ #header.box-menu .img-logo-w1 { display: none;} #header.box-menu .img-logo-w2 { display: block;} @media only screen and (min-width: 961px) { #header.box-menu { background:#464950; border:none; height:135px;} #header.box-menu h6 { margin:5px; font-size: 17px;color: #fff; font-weight: 300; letter-spacing: 0.4px;} #header.box-menu h6 i { font-size:18px; color:#de2f68; padding:9px; border:2px solid; display: inline-block; width:38px; height:38px; margin-top:0;} #header.box-menu .nav-wrap2.mn4 { height:58px; margin-bottom:-29px; display:table; width:100%;} #header.box-menu .nav-wrap2 { max-width:1095px; height:58px; margin-left:auto; margin-right:auto; text-align:center; border:none; z-index:770; background-image: -moz-linear-gradient(top, #fdfdfd, #e9e9e9); background-image: -ms-linear-gradient(top, #fdfdfd, #e9e9e9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to#e9e9e9); background-image: -webkit-linear-gradient(top, #fdfdfd, #e9e9e9); background-image: -o-linear-gradient(top, #fdfdfd, #e9e9e9); background-image: linear-gradient(top, #fdfdfd, #e9e9e9); -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.21); -moz-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.21); box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.21); } #header.box-menu .nav-wrap2 .container { width:auto; padding:0;} #header.box-menu .nav-wrap2 #nav { text-align:center; width:100%; margin:0;} #header.box-menu .nav-wrap2 #nav > li { float:none; display:table-cell; padding: 0; margin:0; border-bottom:4px solid #2a2a2a;} #header.box-menu .nav-wrap2 #nav > li.current { border-bottom-color:#de2f68;} #header.box-menu .nav-wrap2 #nav > li > ul { border-top:4px solid #de2f68;} #header.box-menu .nav-wrap2 #nav > li:hover { border-color:#de2f68;} #header.box-menu .nav-wrap2 #nav > li:after, #header.box-menu .nav-wrap2 #nav > li:before, #header.box-menu .nav-wrap2 #nav > li a:after, #header.box-menu .nav-wrap2 #nav > li a:before { display:none; width:0; height:0;} #header.box-menu .nav-wrap2 #nav > li > a { padding:22px 26px 18px; margin-bottom:0; text-align:center; border-color:#e1e1e1; letter-spacing:1px; font-size:14px; line-height:14px; color:#484848; text-transform:uppercase; font-weight:500;} #header.box-menu .nav-wrap2.mn4 #nav > li > a { padding:18px 26px; margin:0;} #header.box-menu .nav-wrap2 #nav > li:first-child > a{ border-left:none;} #header.box-menu .nav-wrap2 #nav > li:last-child > a { border-right:none;} .transparent-header-w.t-dark-w #wrap #header.box-menu #nav > li > a { text-shadow:none; color:#485059;} #header.box-menu input[type="text"].header-saerch { margin-top:20px; margin-right:1px; background:#222;} .transparent-header-w #header.box-menu input[type="text"].header-saerch { background: rgba(255,255,255,0.45); color:#000;} #header.box-menu.sticky #nav-wrap.nav-wrap2 { width:100%; max-width:100%;} #header.box-menu.sticky #nav-wrap .container { padding-left:150px;} #header.box-menu.sticky #nav { display:block; float:right; width:auto;} #header.box-menu.sticky .nav-wrap2 #nav > li { border:none; display:inline-block; float:left;} #header.box-menu .nav-wrap2 #nav li.mega ul[class^="sub-"] { left:0;} #header.box-menu .alignright { line-height:65px;} #header.box-menu.sticky .alignright { display:none;} #header.box-menu .vertical-space { height:6px;} } @media only screen and (max-width: 960px) { #header.sm-rgt-mn.box-menu { background:#353c3e;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .nav-wrap2 {width: 420px; } } @media only screen and (min-width: 1281px) { #header.box-menu .nav-wrap2 { max-width:1185px;} } /* header typ 2,3,4,9 awebooking */ #header.w-header-type-2 .awebooking .apb-heading, #header.w-header-type-3 .awebooking .apb-heading, #header.w-header-type-4 .awebooking .apb-heading, #header.w-header-type-5 .awebooking .apb-heading, #header.w-header-type-9 .awebooking .apb-heading { display: none;} #header.w-header-type-2 .awebooking .apb-content, #header.w-header-type-3 .awebooking .apb-content, #header.w-header-type-4 .awebooking .apb-content, #header.w-header-type-5 .awebooking .apb-content, #header.w-header-type-9 .awebooking .apb-content { padding: 0; padding-top: 10px;} #header.w-header-type-2 .awebooking .apb-content form , #header.w-header-type-3 .awebooking .apb-content form, #header.w-header-type-4 .awebooking .apb-content form, #header.w-header-type-5 .awebooking .apb-content form, #header.w-header-type-9 .awebooking .apb-content form { margin-bottom: 0;} #header.w-header-type-2 .awebooking .apb-content form input[type="text"], #header.w-header-type-2 .awebooking .apb-content form input[type="text"], #header.w-header-type-3 .awebooking .apb-content form input[type="text"], #header.w-header-type-3 .awebooking .apb-content form input[type="text"], #header.w-header-type-4 .awebooking .apb-content form input[type="text"], #header.w-header-type-4 .awebooking .apb-content form input[type="text"],#header.w-header-type-5 .awebooking .apb-content form input[type="text"], #header.w-header-type-5 .awebooking .apb-content form input[type="text"], #header.w-header-type-9 .awebooking .apb-content form input[type="text"], #header.w-header-type-9 .awebooking .apb-content form input[type="text"] { margin-bottom: 0;} #header.w-header-type-2 .awebooking .awebooking-wrapper input[type="text"], #wrap #header.w-header-type-2 .awebooking .awebooking-widget input[type="text"], #header.w-header-type-2 .awebooking .awebooking-wrapper select, #header.w-header-type-3 .awebooking .awebooking-wrapper input[type="text"], #wrap #header.w-header-type-3 .awebooking .awebooking-widget input[type="text"], #header.w-header-type-3 .awebooking .awebooking-wrapper select, #header.w-header-type-4 .awebooking .awebooking-wrapper input[type="text"], #wrap #header.w-header-type-4 .awebooking .awebooking-widget input[type="text"], #header.w-header-type-4 .awebooking .awebooking-wrapper select, #header.w-header-type-5 .awebooking .awebooking-wrapper input[type="text"], #wrap #header.w-header-type-5 .awebooking .awebooking-widget input[type="text"], #header.w-header-type-5 .awebooking .awebooking-wrapper select, #header.w-header-type-9 .awebooking .awebooking-wrapper input[type="text"], #wrap #header.w-header-type-9 .awebooking .awebooking-widget input[type="text"], #header.w-header-type-9 .awebooking .awebooking-wrapper select { margin-bottom: 4px;} #header.w-header-type-2 .awebooking .apb-btn, #header.w-header-type-3 .awebooking .apb-btn, #header.w-header-type-4 .awebooking .apb-btn, #header.w-header-type-5 .awebooking .apb-btn, #header.w-header-type-9 .awebooking .apb-btn { padding: 12px 32px 10px; top: 0;border-radius: 0;background: #de2f68;font-weight: 600;letter-spacing: 0.5px;font-size: 13px;margin-top: 22px;margin-bottom: 0;margin-right: 0;} #header.w-header-type-2 .sl-event.wn-click, #header.w-header-type-3 .sl-event.wn-click, #header.w-header-type-4 .sl-event.wn-click, #header.w-header-type-5 .sl-event.wn-click, #header.w-header-type-9 #lang_sel a.lang_sel_sel, #header.w-header-type-9 .sl-event.wn-click { display: none;} #header.w-header-type-9 .awebooking .apb-field > label { color: #fff; } #header.sm-rgt-mn .nav-wrap2 #menu-icon { margin-top: 10px; } #header.sm-rgt-mn #lang_sel { position: absolute; top: 23px;} @media ( min-width: 961px) and ( max-width: 1281px) { #header.sm-rgt-mn .awebooking-wrapper.inline .apb-field { width: 12% ;} #header.sm-rgt-mn .awebooking .apb-btn { padding: 12px 32px 10px; font-size: 12px;} } @media ( max-width: 960px){ #nav-wrap .container #lang_sel { display: none; } } /* #Header Type 12 & Menu ================================================== */ .header-type-12 .nav-wrap2 {height: 50px; } .header-type-12 .nav-wrap2 #nav {text-align: left; } .header-type-12 .nav-wrap2 #nav > li > a { color: #fff;padding: 17px 15px 7px; border-top: 2px solid #30312c; font-size: 13px; } .header-type-12.sticky .nav-wrap2 #nav a {color: #444; } .header-type-12 .nav-wrap2 #nav > li.current > a,.header-type-12 .nav-wrap2 #nav > li:hover > a { padding-bottom: 12px; color: #fff; background: #222; border-top: 2px solid #de2f68; } .w-header-type-12 #nav > li > a:after { display: none;} .header-type-12.sticky .nav-wrap2 #nav > li.current > a, .header-type-12.sticky .nav-wrap2 #nav > li:hover > a { color: #de2f68;} .header-type-12 .apb-heading {display: none; } .header-type-12 .apb-content {padding: 0; margin: 15px 0 40px;} .header-type-12 .awebooking-wrapper {background: transparent; } .header-type-12 .awebooking-widget input[type="text"],.header-type-12 .awebooking-wrapper select { background: #f1f1f1; border-color: #ddd; color: #777; margin: 0; } .header-type-12 .awebooking-widget input[type="text"] {width: 150px; } .header-type-12 .awebooking-widget input[type="text"]::-webkit-input-placeholder {color: #777; } .header-type-12 .awebooking-widget input[type="text"]:-moz-placeholder { /* firefox 18- */color: #777; } .header-type-12 .awebooking-widget input[type="text"]::-moz-placeholder { /* firefox 19+ */color: #777; } .header-type-12 .awebooking-widget input[type="text"]:-ms-input-placeholder {color: #777; } #wrap .header-type-12 .awebooking-wrapper.inline .apb-btn:hover {background: #424242; } .header-type-12 .apb-field > label {margin-bottom: 2px; font-size: 11px; } #wrap #header.header-type-12.sticky .alignright, #wrap #header.header-type-12.sticky .top-header-sec{ display: none; } .header-type-12 .awebooking-wrapper.inline .apb-btn { vertical-align: bottom; padding: 12px 32px 10px; top: 0; border-radius: 0; background: #de2f68; font-weight:600; letter-spacing: 0.5px; font-size:13px; margin: 0; } .header-type-12 .header-widget-component i.wn-click, .header-type-12 .top-header-sec i.wn-click { display: none;} .t-dark-w #header .alignright h6 span, .t-dark-w #header .alignright h6 i { color: #fff;} .transparent-header-w .w-header-type-12 .top-header-sec { background: #fff;} .transparent-header-w .w-header-type-12 #nav-wrap { background: #30312c;} @media only screen and (min-width: 961px){ .header-type-12 .nav-wrap2 {background-color: #30312c; } #header.header-type-12 .alignright { height: 85px;} } @media only screen and (min-width: 768px) and (max-width: 1200px) { #wrap .header-type-12 .awebooking-widget input[type="text"] {width: 160px; } #wrap .header-type-12 .awebooking-wrapper.inline .apb-field {margin-right: 0; } #wrap .header-type-12 .awebooking-wrapper.inline .apb-btn {padding: 14px 19px 10px; font-size: 11px;} } @media only screen and (max-width: 960px){ #header.header-type-12.sm-rgt-mn {height: 100%; margin-top: 0; border-bottom: 0; position: relative; } #header.header-type-12.sm-rgt-mn .nav-wrap2 {position: absolute; top: 0; right: 33px; margin-top: 0; } #header.header-type-12.sm-rgt-mn .nav-wrap2 #menu-icon {margin-top: 31px; } } @media only screen and (min-width: 768px) and (max-width: 960px){ #header.header-type-12.sm-rgt-mn .alignright {display: block; text-align: left; position: relative; right: inherit; } #wrap .header-type-12 .awebooking-wrapper.inline .apb-field {margin-right: 1px; } .header-type-12 .top-header-sec .inlinelb {padding: 9px 10px 7px; } .header-type-12 .top-header-sec .wtop-weather {padding: 7px 12px 4px 9px; } .header-type-12 .apb-content {margin-bottom: 20px; } #wrap .header-type-12 #nav-wrap.nav-wrap2 {width: 760px; margin: 0 auto; } .header-type-12 .awebooking-wrapper select {min-width: 75px; } } @media only screen and (min-width: 469px) and (max-width: 767px){ #wrap .header-type-12 .awebooking-wrapper.inline .apb-field {width: 48%; margin-bottom: 10px; margin-right: 2px; display: inline-block; } .header-type-12 .awebooking-wrapper.inline .apb-btn {width: 97%; margin-right: 0; font-size: 11px; padding: 13px 32px 11px;} #header.header-type-12 #lang_sel {position: absolute; top: 62px; right: 0; color: #000; } #header.header-type-12 #lang_sel ul li > a.lang_sel_sel {color: #000;} } @media only screen and (max-width: 767px){ #header.header-type-12.sm-rgt-mn {height: 100%; border-bottom: 0;} #header.header-type-12.sm-rgt-mn .alignright {display: block; text-align: left; position: relative; right: inherit; top: 86px; } .header-type-12 .awebooking-widget input[type="text"] {width: 100%; } #header.header-type-12 .booking-content-component {display: none; position: absolute; background: #fff; z-index: 999; border: 1px solid #e5e5e5; padding: 16px 30px 0; left: 0; top: -1px;} .header-type-12 .header-widget-component i.wn-click{ display: block; position: absolute; top: -32px; } .header-type-12 .top-header-sec i.wn-click {display: block; position: absolute; top: -30px; left: 80px; } #header .header-widget-component i.wn-click,.header-type-12 .top-header-sec i.wn-click {cursor: pointer; font-size: 20px;} .header-type-12 .header-widget-component.wn-active i.wn-click,.header-type-12 .top-header-sec.wn-active i.wn-click {color: #de2f68;} .header-type-12 .top-header-sec {position: relative; overflow: visible; min-height: 0; border: none; } .header-type-12 .top-header-sec .container {display: none; position: absolute;background: #fff; left: 28px; border: 1px solid #e5e5e5; } } @media only screen and (max-width: 468px){ #wrap .header-type-12 .awebooking-wrapper.inline .apb-field,.header-type-12 .awebooking-wrapper.inline .apb-btn { width: 100%} } /* WPML */ #header.header-type-12 #lang_sel {position: absolute; top: 13px; right: 30px;} #header.header-type-12 #lang_sel ul > li {width: 100px; } #header.header-type-12 #lang_sel ul li > a.lang_sel_sel { color: #fff; border: none; min-height: 27px; padding-top: 1px; font-size: 12px;} #header.header-type-12 #lang_sel:hover ul li > a.lang_sel_sel, #header.header-type-12 #lang_sel ul li > a.lang_sel_sel { position: relative; background: none;} #header.header-type-12 #lang_sel ul li > a.lang_sel_sel:after { content: "\e604"; font-family: 'simple-line-icons'; font-size: 10px; position: absolute; right: 0;} #header.header-type-12 #lang_sel:hover ul li > a.lang_sel_sel:after { color: #d0ae5e; } #header.header-type-12 #lang_sel ul li > a.lang_sel_sel > img {border: 1px solid #fff; width: 24px; height: 15px; } #header.header-type-12 #lang_sel a img.iclflag {top: -1px; } #header.header-type-12 #lang_sel ul ul {max-width: 149px; width: 100px; left: 10px; } #header.header-type-12 #lang_sel ul li ul li {max-width: 149px; } @media only screen and (max-width: 767px){ #header.header-type-12 #lang_sel {top: 63px; right: -16px; } #header.header-type-12 #lang_sel ul li > a.lang_sel_sel { color: #222; padding-right: 10px;} } /* # Top Header Weather & Map & Custom Link ================================================== */ #wrap #wpc-weather .climacon_component-fill { fill: #fff;} .wpc-weather-id, .wtop-weather ,#wpc-weather .now, #wpc-weather .now div { display: inline-block; } #wpc-weather {padding: 0 0 0 5px; margin: 0; } #wpc-weather .short_condition {width: auto;} #wpc-weather .today {display: none} #wpc-weather .now .time_symbol.climacon svg {margin: 0;width: 30px;height: 30px;vertical-align: middle; } #wpc-weather .now .location_name {display: none; } .top-header-sec {border-top: 1px solid #e2e2e2; } .top-header-sec .container div:first-child {text-align: left; } .top-header-sec .container div:last-child {text-align: right; } .top-header-sec .container div:first-child a {border-right: 1px solid #e2e2e2; padding: 9px 15px 7px 11px; display: inline-block; color: #31312c; font-size: 12px; font-weight: 500; } .top-header-sec .container div:first-child a:first-child {padding-left:0; } .top-header-sec .container div:first-child a:hover,.top-header-sec .inlinelb:hover {color: #de2f68; } .top-header-sec .w-top-headaer-link {border-left: 1px solid #e2e2e2; padding: 9px 23px 7px; vertical-align: middle; display: inline-block; color: #31312c; font-size: 12px; font-weight: 500; } .top-header-sec ul#nav { margin: 0; float: left;} .top-header-sec ul#nav li { list-style: none; display: inline-block; margin: 0;} .top-header-sec ul#nav li a { line-height: 19px; padding-bottom: 11px; padding-top: 12px; padding: 11px 18px 11px 15px; font-size: 14px;} .top-header-sec .w-top-headaer-link.topheader-map {padding: 9px 11px 7px 18px; } .top-header-sec .w-top-headaer-link.topheader-map i {font-size: 24px; margin-left: 10px; } .top-header-sec .wtop-weather {border-left: 1px solid #e2e2e2; vertical-align: middle; padding: 7px 0 4px 20px; color: #de2f68; } .top-header-sec .wtop-weather span,.top-header-sec #wpc-weather .now .time_temperature,.top-header-sec #wpc-weather .now .time_temperature:after {font-size: 12px; } .top-header-sec #wpc-weather .now .time_temperature:after {line-height: 20px; } a.topheader-map {color: #222; } a.topheader-map i {vertical-align: middle; font-size: 22px;} #wpc-weather .now .time_symbol.climacon svg {fill: #de2f68; } @media only screen and (max-width: 960px){ .top-header-sec {display: block; min-height: 42px; overflow: hidden; } } @media only screen and (min-width: 768px) and (max-width: 960px){ #wrap .top-header-sec .inlinelb {padding: 9px 10px 7px; } #wrap .top-header-sec .wtop-weather {padding: 7px 12px 4px 9px; } .top-header-sec .w-top-headaer-link {padding: 9px 15px 7px; } } @media only screen and (max-width: 767px){ .top-header-sec div:last-child {text-align: left; } .top-header-sec .container > div {padding-right: 0; display: inline-block; } .top-header-sec .container > div:last-child {padding-left: 0; } #wrap .top-header-sec .container div a {font-size: 11px; } .top-header-sec .container div:first-child a {padding: 9px 7px 7px 2px; } .top-header-sec .container div:first-child a:last-child {border-right: 0; padding-right: 0; } .top-header-sec .inlinelb {padding: 9px 4px 7px; } .top-header-sec .inlinelb.topheader-map {padding: 9px 2px 7px 5px; } .top-header-sec .wtop-weather {padding: 7px 0 4px 3px; } } @media only screen and (max-width: 640px){ #wrap .top-header-sec .container > div, #wrap .top-header-sec .container div a { width: 100%; text-align: left; border: 0; padding: 0 10px;} .top-header-sec .container div:last-child { border: 0;} } /* #Responsive Menu ================================================== */ #responavwrap {position:fixed; top:0; left:-265px; width:265px; height:100%; background:#242424; z-index:9999; overflow-x:hidden; overflow-y:auto; padding-top:80px;} #responav {margin:0; padding:0;} #responav li {position:relative; margin:0; padding:0; width:100%; border-top:1px solid #2d2d2d; list-style:none;} #responav>li:last-child {border-bottom:1px solid #2d2d2d;} #responav li:hover {background-color:#222;} #responav li.mega li:hover {background-color:inherit;} #responav li a:not(.button) {color:#bbb; display:block; font-weight:600; text-transform:uppercase; padding:14px 20px; font-size:14px; position:relative;} #responav li:hover a:not(.button) {color:#eee;} #responav li a i {margin-right:4px;} #responav li a>i.respo-nav-icon {position:absolute; top:0; right:0; font-size:12px; width:50px; height:100%;} #responav li a>i.respo-nav-icon:before {position:absolute; top:50%; right:50%; -webkit-transform:translate(50%,-50%); transform:translate(50%,-50%);} #responav li>ul {display:none; margin:0; background-color:#282828;} #responav li.mega ul[class^=sub-] {background-color:#f5f5f5;} .dark-submenu #responav li.mega ul[class^=sub-] {background:#242424;} #responav li>ul a:not(.button) {padding:10px 30px; font-size:12px;} #responav li>ul li>ul a:not(.button) {padding-right:40px; padding-left:40px;} #responav li>ul li>ul li>ul a:not(.button) {padding-right:50px; padding-left:50px;} #responav li .wpb_row {margin-left:0; margin-right:0;} #responav li .wpb_row [class*=vc_col-] {width:100%; float:none; padding-top:35px;} #responav [class*=vertical-] {display:none;} #responav .wpb_column .widget,#responav .wpb_content_element {margin-bottom:15px;} #responav .wpb_row {margin-bottom:0; padding-bottom:30px;} #responav .widget_nav_menu li {border-top:0;} #responav .widget_nav_menu ul li a {padding:7px 10px;} #responav .teaser-box6 .teaser-title {font-size:18px;} #close-icon {display:block; position:absolute; top:0; right:0; margin-right:13px; margin-top:20px; cursor:pointer; z-index:100; width:46px; height:42px; padding:11px;} #close-icon span.mn-ext1,#close-icon span.mn-ext2,#close-icon span.mn-ext3 {display:block; width:24px; height:3px; background:#777; margin-bottom:3px; margin-top:2px; -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;} #header .js-contentToggle__content { display: none;} /* support fix */ .transparent-header-w .header-type-12 .top-header-sec,.transparent-header-w .header-type-12 #nav-wrap { background: transparent;} .transparent-header-w .header-type-12 #nav-wrap { border-top: 1px solid #222; border-bottom: 1px solid #222;} .transparent-header-w .header-type-12 .nav-wrap2 #nav > li > a { border-top: none; padding-bottom: 13px;} .transparent-header-w.t-dark-w .awebooking-check-form--vertical.awebooking-check-form .awebooking-check-form__content .awebooking-field>label,.transparent-header-w.t-dark-w .top-header-sec .w-top-headaer-link { color: #fff;} /* End --------------------- /*---------------------------------- Theme Name: Hotella ---------------------- /* #Site Styles ================================================== */ body { background-color: #f4f7f8; } /* WRAPPER */ #wrap { display: block; margin: 0 auto; position: relative; padding: 0; background: #fff; visibility:visible; clear:both; overflow:hidden;} #wrap.boxed-wrap { display:block; margin: 0 auto; background: #fff; overflow:hidden; width: 1000px; -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.4); box-shadow: 0 0 9px rgba(0,0,0,0.4); border: 1px solid #d6dbdc\9; border-bottom: none; visibility:visible;} #wrap.boxed-wrap .container { width:100%;} #wrap p img { height:auto;} #wrap.boxed-wrap #header {top:inherit; left:inherit; width: 1000px;} /* Awebooking Datepicker fix */ .apb-datepicker.ui-datepicker .ui-datepicker-prev:before {content: " "; } #site-title { margin-top: 0px; padding-bottom: 0px; line-height: 1.4; font-size: 29px; letter-spacing: 0; display: block; color: #000;} .w-header-type-11 #site-title { display: block; letter-spacing: 0; font-size: 25px; margin-top: 30px;} .w-header-type-11 #site-title a { color: #fff; } .w-header-type-11 .logo .site-slog a { font-size: 17px; color: #fff; font-weight: 400; letter-spacing: 0; } @media only screen and (max-width: 960px) { .has-header-type11 #main-content.container { padding-top: 114px;} .w-header-type-11 #site-title { font-size: 15px; margin-top: 5px; padding-bottom: 0; } .w-header-type-11 .logo .site-slog a { font-size: 6px; } } #site-title a { color:#3b454d; font-weight: bold;} #site-title .site-slog a { font-weight: normal;} #site-title small { display:block; margin-top:5px;} #main-content.container { padding-top:35px;} @media only screen and (min-width: 961px) { .has-header-type11 #main-content.container { padding-top: 114px;} } .site-slog {display: inline-block;} /* HEADLINE */ #headline, #headline2 { width: 100%; padding: 12px 0 16px; background: #fafafa; display: table; border-bottom: 1px solid #eee; border-top: 1px solid #eee;} #headline h3, #headline h2 { text-align: center; color: #101010; font-size: 33px; line-height:1.1; margin: 20px 12px 16px; position: relative; text-transform:uppercase; font-weight: 600; letter-spacing: 1px;} #headline h3 small, #headline h2 small { font-size: 56%; color: #777; font-weight: 300; margin-left: 12px; letter-spacing: -0.07em; text-transform: capitalize;} @media only screen and (min-width: 961px) { .has-header-type11 #headline { padding-top:90px;} .has-header-type11 #headline h2 { padding-left:5px;} } /* TOP-BAR */ .top-bar { background: #3b3e46; min-height:51px;} .top-bar h6 { font-size:12px; font-weight:400; margin:0 10px 0 0; color:#d8d8d8; letter-spacing:1px;} .top-links { float:left; color:#d8d8d8; font-size:13px; line-height: 51px; font-weight:400; padding-left:11px;} .top-links.lftflot a { margin: 0; border-right: 1px solid rgba(255,255,255,0.5); padding: 0 6px; transition: .2s all ease;} .top-links.lftflot a:last-child { border: none;} .top-links.rgtflot { float:right; padding-right:10px;} .top-links img, .container .top-links p { float:left; margin:4px 3px 0 0;} .container .top-links p { color:#d8d8d8; font-weight:bold; font-size:12px; line-height:1; margin:5px 9px 0 0;} .top-links a, .top-links span {color: #fff; font-size:10px; display:inline; margin:0 6px; text-transform:uppercase; font-weight:400; letter-spacing:0.6px;} .top-links a:hover {color: #de2f68;} .top-co-inf .top-links { float:right; margin-top:8px;} .top-co-inf .top-links p { color:#d8d8d8;} .top-bar a.topbar-btn { color:#fff; background: #77da55; line-height: 51px; height: 52px; display: inline-block; padding: 0 15px; float: right; font-size: 12px; font-weight: 400; transition: .2s all ease;} .top-bar a.topbar-btn:hover { color:#fff !important; background:#222 !important;} .top-bar a.topbar-btn i { margin-right:4px; font-size:13px;} .top-bar #search-form a.search-form-icon i { font-size:11px; padding:10px; padding-left:11px; color:#aaa;} .top-bar #search-form a.search-form-icon:hover i { color:#aaa;} .top-bar #search-form a.search-form-icon { padding:0; margin-top:7px;} #wrap #top-search-form {position:relative; float: right; } #wrap .top-bar .top-search-form-icon {border: 0; } #wrap .top-bar .top-search-form-icon i {font-size: 17px; color: #f8f6ec; background: #525249; padding: 19px 17px 17px; vertical-align: middle; } #wrap .top-bar .top-search-form-box.show-sbox {margin-top: 0; right: 7px; width: 210px; padding: 10px; height: 58px; } #wrap .top-bar .top-custom-text {display: inline-block; line-height: 14px; font-size: 11px; font-weight: 500; vertical-align: middle; padding-top: 4px; } #wrap .top-bar.litex .top-custom-text {color: #73736b; } #wrap .top-bar .top-custom-text a {padding: 0; letter-spacing: 0; text-transform: initial; font-weight: 500; } #wrap .top-bar.litex .top-custom-text a {color: #525249; } #wrap .top-bar .top-custom-text a:hover {color: #de2f68; } .transparent-header-w #wrap .top-bar.litex .top-custom-text a { color: #d0ae5e; } #wrap .top-bar h6 {margin: 6px 10px 0 0; letter-spacing: -1px; } #wrap .top-bar h6 i {margin: -4px 10px 0 7px; display: inline-block; } @media only screen and (min-width: 768px) and (max-width: 960px) { #wrap .top-bar .topbar-login {border: 0; padding: 2px 0 0; } .top-links.rgtflot { padding: 0;} #wrap .top-bar .top-search-form-icon i { padding: 19px 15px 17px;} } @media only screen and (max-width: 767px) { .top-bar a.topbar-btn { float:none; line-height:26px; height:24px; border-radius:33px; font-size:11px; font-weight:500;} .top-bar a.topbar-btn i { font-size:10px;} #wrap .top-bar .top-search-form-icon i { padding: 19px 15px 17px;} .top-bar #top-search-form {display: none;} } /* Polylang ============================*/ .top-bar .top-links .polylang-flags .widget_polylang ul li { display: inline-block; float: right;} .top-bar .top-links .polylang-flags { float: left; margin-top: 18px;} #header .widget ul .lang-item { display: inline-block;} #topbar-search { float: right; margin: 0; position: relative;} #topbar-search .search-text-box { color:#222; min-height:31px; background-color:#4a4a4a; margin:10px 0 0; border:none; border-radius:0; padding:0 38px 0 10px; letter-spacing:0; font-size:13px; transition: all 0.14s ease;} #topbar-search:hover .search-text-box, #topbar-search .search-text-box:focus { background:#f9f9f9; box-shadow:0 0 11px rgba(0,0,0,0.11) inset;} #topbar-search .search-icon { position: absolute; top: 18px; font-size: 16px; color: #bbb; right: 18px;} .top-bar .inlinelb { color: #787878; font-size: 11px; transition: all 0.18s ease; } .top-bar .inlinelb:hover { color: #de2f68;} .top-bar .topbar-login-wrap { color: #fff;} .top-bar .topbar-login-wrap i { font-size: 15px; position: relative;top: 1px;} .top-bar .topbar-login {color: #fff; padding: 2px 18px 0; margin-left: 0; line-height: 50px; font-size: 13px; font-weight: 500; letter-spacing: 0; display: inline-block; border-right: 1px solid #fff;} .top-bar.litex .topbar-login { color: #525249;} #wrap .top-bar h6,#wrap .top-bar h6 i { color: #fff;} #wrap .top-bar.litex h6, #wrap .top-bar.litex h6 i { color: #73736b;} .top-bar .inlinelb.topbar-contact { color: #ddd; font-size:9px; letter-spacing:1px; padding: 6px 12px; background-color: #4a4a4a; border-radius: 18px;} .top-bar .inlinelb.topbar-contact:hover { background-color:#de2f68; color:#fff;} .wpcf7 .wpcf7-form { margin:0;} .wpcf7 .wpcf7-form input[type="submit"], .wpcf7 .wpcf7-form input[type="reset"], .wpcf7 .wpcf7-form input[type="button"] { background-color: #39e0b8;} .wpcf7 .wpcf7-form input[type="submit"]:hover, .wpcf7 .wpcf7-form input[type="reset"]:hover, .wpcf7 .wpcf7-form input[type="button"]:hover { background-color: #292929;} @media only screen and (min-width: 768px) { .top-bar .topbar-login-wrap { float: right;} } @media only screen and (min-width: 961px) { .topbar-fixed #wrap .top-bar { position:fixed; top:0; left:0; width: 100%; z-index:999999; height:41px;} .topbar-fixed #header,.topbar-fixed #vertical-header-wrapper { margin-top: 41px;} .topbar-fixed #vertical-header-wrapper #header {margin-top:0;} } @media only screen and (min-width: 961px) { .has-header-type11 .top-bar { min-height: 116px;} .transparent-header-w.has-header-type11 .top-bar { min-height: 51px;} } @media only screen and (max-width: 767px) { .top-links, .top-bar .topbar-login { line-height: 32px; margin: 0;} .top-bar .topbar-login {border: none;} } /* HEADER */ #header { z-index: 8000; width: 100%; margin: 0;} #header .components { float: left; width: 100%; border-bottom: 2px solid #f0f0f0;} .phones-components { border-bottom: 2px solid #f0f0f0; } #header h6, .components h6, .top-bar h6, .top-inf h6 { font-size:23px; margin:18px 14px; font-weight: 300; color: #73736b; display: inline-block; vertical-align: middle; } #header h6, .components h6 { text-align:left; color: #5b5d60; margin: 0;float: left; padding: 22px 60px 14px 0; } #header h6 i, .components h6 i, .top-bar h6 i, .top-inf h6 i { background:none; font-size:20px; color: #73736b; display:inline; margin:7px 4px; vertical-align:middle;} #header h6 i, .components h6 i { float: left; font-size: 24px; margin: 0; margin-right: 10px; margin-top:5px;} #header h6 span, .components h6 span { overflow: hidden; display: block; float:left; font-size: 12px; line-height: 18px; font-weight: 300;} #header h6 span strong, .components h6 span strong { font-weight: 600;} @media only screen and (min-width: 961px) { .phones-components { display: none; } } @media only screen and (min-width: 961px) and (max-width: 1200px) { #header h6 span, .components h6 span { font-size: 11px;} #header h6, .components h6 { padding-right:30px;} } @media only screen and (max-width: 960px) { #header .components { display: none; } .phones-components { display: block;} #header h6, .components h6 {text-align: left; padding-left: 10px; padding-right: 10px; display: block;} } @media only screen and (max-width: 767px) { .phones-components { display: table; float: none;width: 100%;border-width: 1px;} .components h6:first-child {border-left: 1px solid #f0f0f0;} .components h6 { cursor: pointer; border-right: 1px solid #f0f0f0; display: table-cell; width: auto;float: none;margin: 0;vertical-align: middle;text-align: center;padding: 20px 15px;} .components h6 i { margin: 0;float: none; cursor: pointer;} .components h6 span { font-size: 0; transition: .3s all ease; text-align: left;} .components h6.active span { font-size: 10px; } .components h6.active i {float: left;position: relative;top: 6px;margin-right: 8px;} } @media only screen and (max-width: 479px) { .components h6 { padding:15px 7px;} .components h6 i { font-size:18px;} .components h6.active span { font-size: 9px;} .components h6.active i { margin-right:4px;} } #header.transed { position: fixed; background: rgba(255,255,255,0.8); width: 100%; z-index: 9100;} #header.super-fixed { background:#fff; border:none; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); width:100%; height:90px; z-index: 9100;} .logo { height:100%;} .logo img { max-width: 100%; height:auto; max-height:100%;} #header.super-fixed .logo img, header.super-fixed .logo { max-height:90px; width:auto;} .logo { height: auto; float: left; margin-bottom:0;} .logo img { max-width: 100%; max-height: 100%;} .nav-wrap1 .container { width:auto;} .logo-wrap .logo { width:240px; height:100px; position:relative;} .logo-wrap .logo img { max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;} @media only screen and (min-width: 961px) { .logo-wrap .logo img { height:auto !important; width:auto;} } h1.logo { margin-bottom:0; font-size:15px; font-weight:700;} #header .img-logo-w1 { display:inline;} #header .img-logo-w2, #header .img-logo-w3 { display:none} .transparent-header-w.t-dark-w #header:not(.w-header-type-11) .img-logo-w1, .transparent-header-w.t-dark-w #header:not(.w-header-type-11) .img-logo-w3 { display:none;} .transparent-header-w.t-dark-w #header .img-logo-w2 { display:inline;} .transparent-header-w.t-dark-w #header:not(.w-header-type-11) .img-logo-w3 { display: inline;} #header.sticky .img-logo-w2, .transparent-header-w #header.sticky .img-logo-w1 { display:none;} .logo-sticky { display:none;} .transparent-header-w.t-dark-w #header.vertical-w .img-logo-w1 { display:inline;} #search-form { float:right; margin:38px 20px auto 0; position:relative; padding-left: 14px; height: 24px;} .top-bar #search-form { margin-top:0;} #header.sticky #search-form { margin-top: 21px;} #search-form .search-text-box, #search-form2 .search-text-box2 { background-color: #f5f5f5; background-image: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/search-icon.png); background-position: 12px 50%; background-repeat: no-repeat; border: 0 none; border-radius: 18px; box-shadow: none; color: transparent; cursor: text; font-size: 13px; color:#444; min-height:35px; height:35px; line-height: 18px; padding: 7px 5px 8px 30px; transition: all 0.3s ease-in-out 0s; width:1px; min-width: 210px;} #search-form2 { display:none; position:relative;} #search-form2 .search-text-box2 { width:220px; margin:auto; position:relative;} .search-form-box, .top-search-form-box { z-index: 2; position:absolute; right:-24px; margin-top:45px; background:#fff; padding:14px 18px; height:63px; border:1px solid #e2e2e2; border-radius:0; -moz-box-shadow:0 2px 12px rgba(0,0,0,0.082); -webkit-box-shadow:0 2px 12px rgba(0,0,0,0.082); box-shadow:0 2px 12px rgba(0,0,0,0.082); display:none;} #header.sticky .search-form-box { margin-top:27px;} .search-form-box.show-sbox, .top-search-form-box.show-sbox { display:block; -webkit-animation: fade-anim .3s ease .037s both; animation: fade-anim .3s ease .037s both; z-index:9112000;} .top-bar .search-form-box.show-sbox { margin-top:40px;} .search-form-box:after, .search-form-box:before { content: '';display: block;position: absolute; right:9px;width: 0;height: 0;border-style: solid; border-width: 10px;} .search-form-box:after { top: -18px; border-color: transparent transparent #ffffff transparent ;} .search-form-box:before { top: -19px; border-color: transparent transparent #e2e2e2 transparent ;} a.search-form-icon, a.search-form-icon:visited { display:block; width:16px; height:16px; color:#888;} a.search-form-icon:hover { color:#555;} a.search-form-icon i {color: #444; padding: 10px; padding-left: 12px; font-size: 18px; border-radius:50%;} @media only screen and (min-width: 961px) { #header.sticky #site-title { display:none;} #header.sticky #nav-wrap, #header.sticky.hi-header #nav-wrap { width:100%; box-shadow: 0 0 3px rgba(0,0,0,0.21); z-index:8999; background:#fff; display:block; position:fixed; height:64px; padding:0; left:0; top:0; -webkit-backface-visibility: hidden; -webkit-animation: header-anim .2s ease .027s both; animation: header-anim .2s ease .027s both; transition: background 0.3s ease-in-out 0s, border-bottom 0.3s ease-in-out 0s;} #header.sticky #nav-wrap .container { width:1156px; float:none; padding:0; position:relative; margin-left:auto; margin-right:auto; height:64px;} #header.sticky .logo-sticky { display:block; position:fixed; top:0; max-width:280px; z-index:9000; -webkit-animation: fade-anim .3s ease .044s both; animation: fade-anim .3s ease .044s both;} #header.sticky .logo-sticky img.img-logo-w3 { max-height: 48px; width: auto; max-width:280px; margin-top: 4px; display:block;} #header.hi-header:not(.w-header-type-11), #header.hi-header:not(.w-header-type-11) .logo .img-logo-w1 { position:fixed; height:0; padding:0; background:none; border:none; display:none;} #header.sticky.hi-header, #header.hi-header .logo-sticky, #header.hi-header .logo-sticky img.img-logo-w3 { display:block; -webkit-animation: fade-anim .3s ease .044s both; animation: fade-anim .3s ease .044s both;} .transparent-header-w #header { position:absolute; top:0; background:none; border:none; -webkit-backface-visibility: hidden;} .transparent-header-w #header.w-header-type-11 { background:#fff;} .transparent-header-w #headline { display:none;} .transparent-header-w.t-dark-w #wrap .top-bar { height:51px; width:100%; z-index:9995; border-bottom:none; position:absolute; top:0; background:none;} .transparent-header-w.t-dark-w #wrap .top-bar * { color:#fff; text-shadow: 0 1px 0 rgba(0,0,0,0.18);} .transparent-header-w.t-dark-w #wrap .top-bar .top-links a:hover { color:#de2f68;} .transparent-header-w.t-dark-w #wrap .top-bar h6 i { color:#de2f68;} .transparent-header-w.has-topbar-w #header { top:53px;} .transparent-header-w .top-bar #topbar-search .search-text-box { background:rgba(255,255,255,0.45);} .transparent-header-w .top-bar #topbar-search .search-icon { color: #fff;} .transparent-header-w #header.sticky { top:0; right:0; left:0; height:64px; background:none;} .transparent-header-w #header.sticky .img-logo-w2 { display: none;} .transparent-header-w .nav-wrap2 { background:none;} .transparent-header-w .nav-wrap2 #nav { border-bottom:1px solid rgba(0,0,0,0.217);} .transparent-header-w.t-dark-w .nav-wrap2 #nav { border-bottom:1px solid rgba(255,255,255,0.217);} .transparent-header-w #header.horizontal-w #nav > li > a, .transparent-header-w .woo-cart-header .header-cart span, .transparent-header-w a.search-form-icon { color:#000;} .transparent-header-w a.search-form-icon i { color:#000; border-color:#000;} .transparent-header-w .woo-cart-header .header-cart { background-image: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/woobag@2xb.png);} .transparent-header-w.t-dark-w #header.horizontal-w:not(.w-header-type-11) #nav > li > a, .transparent-header-w.t-dark-w .woo-cart-header .header-cart span, .transparent-header-w.t-dark-w a.search-form-icon { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.15);} .transparent-header-w #header.horizontal-w #nav > li:hover > a, .transparent-header-w #header.horizontal-w #nav > li.current > a, .transparent-header-w.t-dark-w #header.horizontal-w #nav > li:hover > a, .transparent-header-w.t-dark-w #header.horizontal-w #nav > li.current > a { color: #de2f68; text-shadow: none;} .transparent-header-w.t-dark-w a.search-form-icon i { color:#fff; border-color:#fff; text-shadow:none; font-size:16px; background:none;} .transparent-header-w.t-dark-w .woo-cart-header .header-cart { background-image: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/woobag@2x.png);} .transparent-header-w #header.horizontal-w.sticky #nav > li > a, .transparent-header-w.t-dark-w #header.horizontal-w.sticky #nav > li > a { color:#444; text-shadow:none;} .transparent-header-w #header.horizontal-w.sticky #nav > li.active > a, .transparent-header-w.t-dark-w #header.horizontal-w.sticky #nav > li.active > a, .transparent-header-w #header.horizontal-w.sticky #nav > li:hover > a, .transparent-header-w.t-dark-w #header.horizontal-w.sticky #nav > li:hover > a { color:#de2f68;} .transparent-header-w #header.sticky .woo-cart-header .header-cart span { color:#9d9d9d; text-shadow:none;} .transparent-header-w #header.sticky a.search-form-icon { color:#aaa; text-shadow:none;} .transparent-header-w #header.sticky a.search-form-icon i { color:#aaa; border-color:#aaa;} .transparent-header-w #header.sticky .woo-cart-header .header-cart { background-image: url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/woobag@2x.png);} } @media only screen and (min-width: 961px) and (max-width: 1200px) { #header.sticky #nav-wrap .container { width:930px;} } @media only screen and (min-width: 1281px) { #header.sticky #nav-wrap .container { width:1186px} } /* Header animations */ @-webkit-keyframes header-anim { from {opacity: 0.5; -webkit-transform: translateY(-60px); transform: translateY(-20px);} to {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} } @keyframes header-anim { from {opacity: 0.5; -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px);} to {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} } @-webkit-keyframes header-anima { from {height:0;} to {height:60px; padding:0;} } @keyframes header-anima { from {height:0; } to {height:60px; padding:0;} } @-webkit-keyframes fade-anim { from {opacity: 0;} to {opacity: 1;} } @keyframes fade-anim{ from {opacity: 0;} to {opacity: 1;} } /* # 404 Styles ================================================== */ .error404 .blox.dark { background:#e4e4e4; padding-bottom:120px; padding-top:60px;} @media (min-width: 961px) { .error404.has-header-type11 .blox.dark { padding-top:180px;} } .error404 .blox.dark * { color:#111; text-align:center;} .error404 h1.pnf404 { font-size: 176px; line-height: 1.1; font-weight:900;} .error404 h2.pnf404 { font-size: 42px; line-height: 1.2; font-weight:700;} .error404 input.btn { visibility:hidden;} body.error404 input.search-side { margin:2px auto; padding:6px 12px; max-width:292px; min-height:50px; height:50px; border:none; border-radius:0;} /* --------------------- */ /* FOOTER */ #footer { width: 100%; padding: 70px 0 0 0; background: #262831; text-align: left;} #footer.litex { background: #fcfcfc; } #footer .row { margin:0;} .footer-in { margin: 0 auto; padding-bottom: 60px; color: #ccc; position: relative;} .footer-in .columns { margin-top: 20px;} .footer-in h5.subtitle, .toggle-top-area h5.subtitle {color: #fff;padding-bottom: 25px;padding-left:1px;border-bottom: 2px solid rgba(255,2555,255,0.02);margin: 0 0 25px 0;position: relative;font-size: 18px;text-transform:uppercase; letter-spacing: 1px; line-height:1.5;font-weight: 400;text-align:left;} #footer.litex .footer-in h5.subtitle { color: #31312c; margin-bottom: 3px;} #footer h5.subtitle span, .toggle-top-area h5.subtitle span { position: absolute; right: 0; text-align: right;} #footer h5.subtitle span a, .toggle-top-area h5.subtitle span a { color: #787878; font-size: 10px; font-weight: 400;} #footer .widget ul.menu li:after { display:none; content:"";} #footer .widget ul.menu li { border:none;} .footer-in hr { border-color: #373737;} .footer-in .copyright-txt { font-size: 12px;} .footer-in p, .footer-in .textwidget { line-height: 1.8; color: #d0d0d0; font-size: 14px;} .litex .footer-in p, .litex .footer-in .textwidget { color: #8a8a8a;} .footer-in .yp-ft-logo { text-align:right;} .footer-in .yp-ft-logo img { max-width:90px;} .contact2 div { line-height: 21px;} .footer-in a { text-decoration: none; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease;} .footer-sbc { position: relative; text-align: center; margin: 0 auto;} .footer-sbc input[type="text"], .footer-sbc input[type="submit"] { float: left; margin: 4px 7px;} .footer-in ul.menu li { font-size:12px; text-transform:uppercase; letter-spacing:1px; transition: all 0.23s ease;} .footer-in ul.menu li:hover { padding-left:10px; background:#222;} /* Social Icons */ .social-icons a { border: 0; float: left; margin: 1px 7px 0 12px; opacity: 0.5; text-decoration: none; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease;} .social-icons a:hover { opacity: 1;} .social-icons.members { clear: both; text-align: center; margin-bottom: 10px;} .social-icons.members a { text-align: center; float: none;} .footer-in a img { float: left;} .contact-inf span { display: block; color: #818181; font-size: 14px; padding:5px 0;} .contact-inf i { margin-right: 5px; color: #474747;} .contact-inf form { margin-top: 20px;} .footer-in .contact-inf textarea::-webkit-input-placeholder { color: #555866; } .footer-in .contact-inf textarea::-moz-placeholder { color: #555866; } .footer-in .contact-inf textarea::-ms-input-placeholder { color: #555866; } .footer-in .contact-inf input::-webkit-input-placeholder { color: #555866; } .footer-in .contact-inf input::-moz-placeholder { color: #555866; } .footer-in .contact-inf input::-ms-input-placeholder { color: #555866; } .footer-in .contact-inf input { font-family: 'Poppins','Open Sans', Helvetica, Arial, sans-serif; display: block;min-width: 100%; margin: 12px 0;background: #202229;min-height: 33px;color: #a0a0a0; font-size: 12px;padding: 10px 0px 10px 12px; border-radius: 4px; border:none;} .footer-in .contact-inf textarea { font-family: 'Poppins','Open Sans', Helvetica, Arial, sans-serif; display: block; min-width: 100%; height: 88px; margin: 5px 0 10px 0; background: #202229; color: #a0a0a0; font-size: 12px; padding: 10px 0px 10px 12px; border-radius: 4px; border:none;} .footer-in .contact-inf button, .footer-in .tribe-events-widget-link a { padding: 14px 20px;font-size: 10px; text-transform:uppercase; letter-spacing:1px; color: #aaa; font-weight: 600; border-radius: 2px;background: rgba(255,2555,255,0.05); margin-right:6px; margin-left:2px;} .footer-in .contact-inf input[name="wcEmail"], .footer-in .contact-inf input[name="wcSubject"] {width: 48%;min-width: 48%;float: left;} .footer-in .contact-inf input[name="wcEmail"] {margin-right: 2%;margin-top: 0;} .footer-in .contact-inf input[name="wcSubject"] {margin-top: 0; margin-left:2%;} @media (max-width: 960px) { .footer-in .contact-inf input[name="wcEmail"], .footer-in .contact-inf input[name="wcSubject"] { width: 100%; } .footer-in .contact-inf input[name="wcSubject"] {margin-left:0;} } .footer-in .tribe-events-widget-link a:hover, .footer-in .contact-inf button:hover { background:#de2f68; color:#fff; text-decoration:none;} .footer-in a { color:#888; text-decoration:none;} .footer-in a:hover { text-decoration:underline; color:#999;} .footer-in .textwidget h6 { color:#555; letter-spacing:2px; text-transform:uppercase; font-size:15px;} #footer.litex .footer-in a { color:#0093d0;} .footer-in a.terms { color: #578f1a;} .footer-navi.floatright {float:right;} .footer-in .col-md-12 .widget {text-align:center;} .footbot { margin: 0 auto; position: relative; background: #22242c; padding: 26px 0 18px; text-align: right;} #footer.litex .footbot { background:#e9e9e9} #footer.litex .footbot, #footer.litex .footer-in h4, #footer.litex .footer-in hr { border-color: #e0e0e0; color: #5b5b5b;} #footer.litex .side-list p, #footer .side-list p { font-size:11px; font-weight:400;} #footer.litex .footbot .container { border-top: 1px solid #e8e3df; padding-top: 20px;} .footbot img { position: relative; margin: 6px 40px 0 0; opacity: 0.93;} .footer-navi { float:left; line-height:38px;font-size: 12px;color: #d0d0d0; font-weight:400;} .litex .footer-navi { color: #8a8a8a;} .footer-navi ul { margin-left: 40px;} .footer-navi a {color: #767989; text-transform:uppercase; font-weight:600;font-size: 11px;} .custom-footer-menu a, .blox.dark .custom-footer-menu a { display:block; color:#fff; padding:4px 0;} .footer-navi a:hover, .custom-footer-menu a:hover {color: #de2f68;text-decoration: none;} .footer-navi a:after { content: "."; font-size: 23px; color: #de2f68;position: relative;bottom: 2px;margin: 0 6px;} .footer-navi a:last-child:after { content: "" ; } @media (max-width: 767px){ .footer-navi { text-align:center; font-size:11px;} } /* Social Icons */ .socialfollow { float: right;} .socialfollow a { width: 35px; height: 36px; text-align: center; padding: 10px; float: left; text-decoration: none; display: block; -webkit-transition: all 0.31s ease; -moz-transition: all 0.31s ease; -ms-transition: all 0.31s ease; -o-transition: all 0.31s ease; transition: all 0.31s ease;} .socialfollow a { border-radius: 8px;padding: 8px; margin-right: 7px; transition: .3s all;} .footer-in .socialfollow a { background:rgba(255,2555,255,0.05); padding-left: 0; margin-right: 0;} .socialfollow a:first-of-type { margin-left: 0;} #footer .footer-in .socialfollow a:hover {text-decoration: none;border-color: transparent;color: #fff;} .socialfollow img { opacity: 0.79;} .socialfollow i { font-size: 18px; color: #fff; opacity: 0.95;} #footer .widget .socialfollow a { padding-left: 0; margin-right: 7px; padding-right: 0; display: inline-block;} #footer.litex .widget .socialfollow a {text-align } #footer.litex .socialfollow a i { color: #6f6f6f;} #footer.litex .socialfollow a:hover i { color: #de2f68;} @media (max-width: 767px){ #footer .footer-in .socialfollow { margin-left: 0;} } .top-bar .socialfollow { float: right; margin-right: 10px;} .top-bar .lftflot .socialfollow { margin-right:0;} .top-bar .socialfollow.lftflot { float: left; margin-right:0;} .top-bar .socialfollow img { opacity: 0.97;} .top-bar .socialfollow a { padding: 0; margin: 14px 3px 0; width: 20px; text-align: center; line-height: 28px; height: 28px;} .top-bar .socialfollow a:first-child {margin-left: 7px; } .transparent-header-w.t-dark-w .top-bar .socialfollow a { background:none; border:none;} .transparent-header-w.t-dark-w .top-bar .socialfollow a:hover { color: #fff; border-color:transparent;} .our-team .socialfollow a { padding: 4px; margin: 1px 4px; background: none; height:26px;} .our-team .socialfollow i { color: #a1a1a1; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.125s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;} .top-bar .socialfollow i, .top-links .socialfollow a:before {color: #fff; font-size: 14px; font-weight: bold;} .top-bar.litex .socialfollow i, .top-links.litex .socialfollow a:before { color: #525249; } .top-bar .socialfollow a:hover i {color:#de2f68; opacity:1;} .our-team .socialfollow a:hover { background: none;} /* ------ Pre Footer Instagram ------- */ #pre-footer .footer-instagram-bar {background:#fff; width: 100%;} #pre-footer .footer-instagram-bar .container { padding:40px 0 30px; display:none;} #pre-footer .footer-instagram-bar .footer-instagram-text {margin-bottom:10px; text-align:center;} #pre-footer .footer-instagram-bar .footer-instagram-text i {font-size: 48px; color: #f63b29; display: table-cell;} #pre-footer .footer-instagram-bar .footer-instagram-text h6 {line-height: 1; vertical-align: middle; font-size: 19px; letter-spacing: -1px; text-transform:uppercase;} #pre-footer .instagram-feed {display: table;margin: 0 auto;} #pre-footer .instagram-feed ul {display:table-row;} #pre-footer .instagram-feed li {list-style: none;display:table-cell; transition: all .4s ease-in-out; overflow:hidden;} #pre-footer .instagram-feed li img {width:100%; transition: all .4s ease-in-out;} #pre-footer .row { margin:0;} #pre-footer .instagram-feed li img{ -webkit-transition: .95s ease-in-out; -moz-transition: .95s ease-in-out; transition: .95s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); blur:2;} #pre-footer .instagram-feed li:hover img {-webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08); z-index:99123;} @media only screen and (max-width: 767px) { #pre-footer .instagram-feed li {float: left; width: 25%; margin: 0;} } /* ------ Pre Footer Social ------- */ #pre-footer .footer-social-bar {background: #181818; width: 100%; border-bottom:1px solid #222;} #pre-footer .footer-social-bar .row { width:100%; text-align:center;} #pre-footer .footer-social-items {display: inline-block; margin: 0; padding: 0;} #pre-footer .footer-social-items li {list-style: none; display: block; float:left; margin:0 10px;} #pre-footer .footer-social-items a {display: block; padding: 30px 0 36px; color: #eee;} #pre-footer .footer-social-items i {transition: all .3s ease-in-out; border:1px solid #6DC068; font-size: 18px; float: left; padding: 12px; width: 42px; height: 42px;border-radius: 13px;text-align: center; margin-right:10px; display:block;color: #eee;} #pre-footer .footer-social-items div { line-height:20px; padding-top:7px; float:left; height:62px;} #pre-footer .footer-social-items span {display:none;font-size: 10px;} #pre-footer .footer-social-items strong { color:#eee; font-size: 11px; text-transform:uppercase; letter-spacing:2px; font-weight: 700; height:30px; line-height:30px;} #pre-footer .footer-social-items a:hover i { color:#fff;} #pre-footer .footer-social-items a.facebook:hover i{ background: #3b5996; border-color: #3b5996;} #pre-footer .footer-social-items a.twitter:hover i{ background: #00acee; border-color: #00acee;} #pre-footer .footer-social-items a.vimeo:hover i{ background: #0dadd6; border-color: #0dadd6;} #pre-footer .footer-social-items a.dribble:hover i{ background: #d53e68; border-color: #d53e68;} #pre-footer .footer-social-items a.youtube:hover i{ background: #cb322c; border-color: #cb322c;} #pre-footer .footer-social-items a.pinterest:hover i{ background: #cb2027; border-color: #cb2027;} #pre-footer .footer-social-items a.google:hover i{ background: #c3391c; border-color: #c3391c;} #pre-footer .footer-social-items a.linkedin:hover i{ background: #0073b2; border-color: #0073b2;} #pre-footer .footer-social-items a.rss:hover i{ background: #f29a1d; border-color: #f29a1d;} #pre-footer .footer-social-items a.instagram:hover i{ background: #457399; border-color: #457399;} #pre-footer .footer-social-items a.other-social:hover i{ background: #f63b29; border-color: #f63b29;} @media only screen and (max-width: 960px) { #pre-footer .footer-social-items i{margin: 0 auto; float: none; width:40px; height:40px; padding:10px;} #pre-footer .footer-social-items div{text-align:center;padding-top: 10px;} #pre-footer .footer-social-items strong { font-size:10px;} #pre-footer .footer-social-items span { display:none;} } @media only screen and (max-width: 767px) { #pre-footer .footer-social-items li { margin:0 5px;} #pre-footer .footer-social-items div{display:none;} #pre-footer .footer-social-items i { font-size:18px; padding:9px; width:36px; height:36px;} } @media only screen and (min-width: 1281px) { #pre-footer .footer-social-items li { margin:0 30px;} } /* ------ Pre Footer Subscribe ------- */ #pre-footer .footer-subscribe-bar{background: #de2f68;} #pre-footer .footer-subscribe-bar .footer-subscribe-text h6{color:#fff;font-size: 23px;font-weight: 600; margin: 9% 0;} #pre-footer .footer-subscribe-bar .footer-subscribe-text h6 span{font-weight: 300;} #pre-footer .footer-subscribe-bar .footer-subscribe-text p{color:#ddd; margin-top:10px; margin-bottom:0; font-size:14px; font-style:italic; font-family:'lora',serif;} #pre-footer .footer-subscribe-email, #pre-footer .footer-subscribe-submit{height: 110px;margin: 0;padding: 0; width: 100%; border: 0; border-radius: 0;} #pre-footer .footer-subscribe-email{background: #fff;color: #000;margin: 50px 0 0 20%;height: 52px; font-family: 'Poppins','Open Sans', Helvetica, Arial, sans-serif; font-weight:300; font-size: 15px;border-bottom-left-radius: 60px;border-top-left-radius: 60px;width: 56%;padding: 15px; padding-right:0; float: left;} #pre-footer .footer-subscribe-submit{background: #6dc068;font-size: 15px;margin: 50px 0;border: 3px solid #fff;border-bottom-right-radius: 60px;border-top-right-radius: 60px;height: 52px;width: 24%;font-weight: 600;letter-spacing: 2px;float: left;text-transform: uppercase; transition: all 0.23s ease;} #pre-footer .footer-subscribe-submit:hover { background:#222;} @media only screen and (max-width: 960px) { #pre-footer .footer-subscribe-bar .footer-subscribe-text { padding-left:0;} #pre-footer .footer-subscribe-bar {padding-bottom:20px;} #pre-footer .footer-subscribe-form {text-align: center;} } @media (min-width:960px) and (max-width:1200px) { #pre-footer .footer-subscribe-email { margin-left: 10%;} #pre-footer .footer-subscribe-bar h6 { padding-left: 10%;} } @media (min-width:480px) and (max-width:767px) { #pre-footer .footer-subscribe-email { width:76%;} } @media (max-width:767px){ #pre-footer .footer-subscribe-email, #pre-footer .footer-subscribe-submit { margin:0 0 25px;} #pre-footer .footer-subscribe-bar .footer-subscribe-text h6 { margin:36px 0 20px;} } @media (max-width:479px){ #pre-footer .footer-subscribe-email { width:70%;} #pre-footer .footer-subscribe-submit { width: 28%;} } /* --------------------- */ /* Side Nav */ #side-content { float:right;} #side-nav { float:left; z-index:979;} #side-nav ul { padding:10px 20px; background:#fff; border:3px solid #f3f3f3; list-style:none;} #side-nav ul li { border-bottom:1px solid #eaeaea; padding:0; margin:0;} #side-nav ul li:last-of-type { border-bottom:0 none;} #side-nav ul li ul { border: none; padding:0; padding-left:20px; margin:0; background:#fdfdfd; display:none;} #side-nav a { display:block; color:#575757; padding:14px 0; text-transform:capitalize; font-size:13px; font-weight:400; letter-spacing:0.2px; } #side-nav a:after { float:right; font-family: 'FontAwesome'; font-size:10px; color:#878787; content: "\f054"; speak: none; font-style: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;} #side-nav a:hover, #side-nav a:hover:after { color:#ff9900;} #side-nav li.current a, #side-nav li.current a:after { color:#0093d0;} #side-nav ul li ul li a { padding:10px 0; font-size:12px;} #side-nav ul li:hover > ul { display:block;} /* Image Gallery */ .image-gallery { display:block; margin:10px 0;} .image-gallery ul li { float:left; width:215px; height:215px; margin:1px; overflow:hidden;} .image-gallery ul li img { max-width:420px; width:auto; height:215px; border-radius:1px; text-align:center} .image-gallery .zoomex { bottom:0;} .wpb_gallery_slides p { display:none;} /* Social Media */ .blox .social-media {text-align: center} .blox .social-media a {text-align: center; padding: 0 10px; margin-bottom: 20px; display: inline-block;} .blox .social-media a i {border:2px transparent solid;font-size:4em;padding: 30px;border-radius: 50%;color: #fff;margin-bottom: 20px;display: block; -webkit-transition: all .3s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out;background:rgba(15, 15, 15, 0.6)} .blox .social-media a:hover i {color: #fff;border:2px #fff solid;} .blox .social-media a span{-webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; color:transparent;text-transform: uppercase; font-size:16px; font-weight:600; text-shadow: 0 0 5px rgba(33, 65, 83, 1) } .blox .social-media a:hover span{color:#fff;} #social-media.active.facebook{ background: #3b5996 !important;} #social-media.active.twitter { background: #00acee !important;} #social-media.active.vimeo { background: #0dadd6 !important;} #social-media.active.dribble { background: #d53e68 !important;} #social-media.active.youtube{ background: #cb322c !important;} #social-media.active.pinterest{background: #cb2027 !important;} #social-media.active.google{background: #c3391c !important;} #social-media.active.linkedin { background: #0073b2 !important;} #social-media.active.rss{ background: #f29a1d !important;} #social-media.active.instagram{ background: #457399 !important;} #social-media.active.skype{ background: #00aaf3 !important;} #social-media.active.other-social { background: #ff5d5e !important;} #social-media.blox .social-media a span{display:none;} #social-media.blox .social-media a i{background:none; font-size:2em;border: 1px transparent solid; margin:0; padding:20px;} #social-media{transition: background-color .8s ease-in-out;-webkit-transition: background-color .8s ease-in-out;-moz-transition: background-color .8s ease-in-out;-ms-transition: background-color .8s ease-in-out;-o-transition: background-color .8s ease-in-out;} #social-media.blox .social-media a{margin: 20px 0;} #social-media.blox .social-media a:hover i {border: 1px #fff solid} /* # Section Animation ================================================== */ .vc_editor .w-animate { opacity: 1; } @media only screen and (min-width: 961px) { .w-animate { opacity: 0; } .w-start_animation { opacity: 1; -webkit-animation: w-animate-btt 0.5s; -moz-animation: w-animate-btt 0.5s; -o-animation: w-animate-btt 0.5s; animation: w-animate-btt 0.5s; -webkit-backface-visibility:hidden; backface-visibility:hidden; } #nav .w-start_animation { opacity: 1; -webkit-animation: w-animate-btt-nav 0.28s; -moz-animation: w-animate-btt-nav 0.28s; -o-animation: w-animate-btt-nav 0.28s; animation: w-animate-btt-nav 0.28s; -webkit-backface-visibility:hidden; backface-visibility:hidden; } } /* Bottom to Top Keyframes */ @-webkit-keyframes w-animate-btt { 0% { -webkit-transform: translate3d(0, 110px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } } @-moz-keyframes w-animate-btt { 0% { -moz-transform: translate3d(0, 110px, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } } @-o-keyframes w-animate-btt { 0% { -o-transform: translate3d(0, 110px, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes w-animate-btt { 0% { transform: translate3d(0, 110px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } /* Bottom to Top Keyframes (mega menu) */ @-webkit-keyframes w-animate-btt-nav { 0% { -webkit-transform: translate3d(0, 30px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } } @-moz-keyframes w-animate-btt-nav { 0% { -moz-transform: translate3d(0, 30px, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } } @-o-keyframes w-animate-btt-nav { 0% { -o-transform: translate3d(0, 30px, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes w-animate-btt-nav { 0% { transform: translate3d(0, 30px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } /* # Misc ================================================== */ /* EXTRAS */ .brdr-r1, .brdr-r2 { border-right: 1px solid #e5e5e5;} .brdr-l1, .brdr-l2 { border-left: 1px solid #e5e5e5;} .brdr-t1 { border-top:1px solid #e5e5e5;} .brdr-b1 { border-bottom:1px solid #e5e5e5;} .brdr-t1e { border-top:1px solid #eee;} .brdr-b1e { border-bottom:1px solid #eee;} .topborder { border-top: 2px solid #ebeef0;} .bottomborder { border-bottom: 2px solid #ebeef0;} .brdr-r2 { padding-right: 27px;} .brdr-l2 { padding-left: 27px;} .pad-r27 { padding-right: 27px;} .pad-l27 { padding-left: 27px;} .blox.dark .brdr-r1, .blox.dark .brdr-r2, .blox.dark .brdr-l1, .blox.dark .brdr-l2 { border-color:rgba(255,255,255,0.15);} .aligncenter { text-align: center;} img.aligncenter { margin-left: auto; margin-right: auto; display: block;} .post .alignnone{ margin:5px 20px 20px 0;} .alignright { text-align:right;} .alignleft { text-align:left;} .post .alignright{ float:right; margin:5px 0 20px 20px;} .post .alignleft{ float:left; margin:5px 20px 20px 0;} img.alignright { float: right; margin-left:10px;} img.alignleft { float: left; margin-right:10px;} .post a img.alignright{ float:right; margin:5px 0 20px 20px;} .post a img.alignnone{ margin:5px 20px 20px 0;} .post a img.alignleft{ float:left; margin:5px 20px 20px 0;} .post a img.aligncenter{ display:block; margin-left:auto; margin-right:auto;} .wp-caption { display: block; color: #444;} .wp-caption.aligncenter { margin: 0 auto;} .wp-caption-text { font-size: 15px;} .gallery-caption { display: inline;} .bypostauthor { font-size: 13px;} .wp-caption{ background:#fff; border:1px solid #f0f0f0; max-width:96%; padding:5px 3px 10px; text-align:center;} .wp-caption.alignleft,.wp-caption.alignnone{ margin:5px 20px 20px 0;} .wp-caption.alignright{ margin:5px 0 20px 20px;} .wp-caption img{ border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto;} .wp-caption p.wp-caption-text{ font-size:11px; line-height:17px; margin:0; padding:17px 4px 5px;} .screen-reader-text{ clip:rect(1px,1px,1px,1px); position:absolute!important; height:1px; width:1px; overflow:hidden;} .screen-reader-text:focus{ background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0,0,0,.6); clip:auto!important; color:#21759b; display:block; font-size:14px; font-size:.875rem; font-weight:700; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000;} .moonicons-box1 { font-size: 14px; line-height:22px; display: inline-block; width:23.33%; padding: 6px; background: #fff; margin: 6px; border: 1px solid #e8e8e8;} .moonicons-box1 span { font-size:20px; float:left; margin-right:3px;} .tmpl-ex { margin-bottom:40px; padding:10px; text-align:center;} .tmpl-ex h4 { margin-top: 30px; font-weight: 500; font-size: 17px; letter-spacing: 1.4px;} .tmpl-ex a { color: #222; border-top: 10px solid #d2d2d2; display: inline-block; border-radius: 3px; max-width:420px;} .tmpl-ex img { width:100%; webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} .tmpl-ex img:hover { opacity:0.66;} #wrap .inner88-w .full-row > .container { margin-top:-90px; width:96%; margin-left:auto; margin-right:auto;} .respo-tagline { font-size:55px; letter-spacing:-4px;} #wrap .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab {box-shadow: 0 2px 0 0px rgba(0,0,0,0.016);} #wrap .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a { border-color:#ececec; color:#777; font-size: 13px; font-weight: 400; letter-spacing: 0.4px;} #wrap .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active>a { color:#3a3a3a;} #wrap .vc_tta-color-white.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab {box-shadow: none;} #wrap .vc_tta-color-white.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab:hover a {box-shadow:0 1px 15px 1px rgba(0,0,0,0.15);} #wrap .vc_tta-color-white.vc_tta-style-modern.vc_tta-o-shape-group .vc_tta-tab.vc_active>a i.vc_tta-icon { color:#de2f68;} #wrap .vc_tta-color-white.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { background:none;} @media (min-width: 1400px) { .toppad-ov1400 { padding-top: 80px;} } /* Scroll to top */ #scroll-top a { padding: 4px 8px 6px; border-radius: 4px; background: #818c90; position: fixed; bottom: 48px; right: 32px; display: none; opacity: 0.89; filter: alpha(opacity=89); z-index: 499841;} #scroll-top a i { font-size: 16px; color: #fff;} #scroll-top a:hover { background-color: #de2f68; cursor: pointer;} .v-shadow-l { background:url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/v-shadow-left.png) no-repeat right center;} .v-shadow-r { background:url(//www.ilsalernitanobeb.it/wp-content/themes/salernitano/images/v-shadow-right.png) no-repeat left center;} .v-shadow-r, .v-shadow-l { min-height:320px;} .pad-r10 { padding-right:10px;} .pad-r20 { padding-right:20px;} .pad-r30 { padding-right:30px;} .pad-r40 { padding-right:40px;} .pad-l10 { padding-left:10px;} .pad-l20 { padding-left:20px;} .pad-l30 { padding-left:30px;} .pad-l40 { padding-left:40px;} /* # Column Shortcodes ----------- */ .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { margin-right: 4%; float: left; margin-bottom:20px;} .one_half { width: 48%;} .one_third { width: 30.6666%;} .two_third { width: 65.3332%;} .one_fourth { width: 22%;} .three_fourth { width: 74%;} .one_fifth { width: 16.8%;} .two_fifth { width: 37.6%;} .column-last { margin-right: 0 !important; clear: right;} .easyPieChart { position: relative; text-align: center;} .easyPieChart canvas { position: absolute; top: 0; left: 0;} .pie { text-align:center; font-size:49px; position:relative; margin:0 auto 20px;} .pie p { font-size:16px; color:#888; font-weight:400; position:absolute; bottom:-52px; width:100%; padding-top:10px; border-top:2px solid #f9f9f9;} .container .pie p { margin-bottom:0;} /* Breadcrumbs --------------- */ .transparent-header-w .breadcrumbs-w { position : absolute; z-index: 2; width: 100%; top: 75px;} .breadcrumbs-w { background:#f6f6f6; padding:9px 0 6px; font-size:12px; color:#6c7279; letter-spacing:0; text-transform:none; font-weight:500; margin: auto; border-bottom:1px solid #eee;} .breadcrumbs-w a { color:#5c646d;} .breadcrumbs-w a:hover { text-decoration:underline;} .breadcrumbs-w i {margin: 0 4px; color: #de2f68;} .breadcrumbs-w .container { padding-left:20px;} /* News Ticker --------------- */ .transparent-header-w .news-ticker, ul#js-news { display:none;} .news-ticker { background-color: #f4f4f4; border-top: 1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;} .ticker-wrapper.has-js { margin: 0 16px; padding: 0px 20px; height: 32px; display: block; background-color: #f4f4f4; font-size: 0.75em;} .ticker { width: 710px; height: 30px; display: block; position: relative; overflow: hidden; background-color: #f4f4f4;} .ticker-title { font-size:12px; line-height:30px; color: #f54639; font-weight: bold; padding-top:1px; background-color: #f4f4f4; text-transform: uppercase;} .ticker-content { margin: 0px; position: absolute; color: #1f527b; font-weight: bold; background-color: #f4f4f4; overflow: hidden; white-space: nowrap; line-height:30px;} .ticker-content a { text-decoration: none; color: #292929; font-size:13px; font-weight:600;} .ticker-content a:hover { color: #0093d0;} .ticker-swipe { padding-top: 9px; position: absolute; top: 0px; background-color: #f4f4f4; display: block; width: 800px; height: 30px;} .ticker-swipe span { margin-left: 1px; background-color: #f4f4f4; border-bottom: 1px solid #1f527b; height: 12px; width: 7px; display: block;} .js-hidden { display: none;} .no-js-news { padding: 10px 0px 0px 45px; color: #f4f4f4;} .left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker { float: left;} .left .ticker-controls { padding-left: 6px;} .right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker { float: right;} .right .ticker-controls { padding-right: 6px;} @media only screen and (min-width: 961px) and (max-width: 1280px) { .ticker-wrapper.has-js { margin: 0 10px;} } @media only screen and (max-width: 960px) { .news-ticker .container { width:auto; margin:0; padding:0;} .ticker-wrapper.has-js { margin:0;} } @media only screen and (max-width: 767px) { .news-ticker .ticker { width:350px;} } @media only screen and (max-width: 479px) { .news-ticker .ticker { width:330px;} .ticker-title { display:none !important;} .ticker-content { left:10px !important;} } /* --------------------- */ /* Predefined Typography -/ --------------------------------*/ .ptg_h_1 h1, .ptg_h_1 h2, .ptg_h_1 h3, .ptg_h_1 h4, .ptg_h_1 h5, .ptg_h_1 h6, #wrap.ptg_h_1 .hebe .tp-tab-title, #wrap.ptg_h_1 .hebe .tp-tab-desc, .ptg_h_1 .widget .postslider p, .ptg_h_1 #nav li a, .ptg_h_1 .tp-caption.wlargetext1, .ptg_h_1 .tp-caption.wlargetext, .ptg_h_1 a.readmore, .ptg_h_1 .widget ul li.cat-item, .ptg_h_1 .bbp-body a.bbp-forum-title, .ptg_h_1 .bbp-body a.bbp-topic-permalink, .ptg_h_1 .topic-author-displayname { font-family:'Montserrat',sans-serif;} .ptg_h_2 h1, .ptg_h_2 h2, .ptg_h_2 h3, .ptg_h_2 h4, .ptg_h_2 h5, .ptg_h_2 h6, #wrap.ptg_h_2 .hebe .tp-tab-title, #wrap.ptg_h_2 .hebe .tp-tab-desc, .ptg_h_2 .widget .postslider p, .ptg_h_2 #nav li a, .ptg_h_2 .tp-caption.wlargetext1, .ptg_h_2 .tp-caption.wlargetext, .ptg_h_2 a.readmore, .ptg_h_2 .widget ul li.cat-item, .ptg_h_2 .bbp-body a.bbp-forum-title, .ptg_h_2 .bbp-body a.bbp-topic-permalink, .ptg_h_2 .topic-author-displayname { font-family:'Rufina',sans-serif; text-transform:none !important; letter-spacing:0 !important;} .ptg_h_3 h1, .ptg_h_3 h2, .ptg_h_3 h3, .ptg_h_3 h4, .ptg_h_3 h5, .ptg_h_3 h6, #wrap.ptg_h_3 .hebe .tp-tab-title, #wrap.ptg_h_3 .hebe .tp-tab-desc, .ptg_h_3 .widget .postslider p, .ptg_h_3 #nav li a, .ptg_h_3 .tp-caption.wlargetext1, .ptg_h_3 .tp-caption.wlargetext, .ptg_h_3 a.readmore, .ptg_h_3 .widget ul li.cat-item, .ptg_h_3 .bbp-body a.bbp-forum-title, .ptg_h_3 .bbp-body a.bbp-topic-permalink, .ptg_h_3 .topic-author-displayname { font-family:'PT Serif',sans-serif; text-transform:none !important; letter-spacing:0 !important;} .ptg_h_4 h1, .ptg_h_4 h2, .ptg_h_4 h3, .ptg_h_4 h4, .ptg_h_4 h5, .ptg_h_4 h6, #wrap.ptg_h_4 .hebe .tp-tab-title, #wrap.ptg_h_4 .hebe .tp-tab-desc, .ptg_h_4 .widget .postslider p, .ptg_h_4 #nav li a, .ptg_h_4 .tp-caption.wlargetext1, .ptg_h_4 .tp-caption.wlargetext, .ptg_h_4 a.readmore, .ptg_h_4 .widget ul li.cat-item, .ptg_h_4 .bbp-body a.bbp-forum-title, .ptg_h_4 .bbp-body a.bbp-topic-permalink, .ptg_h_4 .topic-author-displayname { font-family:'Raleway',sans-serif;} .ptg_h_5 h1, .ptg_h_5 h2, .ptg_h_5 h3, .ptg_h_5 h4, .ptg_h_5 h5, .ptg_h_5 h6, #wrap.ptg_h_5 .hebe .tp-tab-title, #wrap.ptg_h_5 .hebe .tp-tab-desc, .ptg_h_5 .widget .postslider p, .ptg_h_5 #nav li a, .ptg_h_5 .tp-caption.wlargetext1, .ptg_h_5 .tp-caption.wlargetext, .ptg_h_5 a.readmore, .ptg_h_5 .widget ul li.cat-item, .ptg_h_5 .bbp-body a.bbp-forum-title, .ptg_h_5 .bbp-body a.bbp-topic-permalink, .ptg_h_5 .topic-author-displayname{ font-family:'Philosopher',sans-serif; text-transform:none !important; letter-spacing:0 !important;} .ptg_h_6 h1, .ptg_h_6 h2, .ptg_h_6 h3, .ptg_h_6 h4, .ptg_h_6 h5, .ptg_h_6 h6, #wrap.ptg_h_6 .hebe .tp-tab-title, #wrap.ptg_h_6 .hebe .tp-tab-desc, .ptg_h_6 .widget .postslider p, .ptg_h_6 #nav li a, .ptg_h_6 .tp-caption.wlargetext1, .ptg_h_6 .tp-caption.wlargetext, .ptg_h_6 a.readmore, .ptg_h_6 .widget ul li.cat-item, .ptg_h_6 .bbp-body a.bbp-forum-title, .ptg_h_6 .bbp-body a.bbp-topic-permalink, .ptg_h_6 .topic-author-displayname { font-family:'clavo',sans-serif; text-transform:none !important; letter-spacing:0 !important;} .ptg_h_1 .tp-caption.Newspaper-Title, .ptg_h_1 .tp-caption.Newspaper-Subtitle, .ptg_h_1 .tp-caption.Newspaper-Button { font-family:'Montserrat',sans-serif !important;} .ptg_h_2 .tp-caption.Newspaper-Title, .ptg_h_2 .tp-caption.Newspaper-Subtitle, .ptg_h_2 .tp-caption.Newspaper-Button { font-family:'Rufina',sans-serif !important; text-transform:none !important;} .ptg_h_3 .tp-caption.Newspaper-Title, .ptg_h_3 .tp-caption.Newspaper-Subtitle, .ptg_h_3 .tp-caption.Newspaper-Button { font-family:'PT Serif',sans-serif !important; text-transform:none !important;} .ptg_h_4 .tp-caption.Newspaper-Title, .ptg_h_4 .tp-caption.Newspaper-Subtitle, .ptg_h_4 .tp-caption.Newspaper-Button { font-family:'Raleway',sans-serif !important;} .ptg_h_5 .tp-caption.Newspaper-Title, .ptg_h_5 .tp-caption.Newspaper-Subtitle, .ptg_h_5 .tp-caption.Newspaper-Button { font-family:'Philosopher',sans-serif !important; text-transform:none !important;} .ptg_h_6 .tp-caption.Newspaper-Title, .ptg_h_6 .tp-caption.Newspaper-Subtitle, .ptg_h_6 .tp-caption.Newspaper-Button { font-family:'clavo',sans-serif !important; text-transform:none !important; letter-spacing:0 !important;} .ptg_p_1 p { font-family:'Open Sans',sans-serif; font-size:13px; font-weight:400;} .ptg_p_2 p { font-family:'Muli',sans-serif;} .ptg_p_3 p { font-family:'Noto Sans',sans-serif;} .ptg_p_4 p { font-family:'Roboto',sans-serif; font-size:15px; font-weight:300;} .ptg_p_5 p { font-family:'Lora',sans-serif;} .ptg_p_6 p { font-family:'adelle',sans-serif;} /* --------------------- */ /*# Row fixes —------------ —------------ */ .blox.page-title-x, .parallax-sec.page-title-x, .video-sec.page-title-x { margin-top:-35px;} .row-wrapper-x { padding:0 10px;} .row-wrapper-x > p:empty { margin:0;} @media only screen and (min-width: 1200px){ .row-wrapper-x { padding:0 15px;} } .col-md-8.omega .row-wrapper-x { padding-left:0;} #wrap .wpb_row.full-row, #wrap.boxed-wrap .wpb_row.full-row { margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; clear:both;} #wrap .blox .wpb_row.full-row, #wrap .parallax-sec .wpb_row.full-row, #wrap .video-sec .wpb_row.full-row, #wrap.boxed-wrap .blox .wpb_row.full-row, #wrap.boxed-wrap .parallax-sec .wpb_row.full-row, #wrap.boxed-wrap .video-sec .wpb_row.full-row { margin:0;} #wrap .wpb_row .vc_column-inner { padding-top:0;} .wpb_row.full-row .vc_col-sm-12 > .vc_column-inner { padding-left:0; padding-right:0;} .blox .wpb_row.full-row .vc_col-sm-12 > .vc_column-inner { padding-left:10px; padding-right:10px;} @media only screen and (max-width: 960px) { #wrap .vc_column_container > .vc_column-inner { padding-left:10px; padding-right:10px;} #wrap .full-container .vc_column_container > .vc_column-inner { padding-left:20px; padding-right:20px;} } .wpb_revslider_element, .wpb_layerslider_element, .max-hero { margin-top:-35px;} .page-title-x .wpb_revslider_element, .page-title-x .wpb_layerslider_element, .page-title-x .max-hero, .blox .wpb_revslider_element, .blox .wpb_layerslider_element, .blox .max-hero { margin-top:0;} .blox.wpb_row, #wrap.boxed-wrap .blox.wpb_row, #wrap .blox.wpb_row, .blox .wpb_row, #wrap.boxed-wrap .blox .wpb_row, #wrap .blox .wpb_row, .wpb_row .wpb_row { margin-bottom:0;} .wpb_row .wpb_row { margin-bottom:0;} .wpb_row.blox, .wpb_row.parallax-sec, .wpb_row.video-sec, .wpb_row.full-row { margin-right:0; margin-left:0; margin-bottom:0;} .blox .wbp_row, .blox .wpb_row { margin-right:0; margin-left:0;} .blox .vc_col-sm-12 .wpb_row { margin-left:-10px; margin-right:-10px; width:auto;} @media only screen and (min-width: 1200px){ .blox .vc_col-sm-12 .wpb_row { margin-left:-15px; margin-right:-15px;} .blox .wpb_row.full-row .vc_col-sm-12 > .vc_column-inner { padding-left:15px; padding-right:15px;} .blox.full-container .wpb_row.full-row .vc_col-sm-12 > .vc_column-inner { padding-left:0; padding-right:0;} } #wrap .blox .wpb_content_element, #wrap .parallax-sec .wpb_content_element, #wrap .video-sec .wpb_content_element { margin-bottom:0;} .wpb_single_image.wpb_content_element { margin-bottom:0;} .wpb_layerslider_element.wpb_content_element, .wpb_revslider_element.wpb_content_element, .wpb_gmaps_widget.wpb_content_element, .wpb_gallery.wpb_content_element, .wpb_layerslider_element .wpb_single_image.wpb_content_element, .wpb_revslider_element .wpb_single_image.wpb_content_element { margin-bottom:0px;} #wrap .wpb_single_image .vc_single_image-wrapper { display:block;} .row-wrapper-x p img, div img, li img, #wrap p img, .wpb_single_image.wpb_content_element img { height: auto; max-width:100%;} .our-map .wpb_wrapper .wpb_map_wraper, .wpb_gmaps_widget .wpb_wrapper { padding:0;} .wpb_gmaps_widget { border:5px solid #eee;} .no-margin-w { margin:0 !important;} .no-mb{ margin-bottom:0 !important;} .ne-mb{ margin-bottom:-30px !important;} #lang_sel { z-index:1;} .w-map img, .gm-style img { max-width: none !important;} #wrap .w-map > div { width: 100% !important;} @media only screen and (min-width: 1200px){ .wpb_column.nopad-all { padding:0;} .wpb_column.nopad-left { padding-left:0;} .wpb_column.nopad-right { padding-right:0;} .wpb_column.nopad-bottom { padding-bottom:0;} .wpb_column.nopad-top { padding-top:0;} } @media only screen and (max-width: 960px){ .wpb_row .wpb_column.full-at-max960 { width:100%;} } @media (max-width: 767px) { .wpb_row .wpb_column { margin-bottom: 0; /* webnus */ } } /*# Fit to screen parallax section —------------------------------------- */ .respo-fit-blox { min-height:796px !important;} .blox.full-container .container { padding-left:0; padding-right:0; width:auto; max-width:none;} @media (max-width: 767px) { .respo-fit-blox { min-height:810px !important;} .blox.respo-bg-none { background-image:none !important;} } @media (max-width: 479px) { .respo-fit-blox { min-height:610px !important;} } @media (min-width: 1401px) { .respo-fit-blox { min-height:996px !important;} } /* header 11 */ @media only screen and (min-width: 961px) { .has-header-type11 .blox.page-title-x, .has-header-type11 .parallax-sec.page-title-x, .has-header-type11 .video-sec.page-title-x { margin-top:-114px;} .has-header-type11 .vc_col-sm-12 .wpb_revslider_element, .has-header-type11 .vc_col-sm-12 .wpb_layerslider_element, .has-header-type11 .max-hero { margin-top:-114px;} } /* WP pagenavi ----------- */ #wrap .wp-pagenavi { clear: both; font-size: 12px; text-align:center; margin:20px 0;} #wrap .wp-pagenavi span.pages { color:#999;} #wrap .wp-pagenavi a, #wrap .wp-pagenavi span { font-weight:bold; text-decoration: none; display:inline-block; background:#eee; color:#414141; border:none; line-height:1; padding: 10px 14px; margin: 3px 4px; transition: all 0.3s ease; border-radius: 2px; *zoom: 1;} #wrap .wp-pagenavi span.current { border-color: #efefef; background:#fdfdfd;} #wrap .wp-pagenavi a:hover {border-color: #de2f68; background:#de2f68; color:#fff !important;} #wrap .wp-pagenavi span.current { font-weight: bold;} @media (max-width: 479px) { #wrap .wp-pagenavi span.pages { display:none;} } .search-results .blog-post { padding-bottom: 7px; border-bottom: 1px solid #ddd; margin-bottom: 40px;} /* Contact form7 --------------- */ .wpcf7 .wpcf7-form input, .wpcf7 .wpcf7-form textarea, .wpcf7 .wpcf7-form select { width:100%; box-sizing:border-box; border: 1px solid #e3e3e3; padding: 11px 6px; font-size: 13px; font-weight:300; box-shadow: 0 1px 2px rgba(0,0,0,.062) inset;} .wpcf7 .wpcf7-form input:hover, .wpcf7 .wpcf7-form textarea:hover { border-color:#b2cef7;} .wpcf7 .wpcf7-form select { height:48px; padding:0 6px; margin:0;} .wpcf7 .wpcf7-form textarea { height:90px;} .wpcf7 .wpcf7-form p { color: #717171; font-size:14px; margin-bottom:2px; margin-top:0; font-weight:500;} .wpcf7 .wpcf7-form input[type="submit"], .wpcf7 .wpcf7-form input[type="reset"], .wpcf7 .wpcf7-form input[type="button"]{ width:auto; font-weight:bold; border-radius: 58px;background-color: #de2f68; padding: 11px 42px; letter-spacing: 0;border:none;} .wpcf7 .wpcf7-form input[type="submit"]:hover, .wpcf7 .wpcf7-form input[type="reset"]:hover, .wpcf7 .wpcf7-form input[type="button"]:hover{ background-color: #292929 !important; color:#fff !important;} .wpcf7 .wpcf7-form input[type="text"],.wpcf7 .wpcf7-form input[type="password"],.wpcf7 .wpcf7-form input[type="number"],.wpcf7 .wpcf7-form input[type="email"], .wpcf7 .wpcf7-form textarea, .wpcf7 .wpcf7-form option{ margin:0 auto; width:100%; padding: 11px 10px;} .wpcf7 .wpcf7-form h6 {margin-top:25px; color:#df506e; font-size:20px; font-weight:bold; text-transform:lowercase;} .wpcf7 .wpcf7-form .radio-w {padding: 24px 0 0;} .wpcf7 .wpcf7-form .radio-w .wpcf7-list-item {margin-right: 100px;} .wpcf7 .wpcf7-form .one_half input[type="submit"] {width: 100%;margin-top: 16px;} .wpcf7 .wpcf7-form .one_half {margin-bottom:80px;} .dark.blox .wpcf7 .wpcf7-form input[type="text"],.dark.blox .wpcf7 .wpcf7-form input[type="password"],.dark.blox .wpcf7 .wpcf7-form input[type="number"],.dark.blox .wpcf7 .wpcf7-form input[type="email"],.dark.blox .wpcf7 .wpcf7-form textarea,.dark.blox .wpcf7 .wpcf7-form select,.dark.blox .wpcf7 .wpcf7-form option{color:rgba(102, 102, 102, 1); margin:0 auto; width:100%; padding: 10px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.85);} .dark.blox .wpcf7 .wpcf7-form input[type="text"]:focus,.dark.blox .wpcf7 .wpcf7-form .rsvp-w1 input[type="password"]:focus,.dark.blox .wpcf7 .wpcf7-form input[type="number"]:focus,.dark.blox .wpcf7 .wpcf7-form input[type="email"]:focus,.dark.blox .wpcf7 .wpcf7-form textarea:focus ,.dark.blox .wpcf7 .wpcf7-form select:focus ,.dark.blox .wpcf7 .wpcf7-form option:focus {background-color:#fff;} .dark.blox .wpcf7 .wpcf7-form input[type="submit"]{border-radius: 30px; color: #fff; border: 1px solid #fff; background: transparent; padding: 14px 35px; margin-top: 10px;} .dark.blox .wpcf7 .wpcf7-form input[type="submit"]:hover{background: #3498db; border: 1px solid #3498db;} .wpcf7 .col-md-12, .wpcf7 .col-md-8, .wpcf7 .col-md-6, .wpcf7 .col-md-4 { margin-bottom:20px;} #wrap .awebooking .apb-btn, #wrap .awebooking .apb-btn:visited { color: #fff; background-color: #de2f68;} #wrap .awebooking .apb-btn:hover { background-color: #222;} /* coming soon contact form */ .wpcf7 .comingsoon-form input, .wpcf7 .comingsoon-form textarea { background-color:#262830; border:2px solid #212329; transition:.2s all; border-radius:3px; color:#cdcdcd;} #wrap .wpcf7 .comingsoon-form input,#wrap .wpcf7 .comingsoon-form textarea { padding:15px 20px;} #wrap .wpcf7 .comingsoon-form input:hover,#wrap .wpcf7 .comingsoon-form textarea:hover { border-color:#262830;} .wpcf7 .comingsoon-form textarea { min-height:122px;} #wrap .wpcf7 .comingsoon-form .wpcf7-submit { background-color:#53bf71; width:100%; padding:18px; color:#fff; border-radius:3px; margin-bottom:0;} .wpcf7 .comingsoon-form input::-webkit-input-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form input::-moz-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form input:-ms-input-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form input:-moz-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form textarea::-webkit-input-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form textarea::-moz-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form textarea:-ms-input-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form textarea:-moz-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form span.wpcf7-not-valid-tip { color:#ff9b9b;} .comingsoon-form + .wpcf7-validation-errors { color:#fff; text-align:center;} .comingsoon-form + div.wpcf7-mail-sent-ok { color:#fff; text-align:center;} /* ----------- */ /* #Media Queries =============================================================================== =============================================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 960px) { #header { padding:10px 0;} #search-form, .woo-cart-header { display:none;} .transparent-header-w.t-dark-w #header .img-logo-w2 { display:none;} .transparent-header-w.t-dark-w #header:not(.w-header-type-11) .img-logo-w1 { display:inline !important;} .plan-wrap { width: 100%;} .sub-h h5 { padding: 0;} .blog-content .post-img { margin-bottom: 20px;} .blog-expression { width: 100%;} .img-team { margin-top:40px } .footer-in .col-md-3, .footer-in .col-md-4, .footer-in .col-md-6, .footer-in .col-md-8 { margin-bottom:30px;} .img-box { width: 256px; height: 188px;} .last-project .img-box { background: #ea3c3c;} .last-project .img-box:nth-child(even) { background: #f66060;} .ab-box { height: 235px;} .author-detail { width: 218px;} .contact input { width: 330px; float: none;} .contact textarea { width: 486px;} .row.magic, .s-qoute-man { padding: 0; margin-bottom: 10px;} a.get { margin-bottom: 14px;} .pad-r10, .pad-r20, .pad-r30, .pad-r40 { padding-right: 5px;} .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding-left: 5px;} .dpromo2 { margin-top:35px; border-top:1px solid #e5e5e5; padding-top:30px;} .dpromo2 .brdr-l1, .dpromo2 .pad-l40 { border-left:none; padding:0;} .vertical-space, .vertical-space1 { height: 12px;} .vertical-space2 { height: 18px;} .vertical-space3 { height: 36px;} .vertical-space4 { height: 50px;} .vertical-space5 { height: 80px;} input[type="text"], input[type="password"], input[type="email"], textarea, select { min-width:90px; max-width:100%;} } /* iPad in portrait & landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .sparallax .slide-image{background-attachment: local !important; background-size: auto!important;} .blox {background-attachment: local!important; background-size: auto!important;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 960px) { .blox {background-attachment: local!important; background-size: auto!important;} .pad { padding-top: 8%;} .blog-line img { float: none;} #wrap.boxed-wrap, #wrap.boxed-wrap #header { width: 728px;} #tline-content { width: 700;} .tline-box { width: 335px;} .plan-wrap { width: auto;} .social-icons a { margin: 1px 4px 0 4px;} .max-counter.m-counter { width:130px;} .max-counter.m-counter .max-count { font-size:64px; letter-spacing:0;} .max-counter.m-counter .icon-counter { font-size:50px} .event-list .btn-wrapper .button.dark-gray.medium { padding:13px; letter-spacing:0; font-size:11px;} .social-team i { font-size:16px; padding:5px;} .respo-tagline { font-size:36px; letter-spacing:-2px;} .tagline-bold { font-size:31px; line-height:33px;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { #wrap.boxed-wrap, #wrap.boxed-wrap #header { width: 460px;} #tline-content { width: 460px;} .tline-box { width: 420px;} #testimonials-slider li { width:400px;} .page-subtitle { left: 0; padding: 10px 0 0 20px; bottom: 0; border-bottom: 1px solid #e8edee; margin-bottom: 20px; height: auto; width: auto; clear: both; background: #fdfdfd; border-radius: 0;} .pricing-table .plans-f-list.respo { display: inline; visibility: visible;} .jcarousel-item, .last-project .portfolio-item { max-width: 210px; height: 157px; float: left;} .respo-tagline { font-size:29px; letter-spacing:-1px;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #header.dark #nav {background: #000; border-color:#181818;} #header.dark.sm-rgt-mn #menu-icon i {color:rgb(228, 228, 228);} #header.dark.sm-rgt-mn #menu-icon:hover i, #header.dark.sm-rgt-mn #menu-icon.active i {color:#27ae60;} .blox {background-attachment: local !important; background-size: cover !important;} .max-hero .slides-navigation {display:none} .max-hero .slides-content .slides li{font-size: 48px;} .max-hero .slides-content p{ font-size: 14px} .max-hero .slides-content .button {font-size: 12px} #headline { height:auto; border-bottom:1px solid #f1f1f1; padding:14px 0;} #headline h2, #headline h3 { font-size:25px; text-align:center;} #headline h2 small, #headline h3 small { display:block; margin-top:14px; margin-bottom:0; font-size:16px; letter-spacing:0; font-weight:400;} .top-bar { height:auto; padding:5px 0 6px;} .top-bar h6 { font-size:11px; letter-spacing:0; margin:0 10px 0 0;} .top-bar h6 i { font-size:12px; padding:3px; margin-right:3px;} .top-bar .socialfollow, .top-links, .top-links.rgtflot, .top-bar .socialfollow.lftflot { float:none; text-align:center; clear:both; min-height:22px;} .top-bar .socialfollow, .top-bar .socialfollow.lftflot { padding: 8px 0; margin: 0;} .top-bar .socialfollow a, .top-bar .socialfollow.lftflot a, .top-links p, .top-links img { float:none; display:inline; padding-top:10px;} .top-bar .socialfollow a, .top-bar .socialfollow.lftflot a { padding-top: 0; display: inline-block;margin-top: 0;} .top-links, .top-links.rgtflot { margin:0; padding-top:4px;} .top-links.rgtflot { margin-top:12px; margin-bottom:6px;} .top-links.lftflot { width:100%; text-align:center; padding-left: 0;} #topbar-search { float:none; width:100%;} #topbar-search .search-text-box { width:100%; display:block; margin:0; margin-bottom:10px;} #lang_sel_click { text-align:left; float:right;} #lang_sel_click img.iclflag { padding:0;} .container hr { margin-left:0; margin-right:0;} .nav-search { float: none; margin: 0;} .img-box { width: 420px; height: 308px;} .contact textarea { width: 398px;} .max-counter { display:block; padding-bottom:20px;} .logo-wrap .logo { text-align: center; float:none; margin-bottom:10px; width:100%; height:auto; line-height:1;} .logo-wrap .logo img { position:static;} #nav { display: none;} .portfolio article { width: 100%; height: 300px;} .plan-wrap article { width: 50%;} .twitter h3 { padding: 0;} .project-view .img-item-big img { border:none; margin-bottom:-14px;} .proj-title-x h2 { font-size:28px;} #wrap .ptp-pricing-table .ptp-four-col {width: 100%;} .zoomex2 h6 { font-size:18px; font-weight:600;} input[type="text"].header-saerch, input[type="text"].header-saerch:focus { width: 261px; margin-top: 10px;} .pin-box { width: 96%;} .tline-box iframe, .tline-box img { height:auto;} .tline-row-l, .tline-row-r { display: none } .tline-box.rgtline { float: left; left: 0;} #tline-content:before { background:#eff3f4;} .tabs-left > .nav-tabs, .tabs-left > .nav-tabs > li > a, .nav-tabs > li, .nav-tabs > li.active, .tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs .active > a:hover { width:100%; display:block; padding-left:0; padding-right:0;} .tabs-left > .nav-tabs > li > a { border-right:0 none;} .tabs-left > .tab-content { border: none;} .tab-content .columns, .tab-content .column { margin:0 10px; max-width:90%;} .container hr { margin-left:0; margin-right:0;} .author-detail { margin: 20px 0;} .blog-post h3, .blgtyp3.blog-post h3, .blgtyp2.blog-post h3, #wrap .wpb_gallery_slides .flex-caption h2.post-title, #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel h2.post-title { font-size:17px; letter-spacing:1px;} .blog-single-post h1 { font-size:20px; letter-spacing:1px;} .blog-post p, .blog-single-post p { font-size:13px;} .blog-post.blgtyp1 a.readmore { left:0; transform:none; font-size:10px;} .pad-r10, .pad-r20, .pad-r30, .pad-r40, .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding: 0;} .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { width: 100%; float: none; margin-right: 0;} .twitter-box h3 { font-size:17px;} .date-sp-wrap { margin: 0; float: right; margin-bottom: 7px;} .blog-line .blog-date-sec { height: auto;} .v-shadow-r, .v-shadow-l { min-height: inherit; background: none;} .pad-r10, .pad-r20, .pad-r30, .pad-r40, .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding: 0;} .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { width: 100%; float: none; margin-right: 0;} .latest-f-blog, .qot-week { margin:0;} .callout { margin:10px 0px 20px;} .brdr-l1, .brdr-r1, .brdr-l2, .brdr-r2 { padding:0; border: none;} .brdr-l1 { margin-top:30px;} .brdr-r1 { margin-bottom:30px;} .resp-center { text-align:center !important;} .tab-content p, .tab-content li { font-size: 12px;} #side-nav { float:noe;} input[type="text"].header-saerch, input[type="text"].header-saerch:focus { float: none; display: inline; position: relative; z-index: 10000;} #wrap .ls-inner a.button { padding:4px 8px !important; font-size:11px; text-transform:uppercase; letter-spacing:0; font-weight:bold;} #wrap .ls-inner a.button.sm19 { margin-left:-12px;} #wrap .ls-inner h1 { font-size:17px;} #wrap .ls-inner h2 { font-size:16px;} #wrap .ls-inner h3 { font-size:15px;} #wrap .ls-inner h4 { font-size:14px;} #wrap .ls-inner h5 { font-size:13px;} #wrap .ls-inner h6, #wrap .ls-inner p { font-size:12px;} .footer-navi.floatright, .footer-navi { float:none;} .fix-btn-mrg .button.skyblue.large { margin-top:30px; margin-bottom:55px;} #topbar-search .search-text-box { margin:5px 0 0;} #topbar-search .search-icon { right:9px; top:9px;} #header .img-logo-w1 { display:inline;} .logo a:active { opacity:1;} .moonicons-box1 { width:100%;} .max-title, .max-title2,.max-title3, .max-title4, .max-title5 { margin-top:14px; margin-bottom: 35px;} .top-links, .top-links.rgtflot { margin: 0 auto; padding-top: 0;} .callout { position:relative; padding-bottom:70px;} .callout a.callurl { position: absolute; bottom: 0; right: 9px;} .our-clients-wrap { padding-top: 0; padding-bottom: 30px;} .testimonials-slider-w { margin-bottom: 50px;} #wrap .wpcf7 .wpcf7-form p , #wrap .wpcf7 .wpcf7-submit{ width: 100%;} .contact-form { padding:0; border:none;} .contact-form .btnSend { width: 100%; padding: 0;} .contact-form .g-recaptcha { overflow: hidden; width: 183px; border-right: 1px solid lightgrey;} .footer-in h5.subtitle { margin-top:10px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .max-hero .slides-content p{font-size: 13px} #wrap.boxed-wrap, #wrap.boxed-wrap #header { width:100%;} .footbot { min-height: 38px; height: auto;} .nav-wrap2.mn4 #nav a { padding: 15px 4px;} #menu a { padding: 15px 4px;} .img-box { width: 300px; height: 220px;} .pad { padding-top: 2%;} .post-img { margin-bottom: 20px;} .plan-wrap article { width: 100%;} .author-detail { width: 254px;} .contact input { width: 288px; margin-right: 0;} .contact textarea { width: 278px;} .commentin { width: 92%;} #tline-content { width: 300px;} .tline-box { width: 250px;} .respo-tagline { font-size:27px; letter-spacing:0;} .quote-slider .testimonial-content h4 q { font-size:19px;} .vertical-space, .vertical-space1 { height: 8px;} .vertical-space2 { height: 14px;} .vertical-space3 { height: 28px;} .vertical-space4 { height: 40px;} .vertical-space5 { height: 60px;} } @media only screen and (min-width: 1200px) and (max-width: 12810px) { .pin-box { width: 344px; margin:15px;} } @media (min-width: 1200px){ #wrap.boxed-wrap, #wrap.boxed-wrap #header { width:1245px;} } @media only screen and (min-width: 1281px) { .white-space { height:110px;} h4.subtitle { margin:10px 0 20px 0;} .pin-box { width: 375px; margin:15px;} #testimonials-slider li { width:1100px;} .breadcrumbs-w .container { padding-left:30px;} .respo-tagline { font-size:70px; letter-spacing:-5px;} } @media only screen and (min-width: 768px) and (max-width: 960px) { #testimonials-slider li { width:860px;} .latest-works .portfolio-item { width:33.3%;} .pin-box { width: 350px;} } /* Small Mobile (devices and browsers) */ @media only screen and (max-width: 320px) { .container { width: 260px; } } @media only screen and (min-width: 1361px) { body.blog .container.page-content, .single .container.page-content { width: 1246px; } } /* Wordpress Player */ #wrap .mejs-container .mejs-controls { background: #282828;} #wrap .mejs-container .mejs-controls .mejs-time { color: #b8b8b8;} #wrap .mejs-button.mejs-playpause-button { margin-left: 7px;} #wrap .mejs-button.mejs-volume-button { margin-right: 7px;} #wrap .mejs-controls .mejs-time-rail .mejs-time-total { margin: 9px 13px;} #wrap .mejs-controls .mejs-time-rail .mejs-time-loaded { margin-top: 0 !important; background: #e1e1e1 !important;} #wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, #wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { margin-top: 3px !important;} #wrap .mejs-controls .mejs-time-rail .mejs-time-loaded, #wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; margin-top: 3px;} #wrap .mejs-controls .mejs-time-rail .mejs-time-current { position: relative;} #wrap .mejs-controls .mejs-time-rail .mejs-time-current:after { content: ''; display: inline-block; position: absolute; right: 0; width: 11px; height: 11px; margin-top: -4px; border-radius: 11px; background:#de2f68;} #wrap .mejs-controls .mejs-time-rail .mejs-time-current, #wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #de2f68;} #wrap .mejs-controls .mejs-time-rail, #wrap .mejs-controls .mejs-time-rail .mejs-time-total, #wrap .mejs-controls .mejs-time-rail .mejs-time-loaded, #wrap .mejs-controls .mejs-time-rail .mejs-time-current, #wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, #wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { height: 3px; border-radius: 3px;} /* ---------------------