@charset "UTF-8";
  #wrapper, #main, .banner, .price-section, .counter-section, .pie-section, .joinus-section, .video-section, .personal-banner, .lancer-banner, .wedding-banner, .love-story, .invite-text, .wedding-photos {
width: 100%;
overflow: hidden;
position: relative;
}
.client-box img, .personal-exper.style3 .img-box img {
max-width: 100%;
display: block;
height: auto;
}
.happy-couple .img-box img {
width: 100%;
display: block;
height: auto;
}
.lancer-do .list-do {
list-style: none;
margin: 0;
padding: 0;
}
.banner:after, .team-block .over, .team-box .over, .testimon-section:after, .portfolio-block .title:after, .portfolio-block .text-box:after, .isotop-controls2 a:after, .isotop-controls2 li:after, .isotop-controls3 a:after, .isotop-controls3 li:after, .isotop-controls4 a:before, .isotop-controls4 .view-all:before, .price-section:after, .blog-section .beans-stepslider .beans-pagination a:after, .blog-m-post.style2 .icon:before, .facts-section .num:after, .counter-section:after, .counter-section .num:after, .banner-img:after, .pie-section:after, .joinus-section:after, .counter-container .num:after, .clients-section3 .list li:after, .video-section:after, .nav-tabs > li > a:before, .nav-tabs > li.active > a:before, .nav-tabs > li.active > a:hover:before, .nav-tabs > li.active > a:focus:before, .personal-exper .p-holder:after, .love-story .row-holder:before {
content: '';
position: absolute;
}
.business-block:after, .love-story .row-holder:after {
content: " ";
display: block;
clear: both;
}
.team-block .over, .team-box .over, .portfolio-block .over, .portfolio-block.style5 .holder, .portfolio-text .holder, .pie-section .parallax-holder, .joinus-section .parallax-holder, .video-section .video-area, .welcom-banner .beans-fadeslider, .wedding-banner .banner-over, .wedding-photos .over {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.testimon-section, .price-section, .counter-section, .banner-img {
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 0;
}
body {
font-family: Lato, Georgia, serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #8f8f8f;
background: #fff;
}
@media only screen and (max-width: 767px) {
body {
font-size: 14px;
}
}
.type2.wedo-section .icon {
border: 1px solid #8f8f8f;
color: #8f8f8f;
}
.lancer-do a {
color: #8f8f8f;
}
.wpb_toggles_wrapper .vc_tta-panel-body {
color: #8f8f8f;
}
.meta li a {
color: #8f8f8f;
}
.lancer-about {
color: #8f8f8f;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #8f8f8f !important;
}
.nav-links a {
color: #8f8f8f;
}
.caculator > .vc_column-inner {
color: #8f8f8f;
}
.woocommerce div.product .woocommerce-tabs .panel {
color: #8f8f8f;
}
.description-header .woocommerce-review-link {
color: #8f8f8f;
}
.variations a.reset_variations {
color: #8f8f8f;
}
.const-services .box-block {
color: #8f8f8f;
}
.const-services.style3 .slick-list {
color: #8f8f8f;
}
#footer .fekra_widget_subscribe label {
color: #8f8f8f;
}
#header.style4 {
background: rgba(255, 255, 255, 0.95);
}   #wrapper {
z-index: 1;
} .w1 {
position: relative;
-webkit-transition: margin 0.4s ease;
-moz-transition: margin 0.4s ease;
-o-transition: margin 0.4s ease;
transition: margin 0.4s ease;
}
.tp-loader.spinner4 {
display: none !important;
} .mainslider {
color: #fff;
overflow: hidden;
position: relative;
}
.mainslider .title {
display: block;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 21px !important;
font-weight: 300 !important;
line-height: 25px !important;
}
@media only screen and (max-width: 991px) {
.mainslider .title {
font-size: 18px !important;
}
}
@media only screen and (max-width: 767px) {
.mainslider .title {
font-size: 16px !important;
line-height: 20px !important;
margin: -30px 0 0 -10px !important;
}
}
.mainslider .title2 {
font: 24px/25px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
@media only screen and (max-width: 991px) {
.mainslider .title2 {
font-size: 18px !important;
}
}
@media only screen and (max-width: 767px) {
.mainslider .title2 {
font-size: 16px !important;
line-height: 20px !important;
}
}
.mainslider .heading {
text-align: center;
text-transform: uppercase;
letter-spacing: 0.4px !important;
font: 500 54px/56px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
@media only screen and (max-width: 1219px) {
.mainslider .heading {
font-size: 40px !important;
line-height: 50px !important;
}
}
@media only screen and (max-width: 767px) {
.mainslider .heading {
font-size: 25px !important;
line-height: 30px !important;
}
}
.mainslider .heading .add {
font-weight: 300;
}
.mainslider .heading2 {
text-align: center;
text-transform: uppercase;
letter-spacing: 0.6px !important;
font: 700 60px/65px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
@media only screen and (max-width: 1219px) {
.mainslider .heading2 {
font-size: 40px !important;
line-height: 50px !important;
}
}
@media only screen and (max-width: 767px) {
.mainslider .heading2 {
font-size: 25px !important;
line-height: 30px !important;
}
}
.mainslider .btn-box {
overflow: hidden;
text-align: center;
cursor: default !important;
}
@media only screen and (max-width: 767px) {
.mainslider .btn-box {
margin: 80px 0 0 !important;
}
}
.mainslider .btn-box .btn {
margin: 0 3px 0 5px;
font-size: 12px !important;
}
@media only screen and (max-width: 767px) {
.mainslider .btn-box .btn {
margin: 0 3px;
padding: 10px !important;
border-width: 1px !important;
}
}
.mainslider .tp-bullets {
display: none !important;
}
.mainslider .slideset {
position: relative;
}
@media only screen and (max-width: 767px) {
.rev_slider_wrapper[data-alias="business"] .tp-caption .btn, .rev_slider_wrapper[data-alias="business"] .btn-box.add .btn-f-default {
margin-bottom: 15px !important;
}
} .main-slider {
overflow: hidden;
position: relative;
text-transform: uppercase;
}
.main-slider .beans-fadeslider {
height: 80px;
overflow: visible;
}
@media only screen and (max-width: 767px) {
.main-slider .beans-fadeslider.text-rotator h1 {
font-size: 30px;
line-height: 30px;
}
}
.main-slider .caption {
z-index: 99;
width: 100%;
color: #fff;
min-height: 600px;
text-align: center;
position: relative;
white-space: nowrap;
}
.main-slider .caption .holder {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.main-slider .caption:before {
content: '';
vertical-align: middle;
display: inline-block;
height: 100%;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
}
@media only screen and (max-width: 767px) {
.main-slider .caption {
min-height: 400px;
}
}
.main-slider .caption .holder {
width: 99%;
padding: 0 0 11px;
}
@media only screen and (max-width: 767px) {
.main-slider .caption .holder {
padding: 90px 0 0;
}
}
.main-slider .title {
display: block;
font-size: 21px;
font-weight: 300;
margin: 0 0 41px;
line-height: 25px;
text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
.main-slider .title {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.main-slider .title {
font-size: 16px;
line-height: 20px;
}
}
.main-slider .title2 {
display: block;
margin: 0 0 41px;
text-transform: capitalize;
font: 24px/25px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 991px) {
.main-slider .title2 {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.main-slider .title2 {
font-size: 16px;
line-height: 20px;
}
}
.main-slider .heading, .main-slider .heading2 {
margin: 0 0 29px;
text-align: center;
text-transform: uppercase;
font: 700 60px/65px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 1219px) {
.main-slider .heading, .main-slider .heading2 {
font-size: 40px;
line-height: 50px;
}
}
@media only screen and (max-width: 767px) {
.main-slider .heading, .main-slider .heading2 {
font-size: 25px;
margin: 0 0 15px;
line-height: 30px;
}
}
.main-slider .btn-box {
overflow: hidden;
text-align: center;
}
@media only screen and (max-width: 767px) {
.main-slider .btn-box {
margin: 40px 0 0;
}
}
.main-slider .btn-box .btn {
margin: 0 3px 0 5px;
}
@media only screen and (max-width: 767px) {
.main-slider .btn-box .btn {
margin: 0 0 15px;
}
}
.main-slider .btn-prev, .main-slider .btn-next {
right: 0;
top: 50%;
opacity: 0;
z-index: 9;
color: #fff;
font-size: 60px;
margin: -46px 0 0;
position: absolute;
visibility: visible;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media only screen and (max-width: 767px) {
.main-slider .btn-prev, .main-slider .btn-next {
margin: -20px 0 0;
right: 15px;
}
}
.main-slider .btn-prev:hover, .main-slider .btn-next:hover {
opacity: 0.8;
text-decoration: none;
}
.main-slider .btn-prev {
left: 0;
right: auto;
}
.main-slider .beans-pagination {
bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.main-slider .beans-pagination li {
margin: 0 3px 0 2px;
display: inline-block;
vertical-align: top;
}
.main-slider .beans-pagination a {
display: block;
overflow: hidden;
border-radius: 50%;
text-indent: -9999px;
width: 12px;
height: 12px;
border: 2px solid #fff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.main-slider .beans-pagination a:hover {
text-decoration: none;
}
.main-slider .stretch {
z-index: auto !important;
}
@media only screen and (max-width: 767px) {
.main-slider.style3 .caption {
min-height: 600px;
}
}
.main-slider.style3 .caption .holder {
padding: 140px 0 11px;
}
.main-slider.style3 .title {
color: #fff;
margin: 0 0 3px;
font: 32px/40px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.main-slider.style3 h1 {
color: #fff;
margin: 0 0 11px;
font: 700 60px/80px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.main-slider.style3 h1 {
font-size: 30px;
line-height: 45px;
}
}
.main-slider:hover .btn-next {
opacity: 1;
right: 29px;
visibility: visible;
}
@media only screen and (max-width: 767px) {
.main-slider:hover .btn-next {
right: 15px;
}
}
.main-slider:hover .btn-prev {
opacity: 1;
left: 29px;
right: auto;
visibility: visible;
}
@media only screen and (max-width: 767px) {
.main-slider:hover .btn-prev {
right: auto;
left: 15px;
}
}
.main-slider:hover .beans-pagination {
opacity: 1;
bottom: 20px;
visibility: visible;
} #main {
z-index: 9998;
} .history-section {
font-size: 16px;
line-height: 26px;
padding: 88px 0 0;
}
@media only screen and (max-width: 767px) {
.history-section {
line-height: 20px;
padding: 30px 0 0;
}
}
.history-section .text-box {
max-width: 840px;
color: #666;
font-style: italic;
text-align: center;
margin: 0 auto 53px;
}
@media only screen and (max-width: 767px) {
.history-section .text-box {
margin: 0 auto 30px;
}
}
.history-section .img-box {
font-size: 0;
overflow: hidden;
letter-spacing: -4px;
}
@media only screen and (max-width: 767px) {
.history-section .img-box {
text-align: center;
}
}
.history-section .img-box img {
width: 100%;
}
.history-section .img-box .img1 {
margin: 5px 10px 0 0;
display: block;
max-width: 100%;
height: auto;
max-width: 287px;
display: inline-block;
vertical-align: bottom;
}
@media only screen and (max-width: 1219px) {
.history-section .img-box .img1 {
max-width: 225px;
}
}
@media only screen and (max-width: 991px) {
.history-section .img-box .img1 {
max-width: 185px;
}
}
@media only screen and (max-width: 767px) {
.history-section .img-box .img1 {
max-width: 100%;
}
}
.history-section .img-box .img2 {
margin: 5px 10px 0 0;
display: block;
max-width: 100%;
height: auto;
max-width: 569px;
display: inline-block;
vertical-align: bottom;
}
@media only screen and (max-width: 1219px) {
.history-section .img-box .img2 {
max-width: 470px;
}
}
@media only screen and (max-width: 991px) {
.history-section .img-box .img2 {
max-width: 330px;
}
}
@media only screen and (max-width: 767px) {
.history-section .img-box .img2 {
max-width: 100%;
}
}
.history-section .img-box .img3 {
display: block;
max-width: 100%;
height: auto;
max-width: 287px;
display: inline-block;
vertical-align: bottom;
}
@media only screen and (max-width: 1219px) {
.history-section .img-box .img3 {
max-width: 225px;
}
}
@media only screen and (max-width: 991px) {
.history-section .img-box .img3 {
max-width: 185px;
}
}
@media only screen and (max-width: 767px) {
.history-section .img-box .img3 {
max-width: 100%;
}
}
.history-section .img-center {
display: block;
margin: 0 auto 20px;
}
.history-section .title {
display: block;
margin: 0 0 20px;
font-weight: 700;
}
.history-section.style2 {
font-size: 18px;
font-weight: 300;
}
@media only screen and (max-width: 767px) {
.history-section.style2 {
font-size: 16px;
}
}
.history-section.style2 p {
margin: 0 0 57px;
} .f-iconbox {
z-index: 5;
font-size: 14px;
line-height: 24px;
position: relative;
padding-left: 0;
}
.f-iconbox .icon {
font-size: 25px;
padding: 20px 0 0;
text-align: center;
border-radius: 50%;
width: 68px;
height: 68px;
border: 2px solid transparent;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media only screen and (max-width: 1219px) {
.f-iconbox .icon {
margin: 0 8px 0 0;
}
}
.f-iconbox .title {
color: #2a2a2a;
display: block;
margin: 0 0 9px;
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
}
.dark .f-iconbox .title {
color: #fff;
}
.f-iconbox p {
margin: 0;
}
.f-iconbox.large {
font-size: 15px;
}
.f-iconbox.large .title {
font-size: 16px;
}
.f-iconbox.right {
padding-left: 0;
text-align: right;
padding-right: 96px;
}
.f-iconbox.right .icon {
right: 0;
left: auto;
}
.f-iconbox.light .icon {
color: #ddd;
border-color: #ddd;
}
.dark .f-iconbox.light .icon {
color: #8f8f8f;
border-color: #494949;
}
.f-iconbox.light:hover .icon {
color: #fff !important;
}
.f-iconbox.radius-zero .icon {
border-radius: 0;
}
.f-iconbox.noicon {
padding-right: 0;
}
.f-iconbox.noicon .icon {
display: none;
}
.f-iconbox:hover .icon {
color: #fff !important;
}
.f-iconbox:hover .icon.border-zero {
color: inherit;
} .banner {
color: #fff;
text-align: center;
position: relative;
padding: 89px 0 95px;
font: 300 italic 32px/54px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
z-index: 1;
}
.banner:after {
top: 0;
z-index: -1;
bottom: 0;
left: 0;
right: 0;
background: transparent;
}
.banner:after {
background: rgba(55, 63, 69, 0.7);
}
.banner p {
margin: 0 0 34px;
}
@media only screen and (max-width: 1219px) {
.banner {
font-size: 30px;
line-height: 50px;
}
}
@media only screen and (max-width: 767px) {
.banner {
font-size: 20px;
line-height: 25px;
}
}
.banner.style2:after {
background: rgba(0, 0, 0, 0.1);
}
.banner.style3:after {
background: rgba(0, 0, 0, 0.5);
}
.banner .parallax-holder {
z-index: -1;
} .team-block {
font-size: 11px;
font-weight: 700;
overflow: hidden;
line-height: 20px;
text-align: center;
position: relative;
margin-bottom: 10px;
letter-spacing: 1px;
text-transform: uppercase;
}
.team-block .img-box {
position: relative;
margin: 0 0 25px;
}
.team-block .img-box img {
width: 100%;
}
.team-block .over {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.team-block .social-network {
top: 50%;
left: 0;
right: 0;
opacity: 0;
color: #fff;
font-size: 21px;
margin: -11px 0 0;
position: absolute;
visibility: hidden;
}
.team-block .social-network li {
opacity: 0;
position: relative;
visibility: hidden;
padding: 0 7px 0 14px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.team-block .social-network a {
color: #fff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.team-block .social-network a:hover {
opacity: 0.85;
text-decoration: none;
}
.team-block .social-network .add {
-webkit-transform: translateY(-80px);
-ms-transform: translateY(-80px);
transform: translateY(-80px);
}
.team-block .social-network .add2 {
-webkit-transform: translateY(80px);
-ms-transform: translateY(80px);
transform: translateY(80px);
}
.team-block .heading {
margin: 0;
color: #2a2a2a;
letter-spacing: 2px;
text-transform: uppercase;
font: 700 14px/ 20px 'Lato', Georgia, "Times New Roman", Times, serif;
}
.team-block .heading a {
color: #2a2a2a;
}
.dark .team-block .heading a {
color: #fff;
}
.team-block .heading a:hover {
opacity: 0.85;
text-decoration: none;
}
.dark .team-block .heading {
color: #fff;
}
.team-block:hover .social-network, .team-block:hover .over {
opacity: 0.85;
visibility: visible;
}
.team-block:hover .add, .team-block:hover .add2 {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.team-block.style2 {
text-transform: lowercase;
background: #f8f8f8;
}
.dark .team-block.style2 {
background: #191919;
}
.team-block.style2 .heading {
text-transform: lowercase;
text-transform: capitalize;
}
.team-block.style2 .title {
display: block;
padding: 5px 0 20px;
text-transform: uppercase;
}
.team-block.style2 .block {
overflow: hidden;
padding: 0 8% 24px;
}
.team-block.style2:hover {
background: #2a2a2a;
}
.team-block.style2:hover .heading {
color: #fff;
} .team-box {
color: #8f8f8f;
font-size: 11px;
font-weight: 700;
overflow: hidden;
line-height: 20px;
text-align: center;
position: relative;
background: #f8f8f8;
text-transform: uppercase;
}
.dark .team-box {
background: #191919;
}
@media only screen and (max-width: 991px) {
.team-box {
margin-bottom: 20px;
}
}
.team-box .plus {
top: 50%;
left: 50%;
opacity: 0;
color: #fff;
font-size: 150px;
font-weight: 100;
visibility: hidden;
position: absolute;
margin: -10px 0 0 -32px;
font-family: 'Raleway', Georgia, "Times New Roman", Times, serif;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.team-box .plus:hover {
opacity: 0.8;
text-decoration: none;
}
.team-box .img-box {
position: relative;
margin: 0 0 25px;
}
.team-box .img-box img {
width: 100%;
height: 100%;
}
.team-box .over {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.team-box p {
margin: 0 0 26px;
letter-spacing: 1px;
}
.team-box .social-network {
margin: 0;
color: #8f8f8f;
font-size: 17px;
padding: 15px 0 14px;
border-top: 1px solid #fff;
}
.dark .team-box .social-network {
border-color: #494949;
}
.team-box .social-network li {
position: relative;
padding: 0 12px 0 10px;
}
.team-box .social-network a {
color: #8f8f8f;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.team-box .social-network a:hover {
opacity: 0.85;
text-decoration: none;
}
.team-box .heading {
color: #2a2a2a;
margin: 0 0 9px;
letter-spacing: 2px;
text-transform: uppercase;
font: 700 14px/20px 'Lato', Georgia, "Times New Roman", Times, serif;
}
@media only screen and (max-width: 1219px) {
.team-box .heading {
font-size: 12px;
}
}
.dark .team-box .heading {
color: #fff;
}
.team-box .heading a {
color: #2a2a2a;
}
.dark .team-box .heading a {
color: #fff;
}
.team-box .heading a:hover {
opacity: 0.85;
text-decoration: none;
}
.team-box .info-box {
font-size: 11px;
font-weight: 700;
overflow: hidden;
padding: 5px 0 0;
}
.team-box .info-box .add-text {
float: left;
margin: 0 30px 0 0;
}
@media only screen and (max-width: 1219px) {
.team-box .info-box .add-text {
margin: 0 10px 0 0;
}
}
.team-box .info-box .add-text:first-child {
margin: 0;
float: right;
}
.team-box:hover {
background: #2a2a2a;
}
.team-box:hover .heading {
color: #fff;
}
.team-box:hover .social-network a {
color: #fff;
}
.team-box:hover .over {
opacity: 0.9;
visibility: visible;
}
.team-box:hover .plus {
opacity: 1;
visibility: visible;
}
.team-box.style2 {
font-size: 13px;
margin: 0 0 27px;
overflow: hidden;
text-align: left;
line-height: 24px;
font-weight: normal;
text-transform: inherit;
background: #f8f8f8;
border: 1px solid #f2f2f2;
}
.dark .team-box.style2 {
background: #191919;
border-color: #494949;
}
@media only screen and (max-width: 1219px) {
.team-box.style2 {
font-size: 11px;
line-height: 20px;
}
}
.team-box.style2.right {
text-align: right;
}
@media only screen and (max-width: 991px) {
.team-box.style2.right {
text-align: left;
}
}
.team-box.style2.right .img-box {
float: right;
}
@media only screen and (max-width: 991px) {
.team-box.style2.right .img-box {
float: none;
}
}
.team-box.style2.right .block {
padding: 30px 28px 0 30px;
}
@media only screen and (max-width: 1219px) {
.team-box.style2.right .block {
padding: 15px 10px 0;
}
}
@media only screen and (max-width: 991px) {
.team-box.style2.right .block {
padding: 25px 15px;
}
}
.team-box.style2.right .social-network li {
padding: 0 1px 0 21px;
}
@media only screen and (max-width: 991px) {
.team-box.style2.right .social-network li {
padding: 0 21px 0 1px;
}
}
.team-box.style2.right .info-box .add-text:first-child {
margin: 0;
float: right;
}
.team-box.style2 p {
margin: 0 0 20px;
}
@media only screen and (max-width: 1219px) {
.team-box.style2 p {
margin: 0 0 10px;
}
}
.team-box.style2 .block {
overflow: hidden;
padding: 30px 28px 0 28px;
}
@media only screen and (max-width: 1219px) {
.team-box.style2 .block {
padding: 15px 10px 0;
}
}
@media only screen and (max-width: 991px) {
.team-box.style2 .block {
padding: 25px 15px;
}
}
.team-box.style2 .img-box {
margin: 0;
float: left;
max-width: 270px;
}
@media only screen and (max-width: 1219px) {
.team-box.style2 .img-box {
max-width: 200px;
}
}
@media only screen and (max-width: 991px) {
.team-box.style2 .img-box {
float: none;
max-width: 100%;
}
}
.team-box.style2 .heading {
margin: 0 0 3px;
}
.team-box.style2 .subtitle {
display: block;
font-size: 11px;
margin: 0 0 18px;
text-transform: uppercase;
}
@media only screen and (max-width: 1219px) {
.team-box.style2 .subtitle {
margin: 0 0 9px;
}
}
.team-box.style2 .social-network {
padding: 0;
border-top: 0;
font-size: 16px;
}
.team-box.style2 .social-network li {
padding: 0 22px 0 0;
}
.team-box.style2:hover h3 {
color: #2a2a2a;
}
.dark .team-box.style2:hover h3 {
color: #fff;
}
.team-box.style2:hover .social-network {
background: transparent;
}
.team-box.style2:hover .social-network a {
color: #8f8f8f;
}
.team-box.style3 .img-box {
margin: 0;
}
.team-box.style3 .over {
background: rgba(0, 0, 0, 0.95) !important;
}
.team-box.style3 .social-network {
margin: 0 0 25px;
border-bottom: 1px solid #fff;
}
.dark .team-box.style3 .social-network {
border-color: #494949;
}
.team-box.style3 .social-network a {
color: #fff;
} .testimon-section {
overflow: hidden;
position: relative;
padding: 90px 0 80px;
position: relative;
z-index: 1;
}
.testimon-section:after {
top: 0;
z-index: -1;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.4);
}
.testimon-section .icon {
color: #fff;
display: block;
font-size: 21px;
padding: 17px 0 0;
text-align: center;
border-radius: 50%;
margin: 0 auto 24px;
width: 63px;
height: 63px;
}
.testimon-section .img {
display: block;
border-radius: 50%;
margin: 0 auto 29px;
}
.testimon-section blockquote {
padding: 0;
color: #fff;
border-left: 0;
max-width: 885px;
text-align: center;
margin: 0 auto 60px;
font: 300 italic 21px/30px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
background: none;
}
.testimon-section blockquote a {
color: #fff;
}
.testimon-section blockquote a:hover {
opacity: 0.8;
text-decoration: none;
}
.testimon-section blockquote:after {
content: '';
}
.testimon-section q {
display: block;
margin: 0 0 23px;
}
.testimon-section q:after, .testimon-section q:before {
font-size: 30px;
}
.testimon-section cite {
display: block;
font: 16px/20px 'Lato', Georgia, "Times New Roman", Times, serif;
}
.testimon-section .name {
display: block;
font-weight: 400;
font-weight: 600;
margin-bottom: 6px;
letter-spacing: 2px;
text-transform: uppercase;
}
.testimon-section .comp-name {
display: block;
font-size: 11px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
}
.testimon-section .beans-pagination li {
margin: 0 3px;
display: inline-block;
vertical-align: top;
}
.testimon-section .beans-pagination a {
display: block;
overflow: hidden;
border-radius: 50%;
text-indent: -9999px;
width: 10px;
height: 10px;
border: 2px solid #fff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.testimon-section .beans-pagination a:hover {
text-decoration: none;
}
.testimon-section .beans-pagination.small a {
width: 10px;
height: 10px;
}
.testimon-section .parallax-holder {
z-index: -1;
}
.testimon-section.alt-version blockquote {
color: #8f8f8f;
}
.testimon-section.alt-version blockquote a {
color: #8f8f8f;
}
.testimon-section.alt-version blockquote q {
margin: 0 0 49px;
}
.testimon-section.alt-version blockquote q:before, .testimon-section.alt-version blockquote q:after {
display: none;
}
.testimon-section.alt-version blockquote .fa {
display: block;
margin: 0 0 27px;
}
.testimon-section.alt-version blockquote .name {
color: #2a2a2a;
}
.dark .testimon-section.alt-version blockquote .name {
color: #fff;
}
.testimon-section.alt-version .beans-pagination a {
border-color: #ddd;
width: 12px;
height: 12px;
} .work-section {
overflow: hidden;
}
.work-section .icotop-holder {
overflow: hidden;
position: relative;
}
.work-section.space {
padding-left: 30px;
}
@media only screen and (max-width: 767px) {
.work-section.space {
padding-left: 0;
}
}
.work-section.space #work-filter {
padding-right: 30px;
}
@media only screen and (max-width: 767px) {
.work-section.space #work-filter {
padding-right: 0;
}
} .portfolio-block {
float: left;
width: 100%;
overflow: hidden;
letter-spacing: 2px;
}
.portfolio-block a {
color: #8f8f8f;
}
.portfolio-block a:hover {
text-decoration: none;
}
.portfolio-block .box {
position: relative;
margin: 0 30px 30px 0;
}
@media only screen and (max-width: 767px) {
.portfolio-block .box {
margin: 0 0 30px;
}
}
.portfolio-block .box:hover .over {
opacity: 1;
visibility: visible;
}
.portfolio-block .box:hover .over-frame {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.portfolio-block .box-holder {
padding-top: 100%;
}
.portfolio-block .box-holder.half {
padding-top: 50%;
}
@media only screen and (max-width: 767px) {
.portfolio-block .box-holder.half {
padding-top: 100%;
}
}
.portfolio-block .holder {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
}
.portfolio-block .frame {
padding: 19px 0 0;
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle;
}
.portfolio-block .over {
opacity: 0;
z-index: 99;
text-align: center;
visibility: hidden;
text-transform: uppercase;
background: rgba(0, 0, 0, 0.9);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
font: 600 12px/20px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.portfolio-block .over .plus {
height: 40px;
display: block;
font-size: 120px;
font-weight: 100;
margin: 0 0 16px;
font-family: 'Raleway', Georgia, "Times New Roman", Times, serif;
}
.portfolio-block .over .plus.small {
font-size: 80px;
height: 36px;
margin: -17px 0 12px;
}
.portfolio-block .over:hover {
text-decoration: none;
}
.portfolio-block .over.capitalize {
text-transform: lowercase;
text-transform: capitalize;
}
.portfolio-block .over-frame {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: translateY(80px);
-ms-transform: translateY(80px);
transform: translateY(80px);
display: block;
}
.portfolio-block .over-frame.no-animate {
-webkit-transition: all 0s ease;
-moz-transition: all 0s ease;
-o-transition: all 0s ease;
transition: all 0s ease;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.portfolio-block .title {
color: #fff;
display: block;
margin: 0 0 10px;
padding: 0 0 14px;
position: relative;
text-transform: capitalize;
font: 600 18px/30px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.portfolio-block .title:after {
bottom: 0;
left: 50%;
margin: 0 0 0 -14px;
width: 28px;
height: 4px;
}
.portfolio-block .title.upper {
text-transform: uppercase;
}
.portfolio-block .heading {
color: #fff;
display: block;
margin: 0 0 15px;
text-transform: capitalize;
font: italic 300 48px/50px 'Lato', Georgia, "Times New Roman", Times, serif;
}
@media only screen and (max-width: 1219px) {
.portfolio-block .heading {
font-size: 30px;
line-height: 40px;
}
}
.portfolio-block .heading.upper {
text-transform: uppercase;
}
.portfolio-block img {
width: 100%;
}
.portfolio-block .search {
bottom: 0;
right: 57px;
color: #fff;
font-size: 26px;
padding: 13px 0 0;
text-align: center;
position: absolute;
width: 57px;
height: 57px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.portfolio-block .search:hover {
color: #2a2a2a;
background: #f8f8f8;
}
.portfolio-block .link {
right: 0;
bottom: 0;
color: #2a2a2a;
font-size: 25px;
padding: 16px 0 0;
text-align: center;
position: absolute;
width: 57px;
height: 57px;
background: #f8f8f8;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.portfolio-block .link:hover {
color: #fff;
text-decoration: none;
background: #e74c3c;
}
.portfolio-block .btn {
border-width: 2px;
font-weight: 700;
}
.portfolio-block .btn:hover {
color: #000;
background: #fff;
border-color: #fff;
}
.portfolio-block .text-box {
z-index: 100;
position: relative;
padding: 11px 18px 6px;
background: #f8f8f8;
}
.dark .portfolio-block .text-box {
background: #191919;
}
.portfolio-block .text-box:after {
left: 21px;
top: -14px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 16px 7px;
border-color: transparent transparent #f8f8f8 transparent;
}
.dark .portfolio-block .text-box:after {
border-color: transparent transparent #191919 transparent;
}
.portfolio-block .img-box {
overflow: hidden;
position: relative;
}
.portfolio-block.style2 .over {
top: 100%;
opacity: 1;
visibility: visible;
}
.portfolio-block.style2 .box:hover .over {
top: 0;
}
.portfolio-block.style3 .box:hover .over {
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}
.portfolio-block.style4 .link, .portfolio-block.style4 .search {
right: 50%;
bottom: 50%;
}
.portfolio-block.style4 .link {
margin: 0 -37px -30px 0;
}
.portfolio-block.style4 .search {
margin: 0 20px -30px 0;
}
.portfolio-block.style4 .search.center {
margin: 0 -28px -30px 0;
}
.portfolio-block.style5 .title {
color: #2a2a2a;
}
.portfolio-block.style5 .over {
opacity: 1;
background: none;
visibility: visible;
}
.portfolio-block.style5 .holder {
top: auto;
height: auto;
display: block;
}
.portfolio-block.style5 .frame {
padding: 0;
display: block;
}
.portfolio-block.style5 .over-frame {
background: #fff;
transition: all 0.25s linear;
padding: 28px 20px 29px 28px;
transform: translateY(160px);
-ms-transform: translateY(160px);
-webkit-transform: translateY(160px);
position: relative;
}
.portfolio-block.style5 .over-frame:before {
position: absolute;
content: "";
top: -14px;
bottom: auto;
left: 28px;
right: auto;
}
.portfolio-block.style5 .over-frame:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 14px 14px 14px;
border-color: transparent transparent #fff transparent;
}
@media only screen and (max-width: 1219px) {
.portfolio-block.style5 .over-frame {
transform: translateY(190px);
-ms-transform: translateY(190px);
-webkit-transform: translateY(190px);
}
}
.portfolio-block.style5 img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.portfolio-block.style5 .box:hover .studio-over {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.portfolio-block.style5 .box:hover img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
.portfolio-block.style6 .title {
color: #000101;
}
.dark .portfolio-block.style6 .title {
color: #8f8f8f;
}
.portfolio-block.style6 .title a {
color: #000101;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dark .portfolio-block.style6 .title a {
color: #8f8f8f;
}
.portfolio-block.style6 .title a:hover {
color: #fff;
text-decoration: none;
}
.portfolio-block.style6 .box:hover .text-box {
background: #2a2a2a;
}
.portfolio-block.style6 .box:hover .text-box:after {
border-color: transparent transparent #2a2a2a transparent;
}
.portfolio-block.style6 .box:hover .title {
color: #fff;
}
.portfolio-block.style6 .box:hover .title a {
color: #fff;
}
.portfolio-block.style6 .box:hover .title a:hover {
color: #000101;
} .porto-nav {
margin: 0;
color: #8f8f8f;
font-size: 11px;
line-height: 14px;
overflow: hidden;
text-transform: uppercase;
}
.porto-nav li {
padding: 0;
position: relative;
}
.porto-nav li:after {
position: absolute;
content: "";
top: 0;
bottom: auto;
left: 0;
right: auto;
}
.porto-nav li:before {
content: "/";
}
.porto-nav li:first-child:before {
display: none;
}
.porto-nav a {
color: #8f8f8f;
} .portfolio-text {
float: left;
width: 100%;
color: #fff;
background: #2a2a2a;
position: relative;
font: 300 24px/44px 'Raleway', Georgia, "Times New Roman", Times, serif;
}
.dark .portfolio-text {
background: #191919;
}
@media only screen and (max-width: 1219px) {
.portfolio-text {
font-size: 18px;
line-height: 22px;
}
}
.portfolio-text .box-holder {
padding-top: 50%;
position: relative;
}
@media only screen and (max-width: 991px) {
.portfolio-text .box-holder {
padding-top: 35%;
}
}
@media only screen and (max-width: 767px) {
.portfolio-text .box-holder {
padding-top: 100%;
}
}
@media only screen and (max-width: 479px) {
.portfolio-text .box-holder {
padding-top: 80%;
}
}
.portfolio-text .holder {
display: block;
text-align: center;
}
.portfolio-text .frame {
margin: 0 auto;
max-width: 290px;
display: table;
vertical-align: top;
}
.portfolio-text .block {
max-width: 500px;
overflow: hidden;
padding: 80px 0 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 1480px) {
.portfolio-text .block {
padding: 40px 0 0;
}
}
@media only screen and (max-width: 991px) {
.portfolio-text .block {
padding: 80px 0 0;
}
}
.portfolio-text p {
margin: 0 0 16px;
}
.portfolio-text .btn {
color: #8f8f8f;
border-color: #8f8f8f;
}
.portfolio-text .btn:hover {
color: #fff;
}
.coll-2 {
width: 50%;
}
@media only screen and (max-width: 500px) {
.coll-2 {
width: 100%;
}
}
.coll-3 {
width: 33.333%;
}
@media only screen and (max-width: 991px) {
.coll-3 {
width: 50%;
}
}
@media only screen and (max-width: 500px) {
.coll-3 {
width: 100%;
}
}
.coll-4 {
width: 25%;
}
@media only screen and (max-width: 991px) {
.coll-4 {
width: 50%;
}
}
@media only screen and (max-width: 500px) {
.coll-4 {
width: 100%;
}
}
.coll-5 {
width: 20%;
}
@media only screen and (max-width: 1400px) {
.coll-5 {
width: 25%;
}
}
@media only screen and (max-width: 1219px) {
.coll-5 {
width: 33.333%;
}
}
@media only screen and (max-width: 991px) {
.coll-5 {
width: 50%;
}
}
@media only screen and (max-width: 500px) {
.coll-5 {
width: 100%;
}
}
.coll-6 {
width: 16.6666%;
}
@media only screen and (max-width: 1219px) {
.coll-6 {
width: 25%;
}
}
@media only screen and (max-width: 991px) {
.coll-6 {
width: 33.33%;
}
}
@media only screen and (max-width: 767px) {
.coll-6 {
width: 50%;
}
}
@media only screen and (max-width: 500px) {
.coll-6 {
width: 100%;
}
}
.coll3-holder {
margin: 0 -1px 0 0;
}
.nospace .box {
margin: 0;
} .work-slider .beans-slideset {
float: none;
font-size: 0;
white-space: nowrap;
letter-spacing: -4px;
width: 100% !important;
}
.work-slider .beans-slide {
float: none;
overflow: hidden;
letter-spacing: 0;
white-space: normal;
width: 25% !important;
display: inline-block;
vertical-align: top;
}
@media only screen and (max-width: 991px) {
.work-slider .beans-slide {
width: 50% !important;
}
}
@media only screen and (max-width: 767px) {
.work-slider .beans-slide {
width: 100% !important;
}
}
.work-slider .btn-prev, .work-slider .btn-next {
float: right;
color: #2a2a2a;
font-size: 25px;
background: #ddd;
line-height: 40px;
text-align: center;
border-radius: 50%;
margin: 0 2px 0 2px;
width: 40px;
height: 40px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
display: inline-block;
vertical-align: top;
}
.work-slider .btn-prev:hover, .work-slider .btn-next:hover {
color: #fff;
text-decoration: none;
}
.dark .work-slider .btn-prev, .dark .work-slider .btn-next {
color: #fff;
background: #191919;
}
.work-pagination {
bottom: 24px;
}
.work-pagination li {
padding: 0 4px;
float: none;
display: inline-block;
vertical-align: top;
}
.work-pagination li.active a {
background: #fff;
}
.work-pagination li a {
display: block;
border-radius: 50%;
text-indent: -9999px;
width: 10px;
height: 10px;
border: 2px solid #fff;
}
.work-pagination li a:hover {
background: #fff;
text-decoration: none;
} .isotop-controls {
margin: 0 0 62px;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
font: 600 12px/20px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.isotop-controls {
margin: 0 0 20px;
}
}
.isotop-controls li {
margin: 0 -8px;
vertical-align: top;
}
@media only screen and (max-width: 767px) {
.isotop-controls li {
margin: 0 0 5px;
}
}
.isotop-controls li.active a {
color: #fff;
}
.isotop-controls a {
color: #222;
display: block;
padding: 7px 20px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dark .isotop-controls a {
color: #fff;
}
.isotop-controls a:hover {
color: #fff;
text-decoration: none;
}
.isotop-controls.leftalign {
text-align: left;
}
.isotop-controls.rightalign {
text-align: right;
} .isotop-controls2 {
margin: 0 0 62px;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
font: 600 12px/20px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.isotop-controls2 {
margin: 0 0 20px;
}
}
.isotop-controls2 a {
color: #2a2a2a;
display: block;
padding: 0 0 14px;
position: relative;
}
.dark .isotop-controls2 a {
color: #fff;
}
.isotop-controls2 a:after {
left: 50%;
opacity: 0;
bottom: 1px;
overflow: hidden;
visibility: hidden;
margin: 0 0 0 -18px;
width: 0;
height: 4px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.isotop-controls2 a:hover {
text-decoration: none;
}
.isotop-controls2 a:hover:after {
opacity: 1;
width: 35px;
visibility: visible;
}
.isotop-controls2 li {
position: relative;
vertical-align: top;
padding: 0 35px 0 13px;
}
.isotop-controls2 li.active a:after {
opacity: 1;
width: 35px;
visibility: visible;
}
.isotop-controls2 li:after {
top: 11px;
left: -10px;
width: 4px;
height: 4px;
}
.isotop-controls2 li:first-child:after {
display: none;
}
.isotop-controls2.leftalign {
text-align: left;
}
.isotop-controls2.rightalign {
text-align: right;
} .isotop-controls3 {
margin: 0 0 62px;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
font: 600 12px/20px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.isotop-controls3 {
margin: 0 0 20px;
}
}
.isotop-controls3 a {
color: #2a2a2a;
display: block;
padding: 0 0 14px;
position: relative;
}
.dark .isotop-controls3 a {
color: #fff;
}
.isotop-controls3 a:after {
left: 50%;
bottom: 1px;
overflow: hidden;
margin: 0 0 0 -18px;
width: 0;
height: 4px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.isotop-controls3 a:hover {
text-decoration: none;
}
.isotop-controls3 a:hover:after {
opacity: 1;
width: 35px;
visibility: visible;
}
.isotop-controls3 li {
position: relative;
vertical-align: top;
padding: 0 35px 0 13px;
}
.isotop-controls3 li.active a:after {
width: 35px;
}
.isotop-controls3 li:after {
top: 7px;
left: -10px;
background: #8f8f8f;
width: 4px;
height: 4px;
}
.isotop-controls3 li:first-child:after {
display: none;
}
.isotop-controls3.leftalign {
text-align: left;
}
.isotop-controls3.rightalign {
text-align: right;
} .isotop-controls4 {
overflow: hidden;
letter-spacing: 2px;
text-transform: uppercase;
background: #f8f8f8;
font: 600 12px/20px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .isotop-controls4 {
background: #191919;
}
.isotop-controls4 ul {
float: left;
margin: 0 0 0 -2px;
}
.isotop-controls4 li.active a {
color: #fff;
}
.isotop-controls4 a {
z-index: 5;
color: #8f8f8f;
display: block;
position: relative;
padding: 14px 11px 15px 27px;
}
@media only screen and (max-width: 991px) {
.isotop-controls4 a {
padding: 14px 7px 15px 16px;
}
}
.isotop-controls4 a:before {
top: 0;
bottom: 0;
z-index: -1;
left: -12px;
right: -12px;
transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dark .isotop-controls4 a:before {
background: #191919;
}
.isotop-controls4 a:hover {
color: #fff;
text-decoration: none;
}
.isotop-controls4 .view-all {
z-index: 5;
float: right;
color: #fff;
font-size: 12px;
position: relative;
padding: 16px 27px 16px 14px;
}
.isotop-controls4 .view-all:before {
top: 0;
bottom: 0;
z-index: -1;
left: -12px;
right: -12px;
color: #fff;
background: #222;
transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dark .isotop-controls4 .view-all:before {
background: #191919;
}
.isotop-controls4 .view-all:hover {
text-decoration: none;
} .more-feature .img {
display: block;
margin: -120px 0 0 0;
}
@media only screen and (max-width: 1219px) {
.more-feature .img {
margin: -120px 0 0 0;
}
}
@media only screen and (max-width: 991px) {
.more-feature .img {
margin: 88px 0 0 0;
}
}
@media only screen and (max-width: 767px) {
.more-feature .img {
margin: 0;
display: block;
max-width: 100%;
height: auto;
}
}
.more-feature.style2 img {
margin: -8px 0 0 -103px;
}
@media only screen and (max-width: 1219px) {
.more-feature.style2 img {
margin: 102px 0 0 -40px;
}
}
.more-feature.style3 img {
margin: -144px 0 0 0;
}
@media only screen and (max-width: 1219px) {
.more-feature.style3 img {
margin: -84px 0 0 -70px;
}
}
.more-feature.style4 {
padding-top: 88px;
padding-bottom: 60px;
}
.more-feature.style4 img {
margin: 0;
} .price-section {
padding: 87px 0 100px;
position: relative;
z-index: 1;
}
.price-section:after {
top: 0;
z-index: -1;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
}
.price-section .box {
color: #8f8f8f;
font-size: 13px;
overflow: hidden;
text-align: center;
background: #fff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dark .price-section .box {
background: #191919;
}
@media only screen and (max-width: 991px) {
.price-section .box {
margin: 0 0 20px;
}
}
.price-section .box .heading {
font: 600 18px/24px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
text-transform: uppercase;
letter-spacing: 2px;
background: #2a2a2a;
padding: 26px 5px;
margin: 0 0 20px;
display: block;
color: #fff;
}
.price-section .box:hover .btn:hover, .price-section .box.active .btn:hover {
background: #2a2a2a;
border-color: #2a2a2a;
}
.price-section .price {
color: #2a2a2a;
display: block;
margin: 0 0 -10px;
font: 700 60px/65px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .price-section .price {
color: #fff;
}
.price-section .price sup {
top: -19px;
font-size: 34px;
font-weight: 300;
margin: 0 -7px 0 -3px;
}
.price-section .month {
display: block;
font-size: 12px;
margin: 0 0 20px;
font-weight: 700;
line-height: 24px;
text-transform: uppercase;
}
.price-section .price-list {
margin: 0 0 7px;
overflow: hidden;
}
.price-section .price-list li {
padding: 0 5px;
margin: 0 0 17px;
}
.price-section .btn {
color: #fff;
margin: 0 0 33px;
background: #2a2a2a;
border-color: #2a2a2a;
}
.price-section .parallax-holder {
z-index: -1;
}
.price-section.style2 {
padding: 101px 0 100px;
}
.price-section.style2:after {
display: none;
}
.price-section.style2 .box {
background: #f8f8f8;
}
.dark .price-section.style2 .box {
background: #191919;
}
.price-section.style2 .box .heading {
color: #2a2a2a;
margin: 0 0 12px;
padding: 33px 5px;
background: transparent;
}
.dark .price-section.style2 .box .heading {
color: #fff;
}
.dark .price-section.style2 .box .price {
color: #fff;
}
.price-section.style2 .box.active, .price-section.style2 .box:hover {
background: #2a2a2a;
}
.price-section.style2 .box.active .price, .price-section.style2 .box:hover .price, .price-section.style2 .box.active .heading, .price-section.style2 .box:hover .heading {
color: #fff;
}
.price-section.style2 .box.active .btn:hover, .price-section.style2 .box:hover .btn:hover {
opacity: 0.7;
}
.price-section.style2 .box.active .heading, .price-section.style2 .box:hover .heading {
background: none;
}
.price-section.style3 {
padding: 93px 0 100px;
}
.price-section.style3 .box {
background: #fff;
padding: 23px 0 15px;
border: 1px solid #ddd;
}
.dark .price-section.style3 .box {
border-color: #494949;
background: #191919;
}
.dark .price-section.style3 .box .price {
color: #fff;
}
.price-section.style3 .box .heading {
color: #fff;
font-size: 18px;
margin: 0 0 19px;
line-height: 22px;
padding: 20px 10px;
background: #2a2a2a;
}
.price-section.style3 .box .month {
margin: 0 0 16px;
}
.price-section.style3 .box.active, .price-section.style3 .box:hover {
background: none;
}
.price-section.style3 .box.active .price, .price-section.style3 .box:hover .price {
color: #2a2a2a;
}
.dark .price-section.style3 .box.active .price, .dark .price-section.style3 .box:hover .price {
color: #fff;
}
.price-section.style3 .price-list {
margin: 0 0 12px;
}
.price-section.style3 .price-list li {
margin: 0 0 16px;
}
.price-section.style3 .btn-purchase {
margin: 0 0 15px;
}
.price-section.style4 .box .heading {
margin: 0;
}
.price-section.style4 .box img {
width: 100%;
margin: 0 0 16px;
}
.price-section.style4 .box .btn {
margin: 0 0 22px;
} .blog-section .beans-slider {
padding: 0 0 80px;
}
@media only screen and (max-width: 991px) {
.blog-section .beans-slider {
padding: 0 0 50px;
}
}
.blog-section .beans-slider .beans-pagination li {
margin: 0 3px 0 2px;
display: inline-block;
vertical-align: top;
}
.blog-section .beans-slider .beans-pagination li.active a {
background: #191919;
}
.blog-section .beans-slider .beans-pagination a {
display: block;
overflow: hidden;
background: #ddd;
border-radius: 50%;
text-indent: -9999px;
width: 10px;
height: 10px;
}
.dark .blog-section .beans-slider .beans-pagination a {
background: #8f8f8f;
}
.blog-section .beans-slider .beans-pagination a:hover {
background: #191919;
}
.blog-section .beans-stepslider {
padding: 0 0 50px;
}
.blog-section .beans-stepslider img {
width: 100%;
margin: 0 0 18px;
}
.blog-section .beans-stepslider .beans-slideset {
float: none;
font-size: 0;
white-space: nowrap;
letter-spacing: -4px;
width: 100% !important;
}
.blog-section .beans-stepslider .beans-slide {
float: none;
letter-spacing: 0;
white-space: normal;
width: 33.3333% !important;
display: inline-block;
vertical-align: top;
}
@media only screen and (max-width: 991px) {
.blog-section .beans-stepslider .beans-slide {
width: 50% !important;
}
}
@media only screen and (max-width: 767px) {
.blog-section .beans-stepslider .beans-slide {
width: 100% !important;
}
}
.blog-section .beans-stepslider .beans-slide img {
border-left: 1px solid transparent;
}
.blog-section .beans-stepslider .beans-slide.active {
z-index: 1;
}
.blog-section .beans-stepslider .beans-pagination {
bottom: 0;
}
.blog-section .beans-stepslider .beans-pagination li {
margin: 0 3px 0 2px;
display: inline-block;
vertical-align: top;
}
.blog-section .beans-stepslider .beans-pagination li.active a:after {
display: block;
}
.blog-section .beans-stepslider .beans-pagination a {
display: block;
background: #ddd;
overflow: hidden;
position: relative;
border-radius: 50%;
text-indent: -9999px;
width: 14px;
height: 14px;
border: 2px solid #ddd;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dark .blog-section .beans-stepslider .beans-pagination a {
border-color: #494949;
background: #494949;
}
.blog-section .beans-stepslider .beans-pagination a:hover {
text-decoration: none;
}
.blog-section .beans-stepslider .beans-pagination a:hover:after {
display: block;
}
.blog-section .beans-stepslider .beans-pagination a:after {
top: 50%;
left: 50%;
display: none;
border-radius: 50%;
width: 4px;
height: 4px;
margin: -2px 0 0 -2px;
}
.blog-section .btn {
margin: 0 4px;
} .blog-m-post {
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.blog-m-post {
margin-bottom: 20px;
}
}
.blog-m-post .blog-txt {
position: relative;
padding: 0 0 20px 123px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media only screen and (max-width: 991px) {
.blog-m-post .blog-txt {
padding: 0 0 0 58px;
}
}
.blog-m-post img {
width: 100%;
margin: 0 0 18px;
height: auto;
}
@media only screen and (max-width: 991px) {
.blog-m-post img {
margin: 0 0 8px;
}
}
.blog-m-post h3 {
color: #2a2a2a;
margin: 0 0 10px;
font: 500 18px/20px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 991px) {
.blog-m-post h3 {
margin: 0;
font-size: 14px;
line-height: 18px;
}
}
.dark .blog-m-post h3 {
color: #fff;
}
.blog-m-post h3 a {
color: #2a2a2a;
}
.dark .blog-m-post h3 a {
color: #fff;
}
.blog-m-post a {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.blog-m-post a:hover {
text-decoration: none;
}
.blog-m-post .meta {
margin: 0;
color: #8f8f8f;
font-size: 12px;
line-height: 21px;
}
@media only screen and (max-width: 991px) {
.blog-m-post .meta {
font-size: 10px;
line-height: 18px;
}
}
.blog-m-post .meta li {
padding: 0 12px 0 0;
}
@media only screen and (max-width: 991px) {
.blog-m-post .meta li {
padding: 0 6px 0 0;
}
}
.blog-m-post .meta a {
color: #8f8f8f;
}
.blog-m-post .box-holder {
left: 13px;
bottom: 16px;
position: absolute;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media only screen and (max-width: 991px) {
.blog-m-post .box-holder {
left: 3px;
}
}
.blog-m-post time {
color: #fff;
display: block;
font-size: 12px;
font-weight: 700;
line-height: 21px;
padding: 19px 0 0;
text-align: center;
background: #2a2a2a;
letter-spacing: 2px;
margin: -5px auto 0;
width: 74px;
height: 74px;
text-transform: uppercase;
}
.dark .blog-m-post time {
background: #191919;
}
@media only screen and (max-width: 991px) {
.blog-m-post time {
font-size: 10px;
padding: 4px 0 0;
line-height: 18px;
width: 40px;
height: 40px;
}
}
.blog-m-post time .add {
display: block;
font-size: 22px;
font-weight: 700;
}
@media only screen and (max-width: 991px) {
.blog-m-post time .add {
font-size: 16px;
}
}
.blog-m-post .fa {
margin: 0 3px 0 0;
position: relative;
}
.blog-m-post .icon {
color: #fff;
display: block;
font-size: 32px;
text-align: center;
padding: 12px 0 0 2px;
width: 84px;
height: 84px;
border: 5px solid #fff;
}
.dark .blog-m-post .icon {
border-color: #191919;
}
@media only screen and (max-width: 991px) {
.blog-m-post .icon {
font-size: 22px;
padding: 4px 0 0 2px;
width: 50px;
height: 50px;
}
}
.blog-m-post .blog-text {
font-size: 14px;
overflow: hidden;
padding: 2px 0 0;
line-height: 24px;
position: relative;
}
@media only screen and (max-width: 991px) {
.blog-m-post .blog-text {
width: 100%;
display: block;
}
}
@media only screen and (max-width: 767px) {
.blog-m-post .blog-text {
padding: 0 0 0 10px;
}
}
.blog-m-post .blog-box {
float: left;
width: 74px;
margin: 0 14px;
}
@media only screen and (max-width: 1219px) {
.blog-m-post .blog-box {
width: 100%;
float: none;
margin: 0 0 10px;
overflow: hidden;
}
}
.blog-m-post .blog-box .icon {
border: 0;
width: 74px;
height: 74px;
}
@media only screen and (max-width: 1219px) {
.blog-m-post .blog-box .icon {
float: left;
}
}
@media only screen and (max-width: 991px) {
.blog-m-post .blog-box .icon {
width: 40px;
height: 40px;
}
}
.blog-m-post .blog-box .icon > i {
margin-top: 8px;
}
@media only screen and (max-width: 991px) {
.blog-m-post .blog-box .icon > i {
margin-top: 4px;
}
}
.blog-m-post .blog-box time {
margin: 0;
height: 74px;
}
@media only screen and (max-width: 1219px) {
.blog-m-post .blog-box time {
float: left;
}
}
@media only screen and (max-width: 991px) {
.blog-m-post .blog-box time {
height: 40px;
}
}
.blog-m-post.accordion {
margin: 0 0 15px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.blog-m-post.accordion .box-holder {
left: 19px;
top: -85px;
bottom: auto;
}
@media only screen and (max-width: 991px) {
.blog-m-post.accordion .box-holder {
top: -50px;
}
}
@media only screen and (max-width: 767px) {
.blog-m-post.accordion .box-holder {
display: none;
}
}
.blog-m-post.accordion .icon {
border-bottom: 0;
}
.blog-m-post.accordion time {
margin: 0 auto;
}
.blog-m-post.accordion .blog-txt {
border: 1px solid transparent;
padding: 16px 20px 20px 113px;
}
@media only screen and (max-width: 991px) {
.blog-m-post.accordion .blog-txt {
padding: 10px 20px 20px 80px;
}
}
@media only screen and (max-width: 767px) {
.blog-m-post.accordion .blog-txt {
padding: 10px 10px 20px;
}
}
.blog-m-post.accordion img {
margin: 0;
}
.blog-m-post.accordion p {
margin: 0 0 23px;
}
.blog-m-post.accordion .blog-slide {
padding-top: 30px;
}
.blog-m-post.accordion .btn {
border-width: 2px;
}
.dark .blog-m-post.accordion .btn {
color: rgba(143, 143, 143, 0.6);
border-color: rgba(143, 143, 143, 0.6);
}
.dark .blog-m-post.accordion .btn:hover {
color: #8f8f8f;
background: transparent;
color: #8f8f8f;
border-color: #8f8f8f;
}
.blog-m-post.accordion.active {
margin: 0 0 30px;
background: #fff;
}
.dark .blog-m-post.accordion.active {
background: #191919;
}
.blog-m-post.accordion.active .blog-txt {
border-color: #ddd;
padding: 26px 20px 34px 113px;
}
@media only screen and (max-width: 991px) {
.blog-m-post.accordion.active .blog-txt {
padding: 10px 10px 20px 80px;
}
}
@media only screen and (max-width: 767px) {
.blog-m-post.accordion.active .blog-txt {
padding: 10px 10px 20px;
}
}
.dark .blog-m-post.accordion.active .blog-txt {
border-color: #494949;
}
.blog-m-post.accordion.active .blog-slide {
position: static !important;
}
.dark .blog-m-post.accordion.active time {
background: #2a2a2a;
}
.blog-m-post.style2 img {
margin: 0;
}
.blog-m-post.style2 .blog-txt {
color: #8f8f8f;
font-size: 12px;
position: relative;
padding: 7px 0 20px 95px;
border-top: 5px solid transparent;
}
.blog-m-post.style2 .blog-txt h3 {
margin: 0 0 2px;
}
.blog-m-post.style2 .blog-txt p {
text-transform: uppercase;
}
.blog-m-post.style2 .icon {
border: 0;
top: -14px;
left: 11px;
font-size: 24px;
overflow: hidden;
position: absolute;
padding: 12px 10px 0 0;
background: transparent;
width: 80px;
height: 60px;
}
.blog-m-post.style2 .icon:before {
top: 0;
bottom: 0;
left: -12px;
right: 12px;
background: #222;
transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dark .blog-m-post.style2 .icon:before {
background: #191919;
} .facts-section .fa {
left: 0;
top: 10px;
font-size: 60px;
position: absolute;
}
@media only screen and (max-width: 1219px) {
.facts-section .fa {
font-size: 40px;
}
}
.facts-section p {
margin: 0 0 39px;
}
.facts-section .box {
color: #2a2a2a;
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
position: relative;
padding: 0 0 0 99px;
text-transform: uppercase;
}
.dark .facts-section .box {
color: #fff;
}
@media only screen and (max-width: 1219px) {
.facts-section .box {
padding: 0 0 0 70px;
}
}
.facts-section .num {
display: block;
position: relative;
margin: 0 0 23px -7px;
font: 700 70px/90px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 1219px) {
.facts-section .num {
font-size: 50px;
line-height: 60px;
margin: 0 0 8px -7px;
}
}
.facts-section .num:after {
left: 5px;
bottom: -7px;
width: 52px;
height: 4px;
}
@media only screen and (max-width: 1219px) {
.facts-section .num:after {
bottom: -1px;
}
}
@media only screen and (max-width: 767px) {
.facts-section .num:after {
bottom: 0;
}
}
.facts-section .img {
margin: 8px 0 0 0;
}
@media only screen and (max-width: 767px) {
.facts-section .img {
margin: 0 auto;
}
} .client-box {
width: 100%;
height: 115px;
display: block;
overflow: hidden;
text-align: center;
border: 1px solid #ddd;
white-space: nowrap;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.client-box .img {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.client-box:before {
content: '';
vertical-align: middle;
display: inline-block;
height: 100%;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
}
.dark .client-box {
border-color: #494949;
}
@media only screen and (max-width: 767px) {
.client-box {
margin: 0 0 10px;
}
}
.client-box .img {
opacity: 0.5;
max-width: 99.99%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.client-box:hover {
border-color: #8f8f8f;
text-decoration: none;
}
.client-box:hover .img {
opacity: 1;
}
.client-box.large {
height: 160px;
}
.client-box.dark {
border-color: #535353;
}
.clients-section .beans-stepslider {
overflow: visible;
}
@media only screen and (max-width: 767px) {
.clients-section .beans-stepslider .beans-mask {
width: 270px;
margin: 0 auto;
}
}
.clients-section .beans-stepslider .beans-slide {
padding: 0 15px;
width: 292px !important;
}
@media only screen and (max-width: 1219px) {
.clients-section .beans-stepslider .beans-slide {
width: 318px !important;
}
}
@media only screen and (max-width: 991px) {
.clients-section .beans-stepslider .beans-slide {
width: 245px !important;
}
}
@media only screen and (max-width: 767px) {
.clients-section .beans-stepslider .beans-slide {
width: 270px !important;
}
}
.clients-section .beans-stepslider .beans-slide.active {
z-index: 1;
}
.clients-section .beans-stepslider .btn-prev {
top: 113px;
left: -56px;
color: #535353;
font-size: 20px;
padding: 2px 0 0;
text-align: center;
border-radius: 50%;
position: absolute;
width: 40px;
height: 40px;
border: 2px solid #535353;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media only screen and (max-width: 767px) {
.clients-section .beans-stepslider .btn-prev {
left: 0;
}
}
.clients-section .beans-stepslider .btn-prev:hover {
color: #fff;
text-decoration: none;
}
.clients-section .beans-stepslider .btn-next {
top: 113px;
right: -56px;
color: #535353;
font-size: 20px;
padding: 2px 0 0;
text-align: center;
border-radius: 50%;
position: absolute;
width: 40px;
height: 40px;
border: 2px solid #535353;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media only screen and (max-width: 767px) {
.clients-section .beans-stepslider .btn-next {
right: 0;
}
}
.clients-section .beans-stepslider .btn-next:hover {
color: #fff;
text-decoration: none;
} .team-lightbox {
width: 817px;
color: #8f8f8f;
font-size: 14px;
overflow: hidden;
line-height: 26px;
background: #fff;
padding: 36px 40px 30px;
border: 1px solid #ddd;
}
.team-lightbox .img-box {
float: left;
margin: 3px 39px 0 0;
max-width: 248px;
}
@media only screen and (max-width: 991px) {
.team-lightbox {
width: 100%;
}
}
@media only screen and (max-width: 480px) {
.team-lightbox {
width: 100%;
padding: 15px;
}
.team-lightbox .img-box {
float: none;
margin-right: 0;
margin-bottom: 15px;
}
}
.team-lightbox img {
width: 100%;
}
.team-lightbox .holder {
overflow: hidden;
}
.team-lightbox .title {
color: #222;
display: block;
letter-spacing: 2px;
margin-bottom: 10px;
text-transform: uppercase;
font: 700 16px/20px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.team-lightbox .subtitle {
color: #8f8f8f;
display: block;
margin: 0 0 19px;
letter-spacing: 2px;
text-transform: uppercase;
font: 600 12px/16px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.team-lightbox p {
margin: 0 0 8px;
}
.team-lightbox .socialnetworks {
padding: 6px 0 0;
}
.team-lightbox .socialnetworks li {
margin: 0 2px 0 0;
display: inline-block;
vertical-align: top;
}
.team-lightbox .socialnetworks a {
color: #fff;
display: block;
font-size: 18px;
padding: 5px 0 0;
text-align: center;
border-radius: 50%;
background: #3f3f3f;
width: 40px;
height: 40px;
}
.team-lightbox .socialnetworks a:hover {
text-decoration: none;
}
.team-lightbox .close {
top: 15px;
opacity: 1;
float: none;
right: 21px;
color: #222;
font-size: 35px;
text-shadow: none;
line-height: 35px;
position: absolute;
font-weight: normal;
} .about-section {
font-size: 14px;
line-height: 26px;
color: #666;
}
.about-section h3 {
color: #2a2a2a;
margin: 0 0 3px;
position: relative;
padding: 0 0 0 15px;
text-transform: uppercase;
font: 16px/20px 'Lato', Georgia, "Times New Roman", Times, serif;
}
.dark .about-section h3 {
color: #fff;
}
.about-section .box {
margin: 0 0 28px;
overflow: hidden;
}
.about-section p {
margin: 0;
}
.about-section .know-more {
margin: 10px 0 0;
}
@media only screen and (max-width: 991px) {
.about-section .know-more {
margin: 0 0 20px;
}
}
.dark .about-section .know-more {
color: rgba(143, 143, 143, 0.6) !important;
border-color: rgba(143, 143, 143, 0.6);
background: transparent !important;
}
.about-section .know-more:hover {
background: transparent;
border-color: #222;
color: #222;
}
.dark .about-section .know-more:hover {
border-color: #8f8f8f;
color: #8f8f8f;
color: #8f8f8f !important;
}
.about-section .img-box {
overflow: hidden;
margin: 5px 2px 28px -1px;
}
.about-section .img-box img {
width: 100%;
}
.about-section .beans-slider .beans-pagination li {
margin: 0 3px 0 2px;
display: inline-block;
vertical-align: top;
}
.about-section .beans-slider .beans-pagination li.active a {
background: #fff;
}
.about-section .beans-slider .beans-pagination a {
display: block;
overflow: hidden;
border-radius: 50%;
text-indent: -9999px;
width: 14px;
height: 14px;
border: 2px solid #fff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.about-section .beans-slider .beans-pagination a:hover {
background: #fff;
text-decoration: none;
}
@media only screen and (max-width: 991px) {
.about-section .wpb_single_image .wpb_wrapper.vc_figure, .about-section .wpb_single_image .vc_single_image-wrapper, .about-section .wpb_single_image img {
width: 100%;
height: auto;
}
} .counter-section {
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-align: center;
position: relative;
letter-spacing: 2px;
padding: 84px 0 99px;
text-transform: uppercase;
position: relative;
z-index: 1;
}
.counter-section:after {
top: 0;
z-index: -1;
bottom: 0;
left: 0;
right: 0;
background: rgba(55, 63, 69, 0.6);
}
.counter-section .txt {
display: block;
}
.counter-section .num {
display: block;
padding: 0 0 7px;
margin: 0 0 18px;
position: relative;
font: 700 80px/90px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.counter-section .num:after {
bottom: 0;
left: 50%;
margin: 0 0 0 -20px;
width: 40px;
height: 3px;
}
.counter-section .parallax-holder, .counter-section .stretch {
z-index: -1;
}
.counter-section.small {
padding: 100px 0;
}
.counter-section.small .counter {
font-size: 33px;
line-height: 60px;
}
@media only screen and (max-width: 1219px) {
.counter-section.small .txt {
margin: 0 0 20px;
}
}
.counter-section.small .num {
font-size: 70px;
margin: 0 0 25px;
line-height: 90px;
padding: 0 0 25px;
display: inline-block;
}
.counter-section.small .num:after {
margin: 0 0 0 -10px;
width: 20px;
height: 3px;
}
.counter-section.large {
color: #222;
font-weight: 900;
}
.counter-section.large:after {
display: none;
}
.counter-section.large .num {
padding: 0;
font-size: 70px;
font-weight: 700;
margin: 0 0 10px;
}
@media only screen and (max-width: 767px) {
.counter-section.stats-block.stats-top {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.wpb_column.vc_col-sm-3:first-child .stats-block.counter-section.stats-top {
padding-top: 84px;
}
}
@media only screen and (max-width: 767px) {
.wpb_column.vc_col-sm-3:last-child .stats-block.counter-section.stats-top {
padding-bottom: 90px;
}
}
.cus_bg_pos {
background-position: -55px -339px;
} .banner-img {
color: #fff;
margin: 0 0 119px;
text-align: center;
position: relative;
padding: 89px 0 0;
font: 300 21px/40px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
z-index: 1;
}
.banner-img:after {
top: 0;
z-index: -1;
bottom: 0;
left: 0;
right: 0;
background: rgba(55, 63, 69, 0.4);
}
.banner-img .img {
margin: 0 auto -56px;
}
.banner-img .title {
display: block;
font-weight: 300;
margin: 0 0 -6px;
}
.banner-img h3 {
margin: 0 0 36px;
font: 600 36px/40px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.banner-img h3 {
font-size: 22px;
line-height: 30px;
}
}
.banner-img .parallax-holder {
z-index: -1;
}
.banner-img.style3 {
margin: 0 0 32px;
}
.banner-img.style3 .img {
margin: 0 auto -116px;
}
.banner-img.style3:after {
background: rgba(0, 0, 0, 0.4);
} .vc_row.features-section {
padding-bottom: 40px;
}
.blog-m-post .box-holder .icon .fa {
margin-top: 8px;
}
.fekra-blog .beans-slide .blog-txt .icon .fa {
margin-top: 4px;
}
.vc_row.safety-section .btn {
padding: 10px 61px 11px 24px !important;
}
.vc_row.appsub-section, .vc_row.safety-section {
width: auto;
}
.work-pad-60 .beans-mask + .container {
padding-top: 30px;
}
.iconlist-slide .btn-prev, .iconlist-slide .btn-next {
padding-top: 7px;
}
.features-col .vc_tta-container {
margin-bottom: 0;
}
.woocommerce-account .woocommerce {
padding-top: 80px;
padding-bottom: 90px;
}
.product-article.blog h3 {
margin-left: 0;
}
.page-no-result {
padding-top: 80px;
padding-bottom: 90px;
}
.search-have-results {
padding-top: 80px;
}
.search-form {
position: relative;
}
.search-form input {
border: 0;
margin: 0;
float: left;
width: 100%;
height: 40px;
line-height: 40px;
padding: 0 60px 0 20px;
background: transparent;
text-transform: capitalize;
border: 1px solid #ddd;
}
.search-form .submit {
right: 0;
border: 0;
top: 2px;
font-size: 30px;
position: absolute;
background: transparent;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.fekra-icon-advanced.light .f-iconbox .icon {
color: #ddd;
border-color: #ddd;
}
.wpcf7-form-control.wpcf7-submit:hover {
border-color: #fff;
color: #fff;
background: transparent;
}
.wpcf7-form-control.wpcf7-submit {
letter-spacing: 1px;
padding: 10px 17px;
height: auto;
}
.f-our-mission .btn-more:hover {
background: none;
}
#sidebar > ul > li {
list-style: none;
}
.post-password-form input[type="submit"] {
color: #fff;
}
.post-password-form input[type="submit"]:hover {
color: #fff;
}
.post-password-form input[name="post_password"] {
background: #f8f8f8 none repeat scroll 0 0;
border: 1px solid #ddd;
color: #8f8f8f;
font-size: 13px;
height: 38px;
line-height: 20px;
outline: medium none;
padding: 10px 16px;
}
@media only screen and (max-width: 991px) {
.vc_row.pie-section .pie-block {
width: auto;
}
.vc_tta-panel-body .alignleft {
float: none;
margin: 0 0 20px;
}
.vc_tta-panel-body .alignleft img {
width: 100%;
height: auto;
}
.fekra-team > .row.margin-bottom-30 {
margin-bottom: 0 !important;
}
.no-padding > .padding-top-60 {
padding-top: 0 !important;
}
.bot-20 {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.portfolio-block.nospace .box {
margin: 0 0 !important;
}
.iconbox_list_class li {
width: 50%;
}
.pie_chart.lancer-about .box, .iconlist-slide .beans-slide div.fekra-icon-advanced {
width: 100%;
}
.construct-gallery .btn {
padding: 10px 61px 11px 24px !important;
}
}
@media only screen and (max-width: 479px) {
.lancer-do .list-do li, .iconbox_list_class li, .personal-exper .fekra-timeline .p-holder .box {
width: 100%;
}
.iconbox_list_class ul li > .fekra-icon-advanced {
border-width: 0 0 1px 1px;
margin-bottom: -1px;
}
.welcom-banner.style4 .beans-fadeslider.banner-section {
padding: 0 15px;
margin-top: -30px;
}
}
@media only screen and (max-width: 320px) {
.work-slider .btn-next {
clear: left;
}
.features-section .wpb_column .vc_col-sm-3 .fekra-icon-advanced .box {
margin-bottom: 0;
}
}   .intro-section {
font-size: 21px;
font-weight: 300;
line-height: 32px;
padding-top: 90px;
text-align: center;
font-style: italic;
}
@media only screen and (max-width: 767px) {
.intro-section {
font-size: 16px;
line-height: 25px;
padding-top: 40px;
}
}
.intro-section .img {
margin: 0 auto;
}
.intro-section .text-box {
max-width: 870px;
margin: 0 auto 52px;
} .features-section {
font-size: 14px;
padding-top: 95px;
line-height: 24px;
text-align: center;
padding-bottom: 89px;
}
@media only screen and (max-width: 767px) {
.features-section {
padding-top: 45px;
padding-bottom: 45px;
}
}
.features-section h3 {
color: #2a2a2a;
margin: 0 0 19px;
padding: 27px 0 0;
letter-spacing: 2px;
text-transform: uppercase;
font: 600 13px/20px 'Lato', Georgia, "Times New Roman", Times, serif;
}
.dark .features-section h3 {
color: #fff;
}
.features-section .fa {
font-size: 32px;
} .core-section {
font-size: 15px;
overflow: hidden;
line-height: 26px;
padding-top: 90px;
}
.core-section h2 {
margin: 0 0 20px;
font: 600 36px/50px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.core-section h2 {
font-size: 30px;
line-height: 40px;
}
}
.core-section p {
margin: 0 0 19px;
}
.core-section .list {
margin: 0;
padding: 0 0 0 7px;
}
.core-section .list li {
font-size: 12px;
margin: 0 0 12px;
font-weight: 500;
line-height: 20px;
position: relative;
padding: 0 0 0;
letter-spacing: 2px;
text-transform: uppercase;
}
.core-section .img {
margin: 11px 0 0;
}
@media only screen and (max-width: 991px) {
.core-section .img {
margin: 131px 0 0;
}
}
@media only screen and (max-width: 767px) {
.core-section .img {
margin: 30px 0 0;
}
}
.core-section.style2 h2 {
color: #222;
}
.dark .core-section.style2 h2 {
color: #fff;
}
.core-section.style2 .img {
margin: -38px 0 0;
}
@media only screen and (max-width: 1219px) {
.core-section.style2 .img {
margin: 38px 0 0;
}
}
.core-section.style3 h2 {
color: #222;
margin: 0 0 28px;
text-transform: uppercase;
font: 700 32px/40px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .core-section.style3 h2 {
color: #fff;
}
.core-section.style3 .holder {
padding-top: 95px;
font: 14px/24px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 1219px) {
.core-section.style3 .holder {
padding-top: 0;
}
}
.core-section.style3 p {
margin: 0 0 30px;
} .pie-section {
z-index: 2;
color: #fff;
font-size: 16px;
line-height: 26px;
text-align: center;
padding: 87px 0 95px;
position: relative;
z-index: 1;
}
.pie-section:after {
top: 0;
z-index: -1;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 767px) {
.pie-section {
font-size: 14px;
line-height: 20px;
}
}
.pie-section .parallax-holder {
z-index: -1;
}
.pie-section .pie-chart {
position: relative;
margin: 0 auto 10px;
text-align: center;
}
.pie-section .pie-chart canvas {
top: 0;
left: 0;
z-index: 1;
width: 100%;
display: block;
position: absolute;
}
.pie-section .pie-chart .pie-chart-percent {
left: 0;
top: 70px;
width: 100%;
z-index: 10;
color: #fff;
display: block;
text-align: center;
position: absolute;
font: 700 30px/40px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pie-section .pie-chart .pie-chart-percent span {
font-size: 50px;
line-height: 60px;
}
.pie-section .pie-chart img {
max-width: 100%;
vertical-align: middle;
}
.pie-section .pie-description {
display: block;
font-size: 18px;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
font: 600 14px/20px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pie-section .pie-block {
width: 297px;
display: inline-block;
vertical-align: top;
}
@media only screen and (max-width: 1219px) {
.pie-section .pie-block {
width: 227px;
}
}
@media only screen and (max-width: 991px) {
.pie-section .pie-block {
width: 49%;
}
}
@media only screen and (max-width: 767px) {
.pie-section .pie-block {
width: 100%;
}
} .twitter-section {
color: #2a2a2a;
font-size: 21px;
font-weight: 300;
padding-top: 70px;
line-height: 32px;
font-style: italic;
text-align: center;
padding-bottom: 92px;
}
.dark .twitter-section {
color: #8f8f8f;
}
.twitter-section .block {
max-width: 900px;
margin: 0 auto;
position: relative;
padding: 122px 0 0;
}
.twitter-section .icon-twitter, .twitter-section .fa {
top: 0;
left: 50%;
font-size: 60px;
position: absolute;
margin: 20px 0 0 -28px;
}
.twitter-section span {
display: block;
margin: 0 0 20px;
}
.twitter-section .btn-prev {
padding: 0;
top: 113px;
left: -56px;
color: #535353;
font-size: 20px;
text-align: center;
border-radius: 50%;
position: absolute;
width: 40px;
height: 40px;
border: 2px solid #535353;
}
.twitter-section .btn-prev:hover {
opacity: 0.8;
text-decoration: none;
}
.twitter-section .btn-next {
padding: 0;
top: 113px;
right: -56px;
color: #535353;
font-size: 20px;
text-align: center;
border-radius: 50%;
position: absolute;
width: 40px;
height: 40px;
border: 2px solid #535353;
}
.twitter-section .btn-next:hover {
opacity: 0.8;
text-decoration: none;
}
.twitter-section small, .twitter-section time {
color: #8f8f8f;
display: block;
font-size: 11px;
font-weight: 700;
line-height: 20px;
}
.twitter-section small a, .twitter-section time a {
color: #8f8f8f;
}
.twitter-section.style2 .time {
color: #8f8f8f;
font-style: normal;
text-transform: uppercase;
}
.twitter-section.style3 .block {
padding: 130px 0 0;
}   .croporate-slider .caption {
z-index: 5;
width: 100%;
color: #fff;
text-align: center;
position: relative;
background: rgba(0, 0, 0, 0.3);
white-space: nowrap;
font: 18px/20px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.croporate-slider .caption .holder {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.croporate-slider .caption:before {
content: '';
vertical-align: middle;
display: inline-block;
height: 100%;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
}
@media only screen and (max-width: 767px) {
.croporate-slider .caption {
font-size: 14px;
line-height: 16px;
}
}
.croporate-slider .caption .holder {
padding: 0 0 9px;
}
@media only screen and (max-width: 767px) {
.croporate-slider .caption .holder {
padding: 80px 0 0;
}
}
.croporate-slider p {
margin: 0 0 40px;
}
@media only screen and (max-width: 767px) {
.croporate-slider p {
margin: 0 0 20px;
}
}
.croporate-slider .heading {
margin: 0 0 27px;
letter-spacing: 0.4px;
text-transform: uppercase;
font: 700 60px/65px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.croporate-slider .heading {
font-size: 25px;
line-height: 30px;
}
}
.croporate-slider .btn-box {
overflow: hidden;
}
.croporate-slider .btn-box .btn {
margin: 0 2px 0 3px;
}
.croporate-slider .beans-pagination {
bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.croporate-slider .beans-pagination li {
margin: 0 6px 0 5px;
display: inline-block;
vertical-align: top;
}
.croporate-slider .beans-pagination li.active a {
background: #fff;
}
.croporate-slider .beans-pagination a {
display: block;
overflow: hidden;
border-radius: 50%;
text-indent: -9999px;
width: 10px;
height: 10px;
border: 2px solid #fff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.croporate-slider .beans-pagination a:hover {
background: #fff;
text-decoration: none;
}
.croporate-slider .btn-prev, .croporate-slider .btn-next {
right: 0;
top: 50%;
opacity: 0;
z-index: 9;
color: #fff;
font-size: 60px;
margin: -46px 0 0;
position: absolute;
visibility: visible;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media only screen and (max-width: 767px) {
.croporate-slider .btn-prev, .croporate-slider .btn-next {
margin: -20px 0 0;
right: 15px;
}
}
.croporate-slider .btn-prev:hover, .croporate-slider .btn-next:hover {
opacity: 0.8;
text-decoration: none;
}
.croporate-slider .btn-prev {
left: 0;
right: auto;
}
.croporate-slider:hover .btn-next {
opacity: 1;
right: 29px;
visibility: visible;
}
@media only screen and (max-width: 767px) {
.croporate-slider:hover .btn-next {
right: 15px;
}
}
.croporate-slider:hover .btn-prev {
opacity: 1;
left: 29px;
right: auto;
visibility: visible;
}
@media only screen and (max-width: 767px) {
.croporate-slider:hover .btn-prev {
right: auto;
left: 15px;
}
}
.croporate-slider:hover .beans-pagination {
opacity: 1;
bottom: 33px;
visibility: visible;
} .wedo-section {
font-size: 14px;
line-height: 24px;
text-align: center;
padding-top: 100px;
}
@media only screen and (max-width: 767px) {
.wedo-section {
padding-top: 60px;
}
}
.wedo-section h3 {
color: #2a2a2a;
margin: 0 0 9px;
letter-spacing: 2px;
text-transform: uppercase;
font: 600 12px/16px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .wedo-section h3 {
color: #fff;
}
.wedo-section .coll {
margin-bottom: 60px;
}
.wedo-section .coll:hover .icon {
color: #fff;
}
.wedo-section .coll:hover .btn {
color: #fff;
}
.wedo-section .coll:hover .btn:hover {
background: transparent;
color: rgba(143, 143, 143, 0.6);
border-color: rgba(143, 143, 143, 0.6);
}
.wedo-section .icon {
display: block;
font-size: 30px;
text-align: center;
border-radius: 50%;
margin: 0 auto 28px;
width: 110px;
height: 110px;
border: 1px solid #8f8f8f;
white-space: nowrap;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.wedo-section .icon .fa {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.wedo-section .icon:before {
content: '';
vertical-align: middle;
display: inline-block;
height: 100%;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
}
.wedo-section .icon:hover {
color: #fff;
}
.wedo-section p {
margin: 0 0 24px;
}
.wedo-section .img {
margin: 0 auto;
} .joinus-section {
z-index: 2;
color: #fff;
font-size: 16px;
line-height: 26px;
text-align: center;
padding: 87px 0 0;
position: relative;
z-index: 1;
}
.joinus-section:after {
top: 0;
z-index: -1;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 767px) {
.joinus-section {
font-size: 14px;
line-height: 20px;
}
}
.joinus-section h3 {
margin: 0 0 22px;
font: 600 36px/50px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.joinus-section h3 {
font-size: 30px;
line-height: 40px;
}
}
.joinus-section .box {
max-width: 660px;
margin: 0 auto;
}
.joinus-section p {
margin: 0 0 53px;
}
.joinus-section .img {
margin: 0 auto;
}
.joinus-section .parallax-holder {
z-index: -1;
} .counter-container {
font-size: 16px;
padding-top: 98px;
line-height: 20px;
text-align: center;
position: relative;
}
@media only screen and (max-width: 767px) {
.counter-container {
margin: 0 auto 40px;
}
}
.counter-container .txt {
display: block;
letter-spacing: 2px;
text-transform: uppercase;
font: 600 12px/16px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.counter-container .txt {
margin: 0 0 30px;
}
}
.counter-container .fa {
display: block;
font-size: 30px;
margin: 0 0 11px;
}
.counter-container .num {
color: #2a2a2a;
display: block;
margin: 0 0 18px;
padding: 0 0 12px;
position: relative;
font: 700 70px/90px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .counter-container .num {
color: #fff;
}
.counter-container .num:after {
bottom: 0;
left: 50%;
margin: 0 0 0 -20px;
width: 40px;
height: 3px;
} .services-section .box {
z-index: 88;
margin: 0 0 49px;
overflow: hidden;
line-height: 24px;
position: relative;
}
@media only screen and (max-width: 767px) {
.services-section .box {
margin: 0 0 20px;
}
}
.services-section h3 {
color: #2a2a2a;
margin: 0 0 27px;
position: relative;
padding: 0 0 0 40px;
letter-spacing: 2px;
text-transform: uppercase;
font: 700 14px/20px 'Lato', Georgia, "Times New Roman", Times, serif;
}
.dark .services-section h3 {
color: #fff;
}
.services-section h3 .icon, .services-section h3 .fa {
left: 0;
top: 1px;
font-size: 20px;
position: absolute;
}
.services-section .img {
display: block;
margin: -18px 0 0 -342px;
}
@media only screen and (max-width: 991px) {
.services-section .img {
margin: -18px 0 0 -42px;
}
}
@media only screen and (max-width: 767px) {
.services-section .img {
display: block;
max-width: 100%;
height: auto;
}
}
.services-section.style3 {
padding: 99px 0 0;
}
.services-section.style3 .img {
margin: 5px 0 0 26px;
}
@media only screen and (max-width: 1219px) {
.services-section.style3 .img {
margin: 5px 0 0 -50px;
}
}
.services-section.style4 {
padding-top: 92px;
padding-bottom: 34px;
}
.services-section.style4 h2 {
font-weight: 700;
font-size: 32px;
line-height: 38px;
margin: 0 0 23px;
}
.services-section.style4 .holder {
position: relative;
z-index: 1;
}
.services-section.style4 .holder:before {
position: absolute;
content: "";
top: 0;
bottom: auto;
left: 50%;
right: auto;
}
.services-section.style4 .holder:before {
z-index: -1;
margin: -36px 0 0 -470px;
width: 940px;
height: 527px;
background: url(//www.hotelburghof.net/wp-content/themes/ddal-bh/assets/images/one-page/img37.png) no-repeat;
}
.services-section.style4 .img {
margin: 34px auto 0;
}
@media only screen and (max-width: 991px) {
.services-section.style4 .img {
margin: 0;
}
}
.services-section.style5 {
padding-top: 90px;
}
.services-section.style5 .img {
margin: -41px 0 0 -201px;
}
@media only screen and (max-width: 1219px) {
.services-section.style5 .img {
margin: 0 0 0 -201px;
}
}
.services-section.style6 {
padding-top: 100px;
padding-bottom: 60px;
}
.services-section.style6 .text-box {
text-align: left;
margin: 0 auto 43px;
font: 14px/24px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.services-section.style6 h2 {
color: #222;
margin: 0 0 25px;
text-align: left;
font: 700 32px/40px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .services-section.style6 h2 {
color: #fff;
}
.services-section.style6 h3 {
margin: 0 0 20px;
}
.services-section.style6 .box {
margin: 0 0 23px;
}
.services-section.style6 .img {
margin: -154px 0 -147px -20px;
}
.services-section.style7 {
padding-top: 88px;
padding-bottom: 8px;
}
.services-section.style7 h2 {
margin: 0 0 13px;
}
.services-section.style7 .text-box {
margin: 0 auto 65px;
}
.services-section.style7 .holder {
position: relative;
z-index: 1;
}
.services-section.style7 .holder:before {
position: absolute;
content: "";
top: 0;
bottom: auto;
left: 50%;
right: auto;
}
.services-section.style7 .holder:before {
z-index: -1;
margin: -36px 0 0 -470px;
width: 940px;
height: 527px;
background: url(//www.hotelburghof.net/wp-content/themes/ddal-bh/assets/images/one-page/img37.png) no-repeat;
}
.services-section.style7 .img {
margin: 34px auto 0;
}
@media only screen and (max-width: 991px) {
.services-section.style7 .img {
margin: 0;
}
} .clients-section3 .list {
margin: 0;
font-size: 0;
overflow: hidden;
letter-spacing: -4px;
border: solid #ddd;
border-width: 1px 1px 1px 0;
}
.dark .clients-section3 .list {
border-color: #494949;
}
@media only screen and (max-width: 767px) {
.clients-section3 .list {
margin: 0 -10px;
}
}
.clients-section3 .list li {
float: left;
height: 131px;
width: 16.666%;
letter-spacing: 0;
text-align: center;
position: relative;
white-space: nowrap;
border-bottom: 1px solid #ddd;
}
.clients-section3 .list li .box {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.clients-section3 .list li:before {
content: '';
vertical-align: middle;
display: inline-block;
height: 100%;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
}
.dark .clients-section3 .list li {
border-color: #494949;
}
@media only screen and (max-width: 1219px) {
.clients-section3 .list li {
width: 25%;
}
}
@media only screen and (max-width: 767px) {
.clients-section3 .list li {
width: 50%;
}
}
.clients-section3 .list li:after {
top: 0;
left: 0;
bottom: 0;
width: 1px;
background: #ddd;
}
.dark .clients-section3 .list li:after {
background: #494949;
}
.clients-section3 .list img {
display: block;
}
.clients-section3 .list a {
opacity: 0.5;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.clients-section3 .list a:hover {
opacity: 1;
text-decoration: none;
} .video-section {
color: #fff;
font-size: 16px;
line-height: 26px;
text-align: center;
position: relative;
z-index: 1;
}
.video-section:after {
top: 0;
z-index: -1;
bottom: 0;
left: 0;
right: 0;
background: transparent;
}
.video-section:after {
z-index: 1;
background: rgba(0, 0, 0, 0.6);
}
.video-section .container {
position: relative;
z-index: 100;
}
.video-section h2 {
color: #fff;
margin: 0 0 23px;
text-align: center;
font: 600 36px/50px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.video-section h2 {
font-size: 30px;
line-height: 40px;
}
}
.video-section .play-icon {
display: block;
font-size: 50px;
overflow: hidden;
text-align: center;
margin: 0 auto 47px;
padding: 25px 0 0 10px;
width: 100px;
height: 100px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
background: url(//www.hotelburghof.net/wp-content/themes/ddal-bh/assets/images/icons/icon1.png) no-repeat;
}
.video-section .play-icon .fa-pause {
display: none;
}
.video-section .play-icon.video-playing {
font-size: 40px;
padding: 30px 0 0;
}
.video-section .play-icon.video-playing .fa-play {
display: none;
}
.video-section .play-icon.video-playing .fa-pause {
display: block;
}
.video-section .play-icon:hover {
opacity: 0.8;
text-decoration: none;
}
.video-section .video-area {
z-index: -1;
}
.video-section .buttonBar {
display: none;
} .whatwedo-section {
font-size: 16px;
line-height: 26px;
}
.whatwedo-section p {
margin: 0 0 25px;
}
.whatwedo-section.style2 {
color: #666;
line-height: 24px;
}
.whatwedo-section.style2 h2 {
margin: 0 0 24px;
font-weight: 700;
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
}
.whatwedo-section.style2 p {
margin: 0 0 46px;
}
.whatwedo-section.style2 .img-holder {
position: relative;
}
.whatwedo-section.style2 .img-holder .img {
display: block;
margin: 0 0 0 -54px;
}
.whatwedo-section.style2.add-style {
padding-bottom: 71px;
}
.whatwedo-section.style2.add-style p {
margin: 0 0 23px;
}
.whatwedo-section.style3 {
color: #666;
line-height: 24px;
font-weight: 300;
}
.whatwedo-section.style3 h2 {
margin: 0;
font-weight: 700;
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
}
.whatwedo-section.style3 p {
margin: 0 0 20px;
}
.whatwedo-section.style3 .title {
display: block;
margin: 0 0 10px;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
}
.whatwedo-section.style3 .progress-holder.style2 .title {
margin: 0 0 7px;
} .process-section {
font-size: 16px;
line-height: 26px;
}
.process-section .icon-block {
margin: 0 0 100px;
}
@media only screen and (max-width: 1219px) {
.process-section .icon-block {
margin: 0 0 60px;
}
}
.process-section .icon {
z-index: 5;
position: relative;
margin: 0 0 16px 19px;
width: 100px;
height: 100px;
}
@media only screen and (max-width: 1219px) {
.process-section .icon {
margin: 0 auto 10px;
}
}
.process-section .icon .fa {
color: #2a2a2a;
font-size: 30px;
}
.dark .process-section .icon .fa {
color: #8f8f8f;
}
.process-section .icon .num {
color: #fff;
z-index: -1;
top: 30px;
right: -34px;
padding: 6px 0 0;
border-radius: 50%;
position: absolute;
width: 40px;
height: 40px;
}
.process-section .icon-holder {
background: #fff;
border-radius: 50%;
text-align: center;
width: 100px;
height: 100px;
border: 1px solid #ddd;
white-space: nowrap;
}
.process-section .icon-holder .fa {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.process-section .icon-holder:before {
content: '';
vertical-align: middle;
display: inline-block;
height: 100%;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
}
.dark .process-section .icon-holder {
background: #191919;
border-color: #494949;
}
.process-section .txt {
color: #2a2a2a;
display: block;
text-align: center;
padding: 0 37px 0 0;
letter-spacing: 2px;
text-transform: uppercase;
font: 600 12px/20px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .process-section .txt {
color: #8f8f8f;
}
@media only screen and (max-width: 1219px) {
.process-section .txt {
padding: 0 0 25px;
}
} .progress-holder {
margin: 0;
}
.progress-holder li {
height: 30px;
margin: 0 0 20px;
position: relative;
background: #f8f8f8;
}
.dark .progress-holder li {
background: #191919;
}
.progress-holder .progress-bar-outer {
top: 0;
left: 0;
bottom: 0;
height: 30px;
display: block;
position: absolute;
}
.progress-holder .text {
top: 6px;
left: 12px;
color: #fff;
position: absolute;
letter-spacing: 2px;
text-transform: uppercase;
font: 600 12px/18px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.progress-holder .progress-bar {
height: 30px;
width: 100%;
margin-bottom: 0;
box-shadow: none;
border-radius: 0;
overflow: visible;
position: relative;
background-color: transparent;
}
.progress-holder .counter {
top: 5px;
right: 16px;
color: #2a2a2a;
font-size: 13px;
line-height: 18px;
position: absolute;
}
.dark .progress-holder .counter {
color: #fff;
}
.progress-holder.style2 {
margin: 0;
padding: 0 17.4% 0 0;
}
.progress-holder.style2 li {
height: auto;
margin: 0 0 12px;
overflow: hidden;
}
.dark .progress-holder.style2 li {
background: none;
}
.progress-holder.style2 .progress-bar {
height: 12px;
background: #ebebeb;
}
.dark .progress-holder.style2 .progress-bar {
background: #191919;
}
.progress-holder.style2 .progress-bar-outer {
height: 12px;
overflow: visible !important;
}
.progress-holder.style2 .title {
display: block;
font-size: 12px;
font-weight: 600;
margin: 0 0 15px;
color: #666;
letter-spacing: 2px;
text-transform: uppercase;
font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.progress-holder.style2 .counter {
padding: 0;
left: 100%;
top: -26px;
width: 31px;
right: auto;
color: #fff;
font-size: 11px;
background: #222;
margin: 0 0 0 1px;
text-align: center;
position: relative;
position: absolute;
}
.progress-holder.style2 .counter:before {
position: absolute;
content: "";
top: 100%;
bottom: auto;
left: 0;
right: auto;
}
.progress-holder.style2 .counter:before {
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 0;
border-color: #222 transparent transparent transparent;
}   .welcom-banner {
z-index: 5;
overflow: hidden;
position: relative;
position: relative;
}
.welcom-banner:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.welcom-banner:before {
z-index: 9;
background: rgba(0, 0, 0, 0.40);
}
.welcom-banner .vimeo {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
}
@media only screen and (max-width: 767px) {
.welcom-banner .vimeo {
left: -340px;
right: -340px;
}
}
.welcom-banner .beans-pagination {
bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.welcom-banner .beans-pagination li {
margin: 0 6px 0 5px;
display: inline-block;
vertical-align: top;
}
.welcom-banner .beans-pagination li.active a {
background: #fff;
}
.welcom-banner .beans-pagination a {
display: block;
overflow: hidden;
border-radius: 50%;
text-indent: -9999px;
width: 10px;
height: 10px;
border: 2px solid #fff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.welcom-banner .beans-pagination a:hover {
background: #fff;
text-decoration: none;
}
.welcom-banner .btn-prev, .welcom-banner .btn-next {
right: 0;
top: 50%;
opacity: 0;
z-index: 9;
color: #fff;
font-size: 60px;
margin: -46px 0 0;
position: absolute;
visibility: visible;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media only screen and (max-width: 767px) {
.welcom-banner .btn-prev, .welcom-banner .btn-next {
margin: -20px 0 0;
right: 15px;
}
}
.welcom-banner .btn-prev:hover, .welcom-banner .btn-next:hover {
opacity: 0.8;
text-decoration: none;
}
.welcom-banner .btn-prev {
left: 0;
right: auto;
}
.welcom-banner:hover .btn-next {
opacity: 1;
right: 29px;
visibility: visible;
}
@media only screen and (max-width: 767px) {
.welcom-banner:hover .btn-next {
right: 15px;
}
}
.welcom-banner:hover .btn-prev {
opacity: 1;
left: 29px;
right: auto;
visibility: visible;
}
@media only screen and (max-width: 767px) {
.welcom-banner:hover .btn-prev {
right: auto;
left: 15px;
}
}
.welcom-banner:hover .beans-pagination {
opacity: 1;
bottom: 33px;
visibility: visible;
}
.welcom-banner .beans-fadeslider .slideset {
z-index: -1;
}
.welcom-banner.style4 .welcome-heading {
letter-spacing: 1px;
font: 400 14px/24px 'Lato', Georgia, "Times New Roman", Times, serif;
}
.banner-section {
z-index: 999;
min-height: 533px;
padding-top: 20px;
position: relative;
padding-bottom: 40px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
white-space: nowrap;
}
.banner-section .welcome-heading {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.banner-section:before {
content: '';
vertical-align: middle;
display: inline-block;
height: 100%;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
}
.welcome-heading {
margin: 0;
width: 100%;
color: #fff;
padding: 160px 0 0;
text-align: center;
letter-spacing: 5px;
font: 600 18px/22px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.welcome-heading br {
display: none;
}
}
.welcome-heading h1 {
margin: 0 0 27px;
overflow: hidden;
letter-spacing: 6px;
padding: 19px 25px 21px;
border: 5px solid #fff;
text-transform: uppercase;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
display: inline-block;
vertical-align: top;
font: 700 60px/64px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 991px) {
.welcome-heading h1 {
font-size: 50px;
}
}
@media only screen and (max-width: 767px) {
.welcome-heading h1 {
font-size: 26px;
line-height: 40px;
}
}
.welcome-heading p {
margin: 0 0 26px;
}
.welcome-heading .buttons-box {
overflow: hidden;
}
.welcome-heading .btn {
margin: 0 3px;
border-width: 2px;
}
.welcome-heading .main-text {
width: 509px;
color: #fff;
display: block;
margin: 0 auto 25px;
letter-spacing: 6px;
text-transform: uppercase;
font: 600 48px/60px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.welcome-heading .main-text {
width: 100%;
font-size: 22px;
line-height: 30px;
}
.welcome-heading .main-text br {
display: none;
}
}
.welcome-heading .main-text .rotate-text {
display: block;
padding: 12px 0;
font-size: 60px;
font-weight: 700;
margin: 10px 0 0;
}
@media only screen and (max-width: 767px) {
.welcome-heading .main-text .rotate-text {
font-size: 30px;
line-height: 50px;
}
} .about-post {
color: #8f8f8f;
font-size: 14px;
line-height: 26px;
margin-bottom: 30px;
}
.about-post .img-box {
overflow: hidden;
margin: 0 0 26px;
}
.about-post h3 {
color: #222;
margin: 0 0 22px;
letter-spacing: 2px;
text-transform: uppercase;
font: 600 16px/21px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .about-post h3 {
color: #fff;
}
.about-post h3 a {
color: #222;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dark .about-post h3 a {
color: #fff;
}
.about-post h3 a:hover {
text-decoration: none;
}
.about-post h3 *.large {
font-size: 18px;
}
.about-post p {
margin: 0 0 23px;
}
.about-post .btn {
color: #8f8f8f;
border-color: #ddd;
}
.dark .about-post .btn {
color: rgba(143, 143, 143, 0.6);
border-color: rgba(143, 143, 143, 0.6);
}
.about-post .btn:hover {
color: #fff;
}
.dark .about-post .btn:hover {
color: #8f8f8f;
background: transparent;
color: #8f8f8f;
border-color: #8f8f8f;
}
.features-col {
color: #222;
margin-bottom: 30px;
}
.dark .features-col {
color: #fff;
}
.features-col h2 {
margin: 0 0 39px;
letter-spacing: 2px;
text-transform: uppercase;
font: 600 21px/24px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.features-col.style2 h2 {
font-weight: 700;
}
.features-col.style3 .panel-title a {
padding: 12px 10px 15px 29px;
}
.features-col.style4 .panel-title a {
color: #fff;
line-height: 2;
font-size: 14px;
overflow: hidden;
font-weight: 600;
text-transform: uppercase;
padding: 15px 37px 15px 42px;
font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.features-col.style4 .panel-title a.collapsed {
background: #222;
}
.features-col.style4 .list-events {
margin: -22px 0 0;
}
.features-col.style4 .list-events li {
margin: 0 0 0 17px;
padding: 37px 0 32px;
border-top: 1px solid #ededed;
}
.features-col.style4 .list-events li:first-child {
border-top-color: transparent;
}
@media only screen and (max-width: 1219px) {
.features-col.style4 .list-events li {
margin: 0;
}
}
.features-col.style4 .list-events p {
margin: 0;
}
.features-col.style4 .list-events .title {
color: #222;
display: block;
margin: 0 0 16px;
position: relative;
padding: 0 17px 0 22px;
letter-spacing: 1.5px;
text-transform: uppercase;
font: 600 14px/20px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .features-col.style4 .list-events .title {
color: #fff;
}
.features-col.style4 .list-events .fa {
top: 0;
left: 0;
font-size: 17px;
position: absolute;
}
.features-col.style4 .list-events time {
float: right;
position: relative;
padding: 0 0 0 28px;
}
.tabs-block {
overflow: hidden;
} .nav-tabs {
font-size: 14px;
line-height: 16px;
text-transform: capitalize;
border-bottom: 0;
}
.nav-tabs > li {
margin: 0;
}
.nav-tabs > li > a {
color: #222;
margin: 11px 0 0;
border-radius: 1px;
background: #fff;
letter-spacing: 1px;
padding: 11px 29px 12px;
border: solid #ececec;
border-width: 1px 1px 0 1px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
position: relative;
z-index: 1;
position: relative;
}
.nav-tabs > li > a:before {
top: 0;
z-index: -1;
bottom: auto;
left: -1px;
right: -1px;
background: transparent;
}
.nav-tabs > li > a:after {
position: absolute;
content: "";
top: 4px;
bottom: auto;
left: 50%;
right: auto;
}
.dark .nav-tabs > li > a {
color: #fff;
background: #191919;
border-color: #494949;
}
@media only screen and (max-width: 991px) {
.nav-tabs > li > a {
padding: 11px 15px 12px;
}
}
@media only screen and (max-width: 767px) {
.nav-tabs > li > a {
padding: 11px 12px 12px;
}
}
.nav-tabs > li > a:before {
top: -1px;
opacity: 0;
height: 5px;
visibility: hidden;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.nav-tabs > li > a:after {
opacity: 0;
margin: 0 0 0 -3px;
visibility: hidden;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0 4px;
border-color: transparent transparent transparent transparent;
}
.nav-tabs > li > a:hover {
margin: 0;
background: #fff;
padding: 18px 29px 16px;
}
.dark .nav-tabs > li > a:hover {
background: #191919;
}
@media only screen and (max-width: 991px) {
.nav-tabs > li > a:hover {
padding: 18px 20px 16px;
}
}
@media only screen and (max-width: 767px) {
.nav-tabs > li > a:hover {
padding: 18px 8px 16px;
}
}
.nav-tabs > li > a:hover:after, .nav-tabs > li > a:hover:before {
opacity: 1;
visibility: visible;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
margin: 0;
border-radius: 0;
background: #fff;
border: solid #ececec;
border-width: 1px 1px 0 1px;
padding: 18px 29px 16px;
position: relative;
z-index: 1;
position: relative;
}
.nav-tabs > li.active > a:before, .nav-tabs > li.active > a:hover:before, .nav-tabs > li.active > a:focus:before {
top: 0;
z-index: -1;
bottom: auto;
left: -1px;
right: -1px;
background: transparent;
}
.nav-tabs > li.active > a:after, .nav-tabs > li.active > a:hover:after, .nav-tabs > li.active > a:focus:after {
position: absolute;
content: "";
top: 4px;
bottom: auto;
left: 50%;
right: auto;
}
.dark .nav-tabs > li.active > a, .dark .nav-tabs > li.active > a:hover, .dark .nav-tabs > li.active > a:focus {
border-color: #494949;
background: #191919;
}
@media only screen and (max-width: 991px) {
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
padding: 18px 20px 16px;
}
}
@media only screen and (max-width: 767px) {
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
padding: 18px 12px 16px;
}
}
.nav-tabs > li.active > a:before, .nav-tabs > li.active > a:hover:before, .nav-tabs > li.active > a:focus:before {
top: -1px;
opacity: 1;
height: 5px;
visibility: visible;
}
.nav-tabs > li.active > a:after, .nav-tabs > li.active > a:hover:after, .nav-tabs > li.active > a:focus:after {
opacity: 1;
margin: 0 0 0 -3px;
visibility: visible;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0 4px;
border-color: transparent transparent transparent transparent;
}
.tab-content {
overflow: hidden;
}
.tab-pane {
color: #8f8f8f;
font-size: 14px;
overflow: hidden;
line-height: 26px;
background: #fff;
border: 1px solid #ececec;
padding: 24px 5% 22px 5.3%;
}
.dark .tab-pane {
background: #191919;
border-color: #494949;
}
@media only screen and (max-width: 1219px) {
.tab-pane {
padding: 20px 3%;
}
}
.tab-pane .alignleft {
float: left;
margin: 7px 34px 0 0;
}
@media only screen and (max-width: 1219px) {
.tab-pane .alignleft {
margin: 7px 14px 0 0;
}
}
@media only screen and (max-width: 991px) {
.tab-pane .alignleft {
float: none;
margin: 0 0 20px;
}
.tab-pane .alignleft img {
width: 100%;
}
}
.tab-pane .text-box {
overflow: hidden;
}
.tab-pane .text-box p {
margin: 0;
}
.panel-group {
overflow: hidden;
}
.panel-group .panel {
border-radius: 0;
box-shadow: none;
margin-bottom: 9px;
background: #fff;
border-color: #ececec;
}
.dark .panel-group .panel {
background: #191919;
border-color: #494949;
}
.panel-default > .panel-heading {
border-radius: 0;
}
.features-col .panel-default > .panel-heading {
padding: 0;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-color: #ececec;
}
.panel-default > .panel-heading {
background: none;
}
.panel-title {
color: #fff;
font: 14px/18px 'Lato', Georgia, "Times New Roman", Times, serif;
text-transform: capitalize;
}
.panel-title a {
color: #fff;
display: block;
position: relative;
letter-spacing: 1px;
padding: 12px 10px 15px 44px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.panel-title a:hover {
color: #fff;
text-decoration: none;
}
.panel-title a.collapsed {
color: #2a2a2a;
background: #fff;
}
.dark .panel-title a.collapsed {
color: #fff;
background: #191919;
}
.panel-title a.collapsed:hover {
color: #fff;
}
.panel-title .fa {
top: 50%;
left: 20px;
margin: -7px 0 0;
font-size: 15px;
line-height: 12px;
position: absolute;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.panel-body {
color: #8f8f8f;
line-height: 26px;
padding: 23px 20px 24px 29px;
}
.panel-body dl {
margin: 0;
letter-spacing: 2px;
}
.panel-body dl dt {
float: left;
color: #222;
width: 129px;
font-size: 14px;
font-weight: 600;
}
.dark .panel-body dl dt {
color: #fff;
}
.panel-body dl dd {
margin: 0;
overflow: hidden;
} .business-block {
position: relative;
}
.business-block:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.business-block:before {
z-index: 9;
background: rgba(255, 255, 255, 0.92);
}
.dark .business-block:before {
background: rgba(34, 34, 34, 0.92);
}
.business-block.dark:before {
background: rgba(255, 255, 255, 0.85);
}
.dark .business-block.dark:before {
background: rgba(34, 34, 34, 0.85);
}
.create-business {
line-height: 26px;
position: relative;
z-index: 999;
}
.create-business h2 {
color: #222;
margin: 0 0 23px;
letter-spacing: 2px;
text-transform: uppercase;
font: 600 21px/24px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .create-business h2 {
color: #fff;
}
.create-business p {
margin: 0;
}
.create-business .busines-col {
padding-top: 30px;
}
@media only screen and (max-width: 1219px) {
.create-business .busines-col {
padding-top: 0;
}
}
.create-business .img-box {
overflow: hidden;
margin: -30px 0 -43px;
}
@media only screen and (max-width: 1219px) {
.create-business .img-box {
margin: 40px 0 -43px;
}
}
@media only screen and (max-width: 991px) {
.create-business .img-box {
margin: 192px 0 -30px;
}
}
@media only screen and (max-width: 767px) {
.create-business .img-box {
margin: 0 0 -30px;
}
}
.create-business .buttons-box {
padding: 24px 0;
overflow: hidden;
}
.create-business .btn {
margin: 0 8px 0 0;
border: 2px solid transparent;
}
@media only screen and (max-width: 767px) {
.create-business .btn {
margin: 0 8px 10px 0;
}
}
.create-business .btn-f-info {
color: #2a2a2a;
background: none;
border-color: #2a2a2a;
}
.create-business .btn-f-info:hover {
color: #fff;
}
.dark .create-business .btn-f-info {
color: #fff;
border-color: #fff;
}
.create-business .btn-f-default:hover {
color: #2a2a2a;
border-color: #2a2a2a;
background: none;
}
.dark .create-business .btn-f-default:hover {
color: #fff;
border-color: #fff;
}
.create-business .video-block {
overflow: hidden;
} .partners-block {
overflow: hidden;
}
.partners-nav {
margin: 0;
text-align: center;
overflow: hidden;
}
.partners-nav li {
margin: 0 17px;
}
.partners-nav li img {
display: block;
}
.partners-nav a {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.partners-nav .frame {
white-space: nowrap;
}
.partners-nav .frame .box {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.partners-nav .frame:before {
content: '';
vertical-align: middle;
display: inline-block;
height: 100%;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
}
.partners-nav .frame a:hover {
opacity: 0.7;
}
.partners-nav .frame.add a {
opacity: 0.4;
}
.partners-nav .frame.add a:hover {
opacity: 1;
}
.partners-nav.large li {
margin: 0 60px;
}
.partners-nav.medium li {
margin: 0 30px;
}   .personal-banner .text-box {
z-index: 55;
color: #2a2a2a;
position: relative;
letter-spacing: 2px;
text-transform: uppercase;
white-space: nowrap;
font: 600 16px/24px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.personal-banner .text-box .box {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.personal-banner .text-box:before {
content: '';
vertical-align: middle;
display: inline-block;
height: 100%;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
}
.personal-banner .box {
margin: 4px 0 0 -1px;
}
.personal-banner h1 {
color: #2a2a2a;
margin: 0 0 20px;
text-transform: initial;
font: 600 76px/80px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.personal-banner h1 {
font-size: 55px;
line-height: 60px;
}
} .personal-about {
font-size: 18px;
font-weight: 300;
line-height: 32px;
text-align: center;
font-style: italic;
padding: 90px 0 99px;
}
.personal-about .block {
padding: 0 17px;
}
.personal-about p {
margin: 0 0 52px;
} .p-skill-section {
overflow: hidden;
}
.p-skill-section .img-box {
width: 50%;
float: left;
height: 600px;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 767px) {
.p-skill-section .img-box {
float: none;
width: 100%;
height: 300px !important;
}
}
.p-skill-section .block {
color: #8f8f8f;
font-size: 16px;
max-width: 550px;
overflow: hidden;
line-height: 27px;
padding: 69px 0 0 29px;
}
@media only screen and (max-width: 767px) {
.p-skill-section .block {
max-width: 100%;
padding: 40px 15px 0;
}
}
.p-skill-section .block p {
margin: 0 0 18px;
}
.p-skill-section .chart-block {
overflow: hidden;
margin: 0 -45px 0 -33px;
}
@media only screen and (max-width: 767px) {
.p-skill-section .chart-block {
margin: 0;
}
}
.p-skill-section .box {
width: 197px;
margin: 0 0 44px;
font-weight: 400;
font-style: normal;
display: inline-block;
vertical-align: top;
}
@media only screen and (max-width: 1219px) {
.p-skill-section .box {
width: 176px;
}
}
@media only screen and (max-width: 767px) {
.p-skill-section .box {
width: 100%;
display: block;
}
}
.p-skill-section .pie-chart {
line-height: 20px;
position: relative;
margin: 0 auto 9px;
text-align: center;
}
.p-skill-section .pie-chart canvas {
top: 0;
left: 0;
z-index: 1;
width: 100%;
display: block;
position: absolute;
}
.p-skill-section .pie-chart .pie-chart-percent {
left: 0;
top: 50px;
width: 100%;
z-index: 10;
color: #2a2a2a;
display: block;
text-align: center;
position: absolute;
font: 700 15px/20px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .p-skill-section .pie-chart .pie-chart-percent {
color: #fff;
}
.p-skill-section .pie-chart img {
max-width: 100%;
vertical-align: middle;
}
.p-skill-section .pie-description {
color: #2a2a2a;
display: block;
font-size: 12px;
font-weight: 600;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .p-skill-section .pie-description {
color: #fff;
}
.p-skill-section.style2 .img-box {
float: right;
height: 640px;
}
@media only screen and (max-width: 767px) {
.p-skill-section.style2 .img-box {
float: none;
height: 300px !important;
}
}
.p-skill-section.style2 .page-heading {
text-align: left;
}
.p-skill-section.style2 .form-block {
width: 50%;
float: right;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 767px) {
.p-skill-section.style2 .form-block {
float: none;
width: 100%;
height: auto !important;
}
}
.p-skill-section.style2 .page-heading {
margin: 0 0 20px;
}
.p-skill-section.style2 .block {
z-index: 99;
float: right;
width: 63.3%;
max-width: 100%;
position: relative;
padding: 87px 34px 40px 10px;
}
@media only screen and (max-width: 1219px) {
.p-skill-section.style2 .block {
width: 100%;
padding: 87px 20px 40px;
}
} .personal-process {
overflow: hidden;
padding: 90px 0 20px;
}
@media only screen and (max-width: 767px) {
.personal-process {
padding: 50px 0 20px;
}
}
.personal-process .beans-slider {
color: #8f8f8f;
margin: 0 auto;
font-size: 18px;
max-width: 730px;
overflow: hidden;
line-height: 32px;
font-style: italic;
text-align: center;
}
.personal-process .beans-slider .beans-pagination {
position: static;
overflow: hidden;
padding: 12px 0 60px;
}
.personal-process .beans-slider .beans-pagination ul li {
margin: 0 4px;
vertical-align: top;
display: inline-block;
}
.personal-process .beans-slider .beans-pagination a {
display: block;
overflow: hidden;
border-radius: 50%;
text-indent: -9999px;
width: 12px;
height: 12px;
border: 1px solid #dedede;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.personal-process .beans-slider .beans-pagination a:hover {
text-decoration: none;
}
.personal-process .icon {
color: #fff;
display: block;
font-size: 39px;
padding: 39px 0 0;
text-align: center;
border-radius: 50%;
margin: 0 auto 33px;
width: 120px;
height: 120px;
}
.personal-process .title {
color: #2a2a2a;
display: block;
font-size: 21px;
font-weight: 700;
margin: 0 0 23px;
line-height: 25px;
font-style: normal;
text-transform: uppercase;
}
.dark .personal-process .title {
color: #fff;
} .personal-exper {
color: #8f8f8f;
padding: 91px 0 24px;
}
.personal-exper .p-holder {
font-size: 14px;
overflow: hidden;
padding: 0 0 74px;
line-height: 20px;
position: relative;
}
@media only screen and (max-width: 767px) {
.personal-exper .p-holder {
padding: 0 0 40px;
}
}
.personal-exper .p-holder:after {
top: 0;
bottom: 0;
left: 584px;
width: 2px;
background: #ededed;
}
@media only screen and (max-width: 1219px) {
.personal-exper .p-holder:after {
left: 470px;
}
}
@media only screen and (max-width: 991px) {
.personal-exper .p-holder:after {
left: 359px;
}
}
@media only screen and (max-width: 767px) {
.personal-exper .p-holder:after {
display: none;
}
}
.dark .personal-exper .p-holder:after {
background: #494949;
}
.personal-exper .p-holder:last-child:after {
bottom: 74px;
}
.personal-exper .p-holder .box {
float: left;
width: 532px;
padding: 23px 0 0;
text-align: right;
margin: 0 22px 0 0;
}
@media only screen and (max-width: 1219px) {
.personal-exper .p-holder .box {
width: 416px;
}
}
@media only screen and (max-width: 991px) {
.personal-exper .p-holder .box {
width: 306px;
}
}
.personal-exper .p-holder .title {
color: #2a2a2a;
display: block;
font-size: 16px;
margin: 0 0 24px;
line-height: 20px;
}
.dark .personal-exper .p-holder .title {
color: #fff;
}
.personal-exper .p-holder .title a {
color: #2a2a2a;
font-size: 12px;
text-transform: uppercase;
}
.dark .personal-exper .p-holder .title a {
color: #fff;
}
.personal-exper .p-holder time {
float: left;
color: #2a2a2a;
width: 200px;
font-size: 16px;
line-height: 20px;
padding: 22px 0 0 21px;
}
.dark .personal-exper .p-holder time {
color: #fff;
}
.personal-exper .p-holder .icon {
color: #fff;
z-index: 5;
float: left;
font-size: 24px;
padding: 20px 0 0;
position: relative;
text-align: center;
border-radius: 50%;
margin: 0 auto 33px;
width: 62px;
height: 62px;
}
.personal-exper .p-holder p {
margin: 0;
}
.personal-exper .p-holder:nth-child(even) .box {
float: right;
text-align: left;
margin: 0 0 0 22px;
}
.personal-exper .p-holder:nth-child(even) time {
float: right;
text-align: right;
padding: 22px 21px 0 0;
}
.personal-exper .p-holder:nth-child(even) .icon {
float: right;
}
.personal-exper.style3 {
padding-top: 0;
}
.personal-exper.style3 .img-box {
overflow: hidden;
margin: 0 0 20px;
}
.personal-exper.style3 h2 {
color: #2a2a2a;
display: block;
font-size: 16px;
margin: 0 0 10px;
line-height: 20px;
text-transform: uppercase;
}
.dark .personal-exper.style3 h2 {
color: #fff;
}
.personal-exper.style3 h2 a {
color: #2a2a2a;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dark .personal-exper.style3 h2 a {
color: #fff;
}
.personal-exper.style3 h2 a:hover {
text-decoration: none;
}
.personal-exper.style3 .p-holder {
padding: 0 0 34px;
}
.personal-exper.style3.sidebar .p-holder:after {
left: 434px;
}
@media only screen and (max-width: 1219px) {
.personal-exper.style3.sidebar .p-holder:after {
left: 350px;
}
}
@media only screen and (max-width: 991px) {
.personal-exper.style3.sidebar .p-holder:after {
display: none;
}
}
.personal-exper.style3.sidebar .p-holder .box {
width: 382px;
}
@media only screen and (max-width: 1219px) {
.personal-exper.style3.sidebar .p-holder .box {
width: 296px;
}
}
@media only screen and (max-width: 991px) {
.personal-exper.style3.sidebar .p-holder .box {
width: 377px;
}
}
@media only screen and (max-width: 767px) {
.personal-exper.style3.sidebar .p-holder .box {
width: 100%;
}
}
@media only screen and (max-width: 991px) {
.personal-exper.style3.sidebar .p-holder time {
display: none;
}
} .p-skills .heading-v5 {
margin: 0 0 2px;
}
.p-skills .title {
display: block;
margin: 0 0 19px;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
font: 600 16px/20px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.p-skills .progress-right {
text-align: right;
}
.p-skills .progress-right .progress-holder .progress-bar-outer {
background: #2a2a2a;
left: auto;
right: 0;
}
.p-skills .progress-right .progress-holder .text {
left: auto;
right: 21px;
}
.p-skills .progress-right .progress-holder .counter {
left: 9px;
right: auto;
}
.p-skills .progress-holder {
margin: 0;
}
.p-skills .progress-holder .counter {
color: #8f8f8f;
}
.p-skills .progress-holder .text {
text-transform: uppercase;
}   .w7 {
position: relative;
padding: 0 0 0 260px;
}
@media only screen and (max-width: 991px) {
.w7 {
padding: 0;
-webkit-transition: margin 0.4s ease;
-moz-transition: margin 0.4s ease;
-o-transition: margin 0.4s ease;
transition: margin 0.4s ease;
}
} .showcase-gallery .beans-slide {
position: relative;
padding: 0 0 0 112px;
white-space: nowrap;
}
.showcase-gallery .beans-slide .heading {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.showcase-gallery .beans-slide:before {
content: '';
vertical-align: middle;
display: inline-block;
min-height: inherit;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
}
@media only screen and (max-width: 767px) {
.showcase-gallery .beans-slide {
padding: 0 0 0 30px;
}
}
.showcase-gallery .beans-slide .heading {
z-index: 99;
color: #fff;
position: relative;
margin: -7px 0 0;
}
.showcase-gallery .beans-slide .heading h2 {
margin: 0;
letter-spacing: 10px;
text-transform: capitalize;
font: italic 100px/100px 'Lato', Georgia, "Times New Roman", Times, serif;
}
@media only screen and (max-width: 767px) {
.showcase-gallery .beans-slide .heading h2 {
font-size: 30px;
line-height: 35px;
}
}
.showcase-gallery .beans-pagination {
bottom: 80px;
}
@media only screen and (max-width: 767px) {
.showcase-gallery .beans-pagination {
bottom: 53px;
}
}
.showcase-gallery .beans-pagination li {
padding: 0 4px;
float: none;
display: inline-block;
vertical-align: top;
}
.showcase-gallery .beans-pagination li.active a {
background: #fff;
}
.showcase-gallery .beans-pagination li a {
display: block;
border-radius: 50%;
text-indent: -9999px;
width: 10px;
height: 10px;
border: 2px solid #fff;
}
.showcase-gallery .beans-pagination li a:hover {
text-decoration: none;
}
.showcase-gallery .beans-pagination li a:hover {
background: #fff;
text-decoration: none;
} .photo-heading {
margin: 0;
color: #2a2a2a;
text-transform: capitalize;
font: italic 48px/50px 'Lato', Georgia, "Times New Roman", Times, serif;
}
@media only screen and (max-width: 991px) {
.photo-heading {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (max-width: 767px) {
.photo-heading {
font-size: 20px;
line-height: 30px;
}
}   .lancer-banner {
color: #fff;
}
.lancer-banner .container {
z-index: 99;
position: relative;
}
.lancer-banner .text-box {
float: right;
width: 571px;
letter-spacing: 1.8px;
white-space: nowrap;
font: 16px/20px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.lancer-banner .text-box .frame {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.lancer-banner .text-box:before {
content: '';
vertical-align: middle;
display: inline-block;
height: 100%;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
}
@media only screen and (max-width: 767px) {
.lancer-banner .text-box {
width: 100%;
}
}
.lancer-banner h1 {
margin: 0 0 17px;
letter-spacing: 0;
font: 700 68px/70px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.lancer-banner h1 {
font-size: 40px;
line-height: 50px;
}
}
.lancer-banner .btn {
border-width: 2px;
margin: 0 0 30px 2px !important;
}
.lancer-banner p {
margin: 0 0 28px;
} .lancer-about {
color: #8f8f8f;
font-size: 15px;
line-height: 32px;
font-style: italic;
}
.lancer-about .txt {
width: 48%;
float: left;
margin: 0 2.5% 0 0;
}
@media only screen and (max-width: 767px) {
.lancer-about .txt {
width: 100%;
float: none;
margin: 0 0 20px;
}
}
.lancer-about .txt p {
margin: 0;
}
.lancer-about .chart-block {
width: 53%;
float: left;
margin: 0 -12% 0 0;
}
@media only screen and (max-width: 767px) {
.lancer-about .chart-block {
margin: 0;
width: 100%;
float: none;
}
}
.lancer-about .box {
width: 100%;
margin: 0 0;
font-weight: 400;
font-style: normal;
display: inline-block;
vertical-align: top;
}
@media only screen and (max-width: 767px) {
.lancer-about .box {
width: 49%;
}
}
.lancer-about .pie-chart {
line-height: 20px;
position: relative;
margin: 0 auto 6px;
text-align: center;
}
.lancer-about .pie-chart canvas {
top: 0;
left: 0;
z-index: 1;
width: 100%;
display: block;
position: absolute;
}
.lancer-about .pie-chart .pie-chart-percent {
left: 0;
top: 50px;
width: 100%;
z-index: 10;
color: #2a2a2a;
display: block;
text-align: center;
position: absolute;
font: 700 15px/20px 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .lancer-about .pie-chart .pie-chart-percent {
color: #fff;
}
.lancer-about .pie-chart img {
max-width: 100%;
vertical-align: middle;
}
.lancer-about .pie-description {
color: #2a2a2a;
display: block;
font-size: 11px;
font-weight: 600;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .lancer-about .pie-description {
color: #fff;
}
.lancer-about strong.title {
font-style: normal;
letter-spacing: 2px;
text-transform: uppercase;
} .lancer-do {
text-align: center;
}
.lancer-do .list-do {
font-size: 14px;
overflow: hidden;
line-height: 22px;
border: solid #ddd;
border-width: 1px 1px 0 0;
}
.dark .lancer-do .list-do {
border-color: #494949;
}
.lancer-do .list-do li {
width: 25%;
float: left;
border: solid #ddd;
border-width: 0 0 1px 1px;
}
.dark .lancer-do .list-do li {
border-color: #494949;
}
@media only screen and (max-width: 767px) {
.lancer-do .list-do li {
width: 50%;
}
}
@media only screen and (max-width: 479px) {
.lancer-do .list-do li {
width: 100%;
}
}
.lancer-do .list-do p {
max-height: 0;
overflow: hidden;
margin: 0 25px 0 29px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.lancer-do .list-do a {
color: #8f8f8f;
height: 270px;
display: block;
white-space: nowrap;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.lancer-do .list-do a .frame {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.lancer-do .list-do a:before {
content: '';
vertical-align: middle;
display: inline-block;
height: 100%;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
}
.dark .lancer-do .list-do a {
color: #fff;
}
.lancer-do .list-do a:hover {
background: #2a2a2a;
text-decoration: none;
}
.lancer-do .list-do a:hover .text {
color: #fff;
}
.lancer-do .list-do a:hover p {
max-height: 99px;
margin: 22px 25px 6px 29px;
}
.lancer-do .fa {
display: block;
font-size: 23px;
margin: 5px 0 26px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.lancer-do .text {
color: #2a2a2a;
display: block;
font-size: 12px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dark .lancer-do .text {
color: #fff;
}
.lancer-do.style2 .fa {
text-shadow: none;
}
.lancer-do.style2 .list-do a:hover {
color: #fff;
}
.lancer-do.style2 .list-do a:hover .fa, .lancer-do.style2 .list-do a:hover .text {
color: #fff;
}   .wedding-banner .banner-over {
z-index: 5;
}
.wedding-banner .btn-prev, .wedding-banner .btn-next {
color: #fff;
position: absolute;
left: 30px;
top: 50%;
margin: 54px 0 0;
z-index: 999;
transition: all 0.25s ease;
}
.wedding-banner .btn-prev .fa, .wedding-banner .btn-next .fa {
font-size: 60px;
line-height: 15px;
}
.wedding-banner .btn-prev:hover, .wedding-banner .btn-next:hover {
text-decoration: none;
}
.wedding-banner .btn-next {
left: auto;
right: 30px;
}
.wedding-content {
min-height: 719px;
} .wedding-header {
color: #fff;
text-align: center;
font: 21px/25px 'Playfair Display', "Helvetica Neue", Helvetica, Arial, sans-serif;
white-space: nowrap;
}
.wedding-header .holder {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.wedding-header:before {
content: '';
vertical-align: middle;
display: inline-block;
height: 100%;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
}
@media only screen and (max-width: 767px) {
.wedding-header {
font-size: 15px;
line-height: 18px;
height: 600px !important;
}
}
.wedding-header h1 {
margin: 0 0 18px;
font: 74px/86px 'Great Vibes', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.wedding-header h1 {
font-size: 30px;
line-height: 35px;
}
}
.wedding-header p {
margin: 0 0 38px;
}
.wedding-header .holder {
padding-top: 135px;
padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.wedding-header .holder {
padding-top: 40px;
}
} .wedding-nav {
margin: 0;
text-align: center;
font: italic 16px/20px 'Playfair Display', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wedding-nav .countdown-row {
display: block;
}
.wedding-nav .countdown-section {
display: inline-block;
vertical-align: top;
padding: 15px 10px 10px;
margin: 0 7px;
border-radius: 50%;
width: 100px;
height: 100px;
overflow: hidden;
}
.wedding-nav .countdown-section .countdown-amount {
display: block;
font-weight: 700;
font-size: 32px;
line-height: 34px;
margin: 0 0 7px;
}
.wedding-nav .countdown-section .countdown-period {
display: block;
}
.couple-block {
padding-top: 63px;
padding-bottom: 95px;
} .happy-couple {
color: #8f8f8f;
font-size: 14px;
line-height: 28px;
text-align: right;
}
.happy-couple .img-box {
overflow: hidden;
margin: 0 0 27px;
}
.happy-couple h3 {
color: #2a2a2a;
margin: 0 0 19px;
text-transform: uppercase;
font: 700 24px/28px 'Playfair Display', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .happy-couple h3 {
color: #fff;
}
.happy-couple h3 a {
color: #2a2a2a;
transition: all 0.25s ease;
}
.dark .happy-couple h3 a {
color: #fff;
}
.happy-couple h3 a:hover {
text-decoration: none;
}
.happy-couple .title {
display: block;
margin: 0 0 36px;
font: 32px/38px 'Great Vibes', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.happy-couple .title {
margin: 0 0 16px;
}
}
.happy-couple p {
margin: 0 0 28px;
}
.happy-couple .social {
margin: 0;
font-size: 18px;
padding: 2px 0 0;
}
@media only screen and (max-width: 767px) {
.happy-couple .social {
margin: 0 0 20px;
}
}
.happy-couple .social li {
padding: 0 0 0 19px;
}
.happy-couple .social a {
color: #8f8f8f;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.happy-couple .social a:hover {
text-decoration: none;
}
.happy-couple.bride {
text-align: left;
}
.happy-couple.bride .social li {
padding: 0 19px 0 0;
} .memories-text {
overflow: hidden;
text-align: center;
position: relative;
padding: 151px 0 143px;
position: relative;
}
.memories-text:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.memories-text:before {
background: rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
.memories-text {
padding: 50px 0 40px;
}
}
.memories-text .parallax-holder {
z-index: -1;
}
.memories-text blockquote {
border: 0;
margin: 0;
color: #fff;
padding: 0 17%;
font: 27px/40px 'Playfair Display', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
.memories-text blockquote {
padding: 0;
font-size: 20px;
line-height: 30px;
}
} .love-story {
padding: 94px 0 66px;
}
.love-story .row-holder {
position: relative;
}
.love-story .row-holder time {
top: 85px;
left: 50%;
width: 140px;
color: #fff;
font-size: 13px;
font-weight: 900;
text-align: center;
position: absolute;
margin: 0 0 0 -69px;
padding: 16px 10px 14px;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.love-story .row-holder time {
display: none;
}
}
.love-story .row-holder:before {
top: 0;
bottom: 0;
left: 50%;
width: 5px;
background: #f8f8f8;
margin: -14px 0 0 -3px;
}
.dark .love-story .row-holder:before {
background: #191919;
}
@media only screen and (max-width: 767px) {
.love-story .row-holder:before {
display: none;
}
}
.love-story .row-holder:last-child:before {
bottom: 80px;
}
.love-story h3 {
color: #2a2a2a;
margin: 0 0 10px;
font: 18px/20px 'Playfair Display', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dark .love-story h3 {
color: #fff;
}
.love-story h3 a {
color: #2a2a2a;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dark .love-story h3 a {
color: #fff;
}
.love-story h3 a:hover {
text-decoration: none;
}
.love-story .row-holder .box {
float: left;
width: 370px;
margin-left: 116px;
margin-bottom: 37px;
background: #f8f8f8;
border-radius: 2px 2px 0 0;
}
.dark .love-story .row-holder .box {
background: #191919;
}
@media only screen and (max-width: 1219px) {
.love-story .row-holder .box {
margin-left: 20px;
}
}
@media only screen and (max-width: 991px) {
.love-story .row-holder .box {
margin-left: 10px;
width: 270px;
}
}
@media only screen and (max-width: 767px) {
.love-story .row-holder .box {
float: none;
margin: 0 auto 10px;
}
}
.love-story .row-holder .box.right {
float: right;
margin-top: 90px;
margin-right: 114px;
}
@media only screen and (max-width: 1219px) {
.love-story .row-holder .box.right {
margin-right: 20px;
}
}
@media only screen and (max-width: 991px) {
.love-story .row-holder .box.right {
margin-right: 10px;
}
}
@media only screen and (max-width: 767px) {
.love-story .row-holder .box.right {
float: none;
margin: 0 auto 10px;
}
}
.love-story .row-holder .box img {
width: 100%;
border-radius: 2px 2px 0 0;
}
.love-story .row-holder .box .text-box {
color: #8f8f8f;
font-size: 14px;
overflow: hidden;
line-height: 20px;
padding: 26px 10px 25px 30px;
}
.love-story .row-holder .box p {
margin: 0;
}
.love-story.sidebar .row-holder .box {
width: 355px;
margin-left: 0;
}
@media only screen and (max-width: 1219px) {
.love-story.sidebar .row-holder .box {
width: 270px;
}
}
@media only screen and (max-width: 767px) {
.love-story.sidebar .row-holder .box {
width: 100%;
margin: 0 auto 10px;
}
}
.love-story.sidebar .row-holder .box.right {
margin-right: 0;
}
@media only screen and (max-width: 991px) {
.love-story.sidebar .row-holder .box.right {
margin-top: 37px;
}
}
@media only screen and (max-width: 991px) {
.love-story.sidebar .row-holder time {
top: auto;
left: auto;
clear: left;
z-index: 99;
display: block;
margin: 0 auto;
max-width: 280px;
position: relative;
}
}
@media only screen and (max-width: 991px) {
.love-story.sidebar .row-holder:before {
display: none;
}
} .invite-text {
color: #fff;
text-align: center;
padding: 145px 0 152px;
font: 35px/40px 'Playfair Display', "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
}
.invite-text:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.invite-text:before {
background: rgba(0, 0, 0, 0.4);
}
.invite-text .parallax-holder {
z-index: -1;
}
.invite-text p {
margin: 0 0 27px;
}
.invite-text .btn {
margin: 0 6px;
} .wedding-photos .holder {
width: 105%;
margin: 0 0 29px;
overflow: hidden;
}
.wedding-photos .box {
float: left;
width: 22%;
position: relative;
margin: 0 2.6% 30px 0;
}
@media only screen and (max-width: 991px) {
.wedding-photos .box {
margin: 0 2.6% 18px 0;
}
}
@media only screen and (max-width: 767px) {
.wedding-photos .box {
margin: 0 2.6% 8px 0;
}
}
.wedding-photos .box.half {
width: 46.2%;
}
.wedding-photos .box:hover .over {
top: 0;
}
.wedding-photos img {
width: 100%;
}
.wedding-photos .over {
overflow: hidden;
transition: all 0.6s ease;
background: rgba(0, 0, 0, 0.8);
top: 100%;
}
.wedding-photos .over a {
top: 50%;
left: 50%;
color: #fff;
font-size: 30px;
position: absolute;
margin: -15px 0 0 -15px;
}
.wedding-photos .over a:hover {
text-decoration: none;
}