/* Styles for Olins Contact Form Element */
.olins_contact_form_shortcode {
width: 100%;
height: 660px;
background-size: cover;
background-color: #f5f5f5;
}
.olins_contact_form_shortcode .form_container {
width: 50%;
float: right;
height: 660px;
}
.olins_contact_form_shortcode .form_container .text_align_left {
text-align: left;
}
.olins_contact_form_shortcode .form_container .text_align_left ::-webkit-input-placeholder {
text-align: left;
font-size: 14px;
color: #FFF;
}
.olins_contact_form_shortcode .form_container .text_align_left :-moz-placeholder {
/* Firefox 18- */
text-align: left;
font-size: 14px;
color: #FFF;
}
.olins_contact_form_shortcode .form_container .text_align_left ::-moz-placeholder {
/* Firefox 19+ */
text-align: left;
font-size: 14px;
color: #FFF;
}
.olins_contact_form_shortcode .form_container .text_align_left :-ms-input-placeholder {
text-align: left;
font-size: 14px;
color: #FFF;
}
.olins_contact_form_shortcode .form_container .text_align_left input,
.olins_contact_form_shortcode .form_container .text_align_left textarea,
.olins_contact_form_shortcode .form_container .text_align_left p {
text-align: left;
font-size: 14px;
color: #FFF;
}
.olins_contact_form_shortcode .form_container .text_align_right {
text-align: right;
}
.olins_contact_form_shortcode .form_container .text_align_right ::-webkit-input-placeholder {
text-align: right;
font-size: 14px;
color: #FFF;
}
.olins_contact_form_shortcode .form_container .text_align_right :-moz-placeholder {
/* Firefox 18- */
text-align: right;
font-size: 14px;
color: #FFF;
}
.olins_contact_form_shortcode .form_container .text_align_right ::-moz-placeholder {
/* Firefox 19+ */
text-align: right;
font-size: 14px;
color: #FFF;
}
.olins_contact_form_shortcode .form_container .text_align_right :-ms-input-placeholder {
text-align: right;
font-size: 14px;
color: #FFF;
}
.olins_contact_form_shortcode .form_container .text_align_right input,
.olins_contact_form_shortcode .form_container .text_align_right textarea,
.olins_contact_form_shortcode .form_container .text_align_right p {
text-align: right;
font-size: 14px;
color: #FFF;
}
.olins_contact_form_shortcode .form_container .text_align_center {
text-align: center;
}
.olins_contact_form_shortcode .form_container .text_align_center ::-webkit-input-placeholder {
text-align: center;
font-size: 14px;
color: #FFF;
}
.olins_contact_form_shortcode .form_container .text_align_center :-moz-placeholder {
/* Firefox 18- */
text-align: center;
font-size: 14px;
color: #FFF;
}
.olins_contact_form_shortcode .form_container .text_align_center ::-moz-placeholder {
/* Firefox 19+ */
text-align: center;
font-size: 14px;
color: #FFF;
}
.olins_contact_form_shortcode .form_container .text_align_center :-ms-input-placeholder {
text-align: center;
font-size: 14px;
color: #FFF;
}
.olins_contact_form_shortcode .form_container .text_align_center input,
.olins_contact_form_shortcode .form_container .text_align_center textarea,
.olins_contact_form_shortcode .form_container .text_align_center p {
text-align: center;
font-size: 14px;
color: #FFF;
}
.olins_contact_form_shortcode .form_container .the_form {
padding: 130px 60px 0 60px;
}
.olins_contact_form_shortcode .form_container .the_form h3 {
font-size: 30px;
font-weight: 900;
font-style: italic;
color: #FFF;
margin-bottom: 25px;
}
.olins_contact_form_shortcode .form_container .the_form .item_field {
width: 100%;
background: none;
height: 50px;
margin-bottom: 25px;
border: 0;
border-bottom: 4px solid #FFF;
}
.olins_contact_form_shortcode .form_container .the_form .submit_button {
margin-top: 30px;
font-size: 12px;
letter-spacing: 0.46em;
font-weight: 900;
color: #FFF;
border: 3px solid #FFF;
padding-left: 45px;
padding-right: 45px;
min-height: 50px;
transition: all 300ms ease-in-out;
}
.olins_contact_form_shortcode .form_container .the_form .submit_button:hover {
background-color: #FFF;
color: #000;
transition: all 300ms ease-in-out;
}
.olins_taxipress_services {
/* Tiles */
}
.olins_taxipress_services .text {
margin: 30px 0 50px 0;
}
.olins_taxipress_services .text p {
text-align: center;
font-size: 13px;
color: #555555;
line-height: 1.385;
padding-left: 25%;
padding-right: 25%;
}
.olins_taxipress_services .tiles > .col-6 {
height: 240px;
overflow: hidden;
transition: all 0.3s ease;
display: flex;
/* Hover */
}
.olins_taxipress_services .tiles > .col-6:nth-child(1) .img,
.olins_taxipress_services .tiles > .col-6:nth-child(2) .img {
order: 1;
}
.olins_taxipress_services .tiles > .col-6:nth-child(1) .txt,
.olins_taxipress_services .tiles > .col-6:nth-child(2) .txt {
order: 2;
}
.olins_taxipress_services .tiles > .col-6:nth-child(1) .txt:after,
.olins_taxipress_services .tiles > .col-6:nth-child(2) .txt:after {
display: block;
content: '';
position: absolute;
width: 0;
height: 0;
left: -20px;
top: 50%;
margin-top: -25px;
border-style: solid;
border-width: 20px 20px 20px 0;
border-color: transparent #f2ac20 transparent transparent;
z-index: 1;
transition: border-color 0.3s ease;
}
.olins_taxipress_services .tiles > .col-6:nth-child(3) .img,
.olins_taxipress_services .tiles > .col-6:nth-child(4) .img {
order: 2;
}
.olins_taxipress_services .tiles > .col-6:nth-child(3) .txt,
.olins_taxipress_services .tiles > .col-6:nth-child(4) .txt {
order: 1;
}
.olins_taxipress_services .tiles > .col-6:nth-child(3) .txt:after,
.olins_taxipress_services .tiles > .col-6:nth-child(4) .txt:after {
display: block;
content: '';
position: absolute;
width: 0;
height: 0;
right: -20px;
top: 50%;
margin-top: -25px;
border-style: solid;
border-width: 20px 0 20px 20px;
border-color: transparent transparent transparent #f2ac20;
z-index: 1;
transition: border-color 0.3s ease;
}
.olins_taxipress_services .tiles > .col-6 .col-6 {
height: inherit;
}
.olins_taxipress_services .tiles > .col-6 .txt {
background: #f2ac20;
padding: 55px 35px;
position: relative;
transition: all 0.3s ease;
}
.olins_taxipress_services .tiles > .col-6 .txt h3 {
font-size: 20px;
color: #171d1c;
line-height: 1.2;
text-transform: none;
}
.olins_taxipress_services .tiles > .col-6 .txt p {
font-size: 12px;
color: #785103;
}
.olins_taxipress_services .tiles > .col-6 .img {
position: relative;
}
.olins_taxipress_services .tiles > .col-6 .img img {
width: 100%;
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.8;
}
.olins_taxipress_services .tiles > .col-6 .img:after {
position: absolute;
display: block;
content: '';
background: url("images/taxipress/mask.png") repeat;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.olins_taxipress_services .tiles > .col-6:hover {
position: relative;
z-index: 10;
-webkit-box-shadow: 0 20px 80px 0 rgba(65, 31, 13, 0.49);
-moz-box-shadow: 0 20px 80px 0 rgba(65, 31, 13, 0.49);
box-shadow: 0 20px 80px 0 rgba(65, 31, 13, 0.49);
}
.olins_taxipress_services .tiles > .col-6:hover .img img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
.olins_taxipress_services .tiles > .col-6:hover .img:after {
background: none;
}
.olins_taxipress_services .tiles > .col-6:hover:nth-child(1) .txt:after,
.olins_taxipress_services .tiles > .col-6:hover:nth-child(2) .txt:after {
border-color: transparent #fff transparent transparent;
}
.olins_taxipress_services .tiles > .col-6:hover:nth-child(3) .txt:after,
.olins_taxipress_services .tiles > .col-6:hover:nth-child(4) .txt:after {
border-color: transparent transparent transparent #fff;
}
.olins_taxipress_services .tiles > .col-6:hover .txt {
background: #fff;
}
.olins_taxipress_contact {
/* Content */
}
.olins_taxipress_contact .background {
height: 200px;
}
.olins_taxipress_contact .background .col-6:first-of-type:after {
display: none;
}
.olins_taxipress_contact .background .col-6:last-of-type:after {
display: none;
}
.olins_taxipress_contact .inner {
height: 640px;
position: relative;
/* Content */
}
.olins_taxipress_contact .inner .back-left {
position: absolute;
width: 50%;
height: inherit;
left: 0;
top: 0;
background: url("images/taxipress/pattern2.jpg") repeat;
}
.olins_taxipress_contact .inner .back-right {
position: absolute;
width: 50%;
height: inherit;
right: 0;
top: 0;
background: url("images/taxipress/pattern1.png") repeat;
}
.olins_taxipress_contact .inner .wrap {
position: relative;
}
.olins_taxipress_contact .inner .col-6.left {
padding-top: 100px;
padding-right: 90px;
/* Social */
}
.olins_taxipress_contact .inner .col-6.left h2 {
font-size: 50px;
color: #fff;
text-transform: none;
margin-bottom: 30px;
}
.olins_taxipress_contact .inner .col-6.left h2 span {
font-size: 50px;
color: #000;
}
.olins_taxipress_contact .inner .col-6.left span {
font-size: 13px;
color: #fff;
}
.olins_taxipress_contact .inner .col-6.left p {
font-size: 16px;
color: #000;
line-height: 1.2;
}
.olins_taxipress_contact .inner .col-6.left .phone {
font-size: 17px;
}
.olins_taxipress_contact .inner .col-6.left .line {
height: 1px;
width: 100%;
border-bottom: 1px dashed #976e14;
margin-bottom: 30px;
}
.olins_taxipress_contact .inner .col-6.left .social {
margin-top: 23px;
display: flex;
}
.olins_taxipress_contact .inner .col-6.left .social a {
display: inline-block;
width: 36px;
height: 36px;
border-radius: 50%;
margin-right: 10px;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background: #FFF;
}
.olins_taxipress_contact .inner .col-6.left .social a:hover {
background: #f2ac20;
}
.olins_taxipress_contact .inner .col-6.left .social a:hover span.social_icon {
color: #FFF;
}
.olins_taxipress_contact .inner .col-6.left .social a span.social_icon {
color: #f2ac20;
font-size: 16px;
display: block;
}
.olins_taxipress_contact .inner .col-6.right {
padding-top: 45px;
padding-left: 70px;
/* Form */
}
.olins_taxipress_contact .inner .col-6.right h3 {
font-size: 30px;
color: #f2ac20;
text-transform: none;
padding-left: 50px;
}
.olins_taxipress_contact .inner .col-6.right .form {
position: relative;
margin-top: 35px;
}
.olins_taxipress_contact .inner .col-6.right .form .bg_letter {
display: block;
position: absolute;
background: transparent no-repeat center;
width: 538px;
height: 423px;
top: 40px;
left: 54%;
margin-left: -269px;
}
.olins_taxipress_contact .inner .col-6.right .form:after {
display: block;
content: '';
position: absolute;
background: #d1d0c5;
width: 380px;
height: 460px;
top: 0;
left: 5px;
-moz-transform: rotate(-2deg);
/* Для Firefox */
-ms-transform: rotate(-2deg);
/* Для IE */
-webkit-transform: rotate(-2deg);
/* Для Safari, Chrome, iOS */
-o-transform: rotate(-2deg);
/* Для Opera */
transform: rotate(-2deg);
}
.olins_taxipress_contact .inner .col-6.right .form form {
background: #fff;
width: 380px;
height: 460px;
position: relative;
z-index: 1;
margin-left: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 60px 46px 46px 46px;
}
.olins_taxipress_contact .inner .col-6.right .form form label {
display: block;
color: #6b6b69;
font-size: 14px;
margin-bottom: 5px;
}
.olins_taxipress_contact .inner .col-6.right .form form input,
.olins_taxipress_contact .inner .col-6.right .form form textarea {
width: 100%;
height: 42px;
background: #f0f0f0;
border: none;
border-radius: 5px;
margin-bottom: 15px;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.olins_taxipress_contact .inner .col-6.right .form form textarea {
height: 90px;
margin-bottom: 30px;
}
.olins_taxipress_contact .inner .col-6.right .form form input[type='submit'] {
width: auto;
font-size: 18px;
color: #fff;
font-weight: 600;
text-transform: none;
background: #f2ac20 no-repeat 83% center;
padding-right: 20px;
padding-left: 20px;
letter-spacing: 0;
}
.olins_booking_home header {
position: relative;
/* Left */
/* Right */
}
.olins_booking_home header .left {
position: relative;
}
.olins_booking_home header .left .text {
padding-right: 90px;
margin-top: 94px;
}
.olins_booking_home header .left h2 {
color: #fff;
text-transform: none;
font-size: 50px;
text-shadow: 3.195px 2.407px 0px rgba(252, 65, 0, 0.32);
text-align: right;
margin-bottom: 23px;
line-height: 1.1em;
}
.olins_booking_home header .left p {
text-align: right;
font-size: 13px;
color: #000;
line-height: inherit;
}
.olins_booking_home header .left img {
position: absolute;
top: 330px;
right: -40px;
z-index: 1;
}
.olins_booking_home header .right {
/* Submit */
}
.olins_booking_home header .right .col-2 {
padding-right: 15px;
}
.olins_booking_home header .right .text {
padding-left: 90px;
margin-top: 80px;
}
.olins_booking_home header .right h2 {
font-size: 26px;
color: #f2ac20;
text-transform: none;
margin-bottom: 1em;
}
.olins_booking_home header .right label,
.olins_booking_home header .right p {
line-height: 45px;
color: #fff;
font-family: Arial;
font-size: 13px;
color: #8b8e8e;
margin-bottom: 10px;
display: block;
text-align: right;
}
.olins_booking_home header .right input {
width: 100%;
height: 45px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
margin-bottom: 10px;
background: #0C1010;
border-radius: 5px;
padding: 0 10px;
}
.olins_booking_home header .right #submit {
display: block;
width: auto;
font-weight: 700;
color: #fff;
font-size: 18px;
text-transform: none;
padding-left: 23px;
padding-right: 23px;
text-align: left;
background: #f2ac20;
letter-spacing: 0.05em;
}
.olins_booking_home header .right #submit:hover {
opacity: 1;
box-shadow: 3.195px 2.407px 0px rgba(252, 65, 0, 0.32);
}
.olins_taxipress_home_services section.our-services {
padding-top: 150px;
background: url("images/taxipress/pattern1.png") repeat;
position: relative;
}
.olins_taxipress_home_services section.our-services h2 {
display: block;
margin: 0 auto;
color: #fff;
text-align: center;
font-size: 54px;
text-transform: none;
text-shadow: 3.536px 3.536px 0px #000000;
position: relative;
}
.olins_taxipress_home_services section.our-services h2:before,
.olins_taxipress_home_services section.our-services h2:after {
position: absolute;
display: block;
content: '';
width: 227px;
height: 1px;
background: #2f3433;
top: 50%;
}
.olins_taxipress_home_services section.our-services h2:before {
left: 0;
}
.olins_taxipress_home_services section.our-services h2:after {
right: 0;
}
.olins_taxipress_home_services section.our-services .columns {
margin-top: 60px;
/* Item */
}
.olins_taxipress_home_services section.our-services .columns .col-3 {
padding: 0 2px;
}
.olins_taxipress_home_services section.our-services .columns .item {
width: 100%;
cursor: pointer;
/* Title */
/* Item Hover */
}
.olins_taxipress_home_services section.our-services .columns .item .img {
position: relative;
}
.olins_taxipress_home_services section.our-services .columns .item .img img {
width: 100%;
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.8;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.olins_taxipress_home_services section.our-services .columns .item .img:after {
position: absolute;
display: block;
content: '';
background: url("images/taxipress/mask.png") repeat;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.olins_taxipress_home_services section.our-services .columns .item .title {
padding: 20px;
position: relative;
background: #fff url("images/taxipress/arrow-right.png") no-repeat 95% center;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.olins_taxipress_home_services section.our-services .columns .item .title h3 {
text-transform: none;
font-size: 20px;
color: #171d1c;
margin: 0;
}
.olins_taxipress_home_services section.our-services .columns .item .title p {
font-size: 12px;
color: #898989;
margin-bottom: 0;
}
.olins_taxipress_home_services section.our-services .columns .item:hover .img:after {
background: none;
}
.olins_taxipress_home_services section.our-services .columns .item:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
.olins_taxipress_home_services section.our-services .columns .item:hover .title {
background: #fff url("images/taxipress/arrow-right-y.png") no-repeat 95% center;
}
.olins_taxipress_app {
background: url("images/taxipress/pattern1.png") repeat;
}
.olins_taxipress_app .mobile {
padding-top: 220px;
color: #fff;
position: relative;
}
.olins_taxipress_app .mobile .col-6:first-of-type {
padding-right: 185px;
text-align: right;
}
.olins_taxipress_app .mobile .col-6:first-of-type h3 {
font-size: 30px;
color: #fff;
text-transform: none;
text-align: right;
margin-bottom: 8px;
}
.olins_taxipress_app .mobile .col-6:first-of-type h3 span {
color: #f2ac20;
}
.olins_taxipress_app .mobile .col-6:first-of-type p {
font-size: 13px;
color: #cbcbcb;
text-align: right;
}
.olins_taxipress_app .mobile .col-6:last-of-type {
padding-left: 185px;
text-align: left;
}
.olins_taxipress_app .mobile .col-6:last-of-type h3 {
font-size: 22px;
color: #FFF;
text-transform: none;
margin-bottom: 8px;
}
.olins_taxipress_app .mobile .col-6:last-of-type p {
font-size: 13px;
color: #fff;
}
.olins_taxipress_app .mobile .col-6:last-of-type li {
padding-bottom: 15px;
margin-bottom: 23px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.olins_taxipress_app .mobile .app {
position: absolute;
bottom: -35px;
display: block;
background: transparent no-repeat center;
height: 459px;
width: 226px;
left: 50%;
margin-left: -108px;
z-index: 1;
}
.olins_taxipress_app .mobile .store {
margin-top: 40px;
margin-bottom: 100px;
}
.olins_taxipress_app .mobile a.google {
display: inline-block;
background: transparent no-repeat center;
border-radius: 5px;
width: 167px;
height: 58px;
}
.olins_taxipress_app .mobile a.apple {
display: inline-block;
background: transparent no-repeat center;
border-radius: 5px;
width: 167px;
height: 58px;
margin-top: 8px;
}
.olins_taxipress_info section.how-it-works {
background: url("images/taxipress/pattern3.png") repeat;
padding-top: 90px;
padding-bottom: 90px;
position: relative;
}
.olins_taxipress_info section.how-it-works .sun {
position: absolute;
left: 0;
top: 0;
background: transparent no-repeat center top;
width: 100%;
height: 100%;
}
.olins_taxipress_info section.how-it-works .wrap {
position: relative;
}
.olins_taxipress_info section.how-it-works h2 {
display: block;
margin: 0 auto;
color: #000;
text-align: center;
font-size: 54px;
text-transform: none;
text-shadow: 2.939px 4.045px 0px rgba(0, 0, 0, 0.1);
}
.olins_taxipress_info section.how-it-works p {
font-size: 13px;
color: #555555;
display: block;
text-align: center;
margin-top: 10px;
}
.olins_taxipress_info section.how-it-works .list {
margin-top: 80px;
}
.olins_taxipress_info section.how-it-works .list .col-4 {
padding: 0 10px;
}
.olins_taxipress_info section.how-it-works .list .icon {
width: 100px;
height: 100px;
background: #fff;
border-radius: 50%;
box-shadow: 4.822px 9.887px 0px 0px rgba(245, 173, 29, 0.09);
float: left;
margin-right: 25px;
background-position: center;
background-repeat: no-repeat;
}
.olins_taxipress_info section.how-it-works .list h3 {
font-size: 22px;
color: #000;
text-transform: none;
margin-bottom: 5px;
}
.olins_taxipress_info section.how-it-works .list p {
text-align: left;
color: #6b6b69;
font-size: 12px;
}
.olins_taxipress_suggest section.suggestions {
padding: 50px 0;
background: transparent no-repeat center;
background-size: cover;
}
.olins_taxipress_suggest section.suggestions .left {
position: relative;
}
.olins_taxipress_suggest section.suggestions .left .letter_box {
display: block;
position: absolute;
background: transparent no-repeat center;
width: 538px;
height: 423px;
top: 40px;
left: 50%;
margin-left: -269px;
}
.olins_taxipress_suggest section.suggestions .left:after {
display: block;
content: '';
position: absolute;
background: #d1d0c5;
width: 380px;
height: 460px;
top: 0;
left: 5px;
-moz-transform: rotate(-2deg);
/* Для Firefox */
-ms-transform: rotate(-2deg);
/* Для IE */
-webkit-transform: rotate(-2deg);
/* Для Safari, Chrome, iOS */
-o-transform: rotate(-2deg);
/* Для Opera */
transform: rotate(-2deg);
}
.olins_taxipress_suggest section.suggestions .left form {
background: #fff;
width: 380px;
height: 460px;
position: relative;
z-index: 1;
margin-left: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 60px 46px 46px 46px;
}
.olins_taxipress_suggest section.suggestions .left form label {
display: block;
color: #6b6b69;
font-size: 14px;
margin-bottom: 5px;
}
.olins_taxipress_suggest section.suggestions .left form input,
.olins_taxipress_suggest section.suggestions .left form textarea {
width: 100%;
height: 42px;
background: #f0f0f0;
border: none;
border-radius: 5px;
margin-bottom: 15px;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.olins_taxipress_suggest section.suggestions .left form textarea {
height: 90px;
margin-bottom: 30px;
}
.olins_taxipress_suggest section.suggestions .left form input[type='submit'] {
width: auto;
font-size: 18px;
color: #fff;
font-weight: 600;
text-transform: none;
background: #f2ac20;
padding-right: 20px;
padding-left: 20px;
letter-spacing: 0.05em;
}
.olins_taxipress_suggest section.suggestions .right {
padding-left: 100px;
padding-top: 100px;
}
.olins_taxipress_suggest section.suggestions .right h2 {
color: #fff;
text-align: left;
font-size: 50px;
text-transform: none;
margin-bottom: 20px;
line-height: 1.2;
}
.olins_taxipress_suggest section.suggestions .right h2 span {
color: #f5ad1d;
}
.olins_taxipress_suggest section.suggestions .right p {
font-size: 13px;
color: #fff;
}
.olins_taxipress_cars section.our-cars {
padding: 50px 0;
background: #fff;
/* */
/* Other Images */
}
.olins_taxipress_cars section.our-cars h2 {
display: block;
margin: 0 auto;
color: #000;
text-align: center;
font-size: 54px;
text-transform: none;
text-shadow: 2.939px 4.045px 0px rgba(0, 0, 0, 0.1);
position: relative;
}
.olins_taxipress_cars section.our-cars h2:before,
.olins_taxipress_cars section.our-cars h2:after {
position: absolute;
display: block;
content: '';
width: 335px;
height: 1px;
background: #e5e5e5;
top: 50%;
}
.olins_taxipress_cars section.our-cars h2:before {
left: 0;
}
.olins_taxipress_cars section.our-cars h2:after {
right: 0;
}
.olins_taxipress_cars section.our-cars p {
font-size: 13px;
color: #555555;
display: block;
text-align: center;
margin-top: 10px;
}
.olins_taxipress_cars section.our-cars .col-6 {
padding: 0 5px;
}
.olins_taxipress_cars section.our-cars .gallery {
margin-top: 40px;
}
.olins_taxipress_cars section.our-cars .gallery #slider {
width: 100%;
height: 469px;
background: #171d1c;
position: relative;
}
.olins_taxipress_cars section.our-cars .gallery #slider .flex-viewport {
height: 100%;
}
.olins_taxipress_cars section.our-cars .gallery #slider .slides {
height: 100%;
margin-top: 30%;
}
.olins_taxipress_cars section.our-cars .gallery #slider li {
text-align: center;
/* */
}
.olins_taxipress_cars section.our-cars .gallery #slider li h4 {
font-size: 16px;
color: #f2ac20;
text-transform: none;
margin-top: 30px;
margin-bottom: 5px;
}
.olins_taxipress_cars section.our-cars .gallery #slider li p {
font-size: 11px;
color: #8f9090;
font-family: 'Arial';
}
.olins_taxipress_cars section.our-cars .gallery #slider .flex-direction-nav li {
top: 50%;
margin-top: -25px;
position: absolute;
height: 50px;
width: 30px;
background: #050606;
}
.olins_taxipress_cars section.our-cars .gallery #slider .flex-direction-nav li.flex-nav-next {
right: 0;
}
.olins_taxipress_cars section.our-cars .gallery #slider .flex-direction-nav li.flex-nav-prev:before {
display: block;
content: '';
background: url("images/taxipress/gallery-left.png") no-repeat center;
width: 30px;
height: 50px;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.olins_taxipress_cars section.our-cars .gallery #slider .flex-direction-nav li.flex-nav-prev:hover:before {
background: #c68f1f url("images/taxipress/gallery-left-w.png") no-repeat center;
}
.olins_taxipress_cars section.our-cars .gallery #slider .flex-direction-nav li.flex-nav-next:before {
display: block;
content: '';
background: url("images/taxipress/gallery-right.png") no-repeat center;
width: 30px;
height: 50px;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.olins_taxipress_cars section.our-cars .gallery #slider .flex-direction-nav li.flex-nav-next:hover:before {
background: #c68f1f url("images/taxipress/gallery-right-w.png") no-repeat center;
}
.olins_taxipress_cars section.our-cars .gallery #slider .flex-direction-nav li a {
display: block;
width: 100%;
height: inherit;
overflow: hidden;
opacity: 0;
}
.olins_taxipress_cars section.our-cars .img {
position: relative;
margin-bottom: 5px;
cursor: pointer;
/* Item Hover */
}
.olins_taxipress_cars section.our-cars .img:hover:after {
background: none;
}
.olins_taxipress_cars section.our-cars .img:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
outline: 1px solid rgba(255, 255, 255, 0.5);
outline-offset: -10px;
}
.olins_taxipress_cars section.our-cars .img img {
width: 100%;
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.8;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.olins_taxipress_cars section.our-cars .img:after {
position: absolute;
display: block;
content: '';
background: url("images/taxipress/mask.png") repeat;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.olins_taxipress_news section.newsspecials {
padding-top: 80px;
background: url("images/taxipress/pattern3.png") repeat;
position: relative;
/* News */
/* Specials */
}
.olins_taxipress_news section.newsspecials .bottom-area {
position: absolute;
bottom: 0;
width: 100%;
height: 120px;
background: url("images/taxipress/pattern1.png") repeat;
}
.olins_taxipress_news section.newsspecials .caption {
height: 99px;
width: 100%;
padding: 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.olins_taxipress_news section.newsspecials .caption h3 {
float: left;
line-height: 99px;
margin: 0;
text-transform: none;
}
.olins_taxipress_news section.newsspecials .caption a {
position: absolute;
right: 30px;
top: 50%;
margin-top: -10px;
height: 20px;
line-height: 20px;
font-size: 12px;
text-decoration: underline;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.olins_taxipress_news section.newsspecials .caption a:hover {
opacity: 0.7;
}
.olins_taxipress_news section.newsspecials .news {
position: relative;
z-index: 1;
/* Content */
/* Articles */
}
.olins_taxipress_news section.newsspecials .news .caption {
background: #f2ac20;
}
.olins_taxipress_news section.newsspecials .news .caption h3 {
font-size: 40px;
color: #fff;
text-shadow: -3.94px 3.078px 0px rgba(207, 93, 72, 0.35);
}
.olins_taxipress_news section.newsspecials .news .caption a {
color: #cf5d48;
}
.olins_taxipress_news section.newsspecials .news .content {
background: #fff;
height: 430px;
}
.olins_taxipress_news section.newsspecials .news .col-3 {
width: 20%;
}
.olins_taxipress_news section.newsspecials .news .col-9 {
width: 80%;
}
.olins_taxipress_news section.newsspecials .news article {
/* Left */
/* Right */
}
.olins_taxipress_news section.newsspecials .news article .left {
padding-top: 20px;
}
.olins_taxipress_news section.newsspecials .news article .left h3 {
font-size: 46px;
text-align: center;
color: #f2ac20;
margin-bottom: 5px;
}
.olins_taxipress_news section.newsspecials .news article .left span {
display: block;
font-size: 11px;
color: #acacac;
text-align: center;
}
.olins_taxipress_news section.newsspecials .news article .right {
padding-left: 35px;
padding-right: 40px;
padding-top: 30px;
border-left: 1px solid #e5e5e5;
height: 143px;
position: relative;
}
.olins_taxipress_news section.newsspecials .news article .right:before {
position: absolute;
content: '';
display: block;
left: -4px;
top: 50px;
width: 7px;
height: 7px;
background: #f2ac20;
border-radius: 50%;
}
.olins_taxipress_news section.newsspecials .news article .right h2 {
font-size: 18px;
text-transform: none;
margin-bottom: 15px!important;
}
.olins_taxipress_news section.newsspecials .news article .right h2 a {
color: #2e2f4b;
}
.olins_taxipress_news section.newsspecials .news article .right h2 a:hover {
text-decoration: underline;
}
.olins_taxipress_news section.newsspecials .news article .right p {
font-family: 'Arial';
font-size: 12px;
color: #acacac;
line-height: 1.2;
margin-bottom: 0;
}
.olins_taxipress_news section.newsspecials .specials {
position: relative;
z-index: 1;
/* Content */
}
.olins_taxipress_news section.newsspecials .specials .caption {
background: url("images/taxipress/pattern1.png") repeat;
}
.olins_taxipress_news section.newsspecials .specials .caption h3 {
font-size: 44px;
color: #fff;
}
.olins_taxipress_news section.newsspecials .specials .caption a {
color: #f2ac20;
}
.olins_taxipress_news section.newsspecials .specials .content .container {
height: 215px;
position: relative;
}
.olins_taxipress_news section.newsspecials .specials .content .container:first-of-type {
background: #ecefe6 no-repeat left center;
}
.olins_taxipress_news section.newsspecials .specials .content .container:first-of-type .text {
width: 205px;
position: absolute;
right: 0;
top: 40%;
padding-right: 10px;
}
.olins_taxipress_news section.newsspecials .specials .content .container:first-of-type h3 {
font-size: 18px;
font-family: "Arial";
color: #2e2f4b;
text-transform: none;
margin-bottom: 10px;
}
.olins_taxipress_news section.newsspecials .specials .content .container:first-of-type p {
color: #b3bbc1;
font-size: 11px;
}
.olins_taxipress_news section.newsspecials .specials .content .container:last-of-type {
background: #f2ac20 no-repeat center;
overflow: hidden;
}
.olins_taxipress_news section.newsspecials .specials .content .container:last-of-type h3 {
width: 100px;
height: 42px;
font-size: 24px;
font-family: "Arial";
color: #ffffff;
text-transform: none;
position: absolute;
left: 42px;
top: 55%;
margin-top: -21px;
text-align: center;
line-height: 0.875;
}
.olins_taxipress_news section.newsspecials .specials .content .container:last-of-type h3:before {
display: block;
content: '';
position: absolute;
background: url("images/taxipress/specials-dots.png") no-repeat center;
width: 45px;
height: 18px;
top: -28px;
left: 50%;
margin-left: -22.5px;
}
.olins_taxipress_news section.newsspecials .specials .content .container:last-of-type .offer {
position: absolute;
font-size: 154px;
color: #ffffff;
font-weight: bold;
line-height: 1.2;
right: -50px;
text-shadow: -15px 7px 0px #cf5d48;
font-weight: 100;
}
.olins_taxipress_team_slider .team {
background: url("images/taxipress/pattern1.png") repeat;
padding-top: 90px;
position: relative;
padding-bottom: 100px;
}
.olins_taxipress_team_slider .team .background {
background: transparent no-repeat center 71%;
width: 1378px;
height: 100%;
content: '';
display: block;
position: absolute;
left: 50%;
margin-left: -689px;
}
.olins_taxipress_team_slider .team:before {
background: url("images/taxipress/about-us-transition.png") no-repeat bottom;
width: 100%;
height: 82px;
background-size: 100%;
content: '';
display: block;
position: absolute;
left: 0;
top: -80px;
}
.olins_taxipress_team_slider .team h3 {
font-size: 60px;
color: #f2ac20;
line-height: 1.2;
text-align: center;
text-shadow: 2.939px 4.045px 0px rgba(0, 0, 0, 0.1);
text-transform: none;
margin-bottom: 1em;
}
.olins_taxipress_team_slider .team .social {
margin-top: 10px;
}
.olins_taxipress_team_slider .team .social a {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 5px;
transition: opacity 0.3s ease;
color: inherit;
font-size: 16px;
}
.olins_taxipress_team_slider .team .social a:hover {
opacity: 0.7;
}
.olins_taxipress_team_slider .team .founder {
text-align: center;
position: relative;
}
.olins_taxipress_team_slider .team .founder .name {
width: 180px;
display: inline-block;
padding-right: 20px;
box-sizing: border-box;
vertical-align: middle;
font-size: 29px;
color: #ffffff;
line-height: 1.2;
text-align: right;
}
.olins_taxipress_team_slider .team .founder .img {
width: 180px;
display: inline-block;
position: relative;
}
.olins_taxipress_team_slider .team .founder .img:before {
content: '';
display: block;
position: absolute;
background: url("images/taxipress/team-founder-circle.png") no-repeat center;
width: 156px;
height: 214px;
left: 50%;
margin-left: -78px;
top: -15px;
}
.olins_taxipress_team_slider .team .founder .img img {
border-radius: 50%;
}
.olins_taxipress_team_slider .team .founder .info {
width: 180px;
display: inline-block;
text-align: left;
padding-left: 20px;
box-sizing: border-box;
vertical-align: middle;
}
.olins_taxipress_team_slider .team .founder .info span {
font-size: 13px;
color: #8b8e8e;
line-height: 1.2;
text-align: left;
}
.olins_taxipress_team_slider .team .founder .wide-line {
margin-top: 70px;
}
.olins_taxipress_team_slider .team .founder .team-slider {
margin-top: 10px;
position: relative;
}
.olins_taxipress_team_slider .team .founder .team-slider ul {
margin: 0;
}
.olins_taxipress_team_slider .team .founder .team-slider .slides > li {
width: 100%;
padding-top: 35px;
list-style: none;
}
.olins_taxipress_team_slider .team .founder .team-slider .slides > li .img:before {
background: url("images/taxipress/team-circle.png") no-repeat center;
height: 157px;
}
.olins_taxipress_team_slider .team .founder .team-slider .slides > li .img img {
border-radius: 50%;
}
.olins_taxipress_team_slider .team .founder .team-slider .slides > li h4 {
font-size: 18px;
color: #ffffff;
line-height: 1.2;
text-align: center;
text-transform: none;
margin-top: 30px;
margin-bottom: 5px;
}
.olins_taxipress_team_slider .team .founder .team-slider .slides > li span {
font-size: 13px;
color: #8b8e8e;
}
/* Styles for Olins Slider One Element */
.olins_slider_one_container .olins_slider_one {
margin: 0;
position: relative;
overflow: hidden;
}
.olins_slider_one_container .olins_slider_one:hover .flex-direction-nav .flex-prev {
left: 0;
transition: all 300ms ease-in-out;
}
.olins_slider_one_container .olins_slider_one:hover .flex-direction-nav .flex-next {
right: 0;
transition: all 300ms ease-in-out;
}
.olins_slider_one_container .olins_slider_one .flex-direction-nav .flex-prev {
position: absolute;
top: 50%;
left: -60px;
margin-left: 20px;
z-index: 2;
font-size: 64px;
color: rgba(0, 0, 0, 0.2);
line-height: 64px;
margin-top: -32px;
transition: all 300ms ease-in-out;
}
.olins_slider_one_container .olins_slider_one .flex-direction-nav .flex-prev:hover {
color: rgba(0, 0, 0, 0.4);
transition: all 300ms ease-in-out;
}
.olins_slider_one_container .olins_slider_one .flex-direction-nav .flex-next {
position: absolute;
top: 50%;
right: -60px;
margin-right: 20px;
z-index: 2;
font-size: 64px;
color: rgba(0, 0, 0, 0.2);
line-height: 64px;
margin-top: -32px;
transition: all 300ms ease-in-out;
}
.olins_slider_one_container .olins_slider_one .flex-direction-nav .flex-next:hover {
color: rgba(0, 0, 0, 0.4);
transition: all 300ms ease-in-out;
}
.olins_slider_one_container .olins_slider_one ul.slides {
padding: 0;
margin: 0;
}
.olins_slider_one_container .olins_slider_one ul.slides li {
margin: 0;
display: none;
width: 100%;
background-color: #f3f4f4;
}
.olins_slider_one_container .olins_slider_one ul.slides li figure {
position: relative;
width: 100%;
height: 100%;
}
.olins_slider_one_container .olins_slider_one ul.slides li figure figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.olins_slider_one_container .olins_slider_one ul.slides li figure figcaption .slide_meta {
text-align: center;
}
.olins_slider_one_container .olins_slider_one ul.slides li figure figcaption .slide_meta .slider_one_pre_title {
color: #000;
font-size: 24px;
font-style: italic;
display: none;
}
.olins_slider_one_container .olins_slider_one ul.slides li figure figcaption .slide_meta .slider_one_title {
font-size: 64px;
font-weight: 900;
font-style: italic;
color: #000;
line-height: 70px;
display: none;
}
.olins_slider_one_container .olins_slider_one ul.slides li figure figcaption .slide_meta .slider_one_button {
margin-top: 35px;
display: none;
}
.olins_slider_one_container .olins_slider_one ul.slides li figure figcaption .slide_meta .slider_one_button .ale_button {
font-size: 12px;
letter-spacing: 0.46em;
text-transform: uppercase;
border: 4px solid #000;
padding: 1em 1.2em;
font-weight: 900;
transition: all 300ms ease-in-out;
}
.olins_slider_one_container .olins_slider_one ul.slides li figure figcaption .slide_meta .slider_one_button .ale_button:hover {
background-color: #000;
color: #fff;
transition: all 300ms ease-in-out;
}
.olins_slider_one_container .olins_slider_one ul.slides li img {
max-width: 100%;
height: auto;
}
/* Styles for Olins Product Carousel Slider Element */
.olins_products_carousel {
width: 100%;
margin: 20px 0;
padding: 0;
position: relative;
}
.olins_products_carousel ul {
margin: 0;
padding: 0;
list-style: none;
}
.olins_products_carousel ul li {
margin: 0;
padding: 0;
list-style: none;
}
.olins_products_carousel .carousel_nav {
margin-bottom: 80px;
text-align: center;
}
.olins_products_carousel .carousel_nav .carousel_tile {
display: inline-block;
vertical-align: bottom;
padding: 0 65px;
}
.olins_products_carousel .carousel_nav .carousel_tile .olins_carouser_pre_title {
font-size: 16px;
color: #000;
font-style: italic;
line-height: 16px;
}
.olins_products_carousel .carousel_nav .carousel_tile .olins_carousel_title {
font-size: 37px;
font-weight: 500;
color: #000;
line-height: 40px;
}
.olins_products_carousel .carousel_nav a.flex-prev,
.olins_products_carousel .carousel_nav a.flex-next {
display: inline-block;
transition: all 300ms ease-in-out;
}
.olins_products_carousel .carousel_nav a.flex-prev:hover span,
.olins_products_carousel .carousel_nav a.flex-next:hover span {
background-color: #000;
transition: all 300ms ease-in-out;
}
.olins_products_carousel .carousel_nav a.flex-prev span,
.olins_products_carousel .carousel_nav a.flex-next span {
width: 40px;
height: 40px;
line-height: 40px;
display: block;
background-color: #ededed;
color: #FFF;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
font-size: 22px;
text-align: center;
}
.olins_products_carousel ul.slides li {
display: none;
}
.olins_products_carousel ul.slides li .carousel_product {
text-align: center;
}
.olins_products_carousel ul.slides li .carousel_product .border_style {
margin-bottom: 30px;
}
.olins_products_carousel ul.slides li .carousel_product .woo_category {
font-size: 12px;
color: #acacac;
}
.olins_products_carousel ul.slides li .carousel_product .woo_category a {
color: inherit;
transition: all 300ms ease-in-out;
}
.olins_products_carousel ul.slides li .carousel_product .woo_category a:hover {
color: #000;
transition: all 300ms ease-in-out;
}
.olins_products_carousel ul.slides li .carousel_product .product_title {
font-size: 16px;
font-weight: 600;
color: #000;
text-transform: none;
font-style: normal;
line-height: 16px;
margin: 0;
}
.olins_products_carousel ul.slides li .carousel_product .price {
font-size: 18px;
color: #000;
font-weight: 600;
}
.olins_products_carousel ul.slides li img {
width: 100%;
height: auto;
}
/* Olins Recent Works Element */
.olins_recent_works {
width: 100%;
}
.olins_recent_works ul {
margin: 0;
padding: 0;
}
.olins_recent_works ul li {
width: 12.5%;
display: block;
float: left;
margin: 0;
padding: 0;
position: relative;
}
.olins_recent_works ul li:nth-child(4n) {
width: 25%;
}
.olins_recent_works ul li .single_work_link {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
}
.olins_recent_works ul li .single_work_link .hover_mask {
position: absolute;
width: 100%;
height: 100%;
border: 9px solid #000;
box-sizing: border-box;
}
.olins_recent_works ul li .single_work_link img {
max-width: 100%;
height: auto;
}
/* Counter Element */
.ale_counter {
text-align: center;
}
.ale_counter .counter {
display: block;
font-size: 50px;
font-weight: 700;
line-height: 50px;
visibility: hidden;
}
.ale_counter .counter_title {
display: block;
font-size: 14px;
line-height: 14px;
font-weight: 700;
margin-top: 20px;
}
.ale_counter .counter_icon {
margin-top: 40px;
display: block;
}
/* Simple Form Element */
.olins_simple_form p.success {
text-align: center;
margin-bottom: 25px;
}
.olins_simple_form .module_line {
margin-bottom: 20px;
text-align: center;
}
.olins_simple_form .module_line .item_field {
font-style: italic;
}
.olins_simple_form .module_line input[type="text"],
.olins_simple_form .module_line input[type="email"] {
width: 48.5%;
float: left;
}
.olins_simple_form .module_line input[type="text"].item_subject,
.olins_simple_form .module_line input[type="email"].item_subject {
width: 100%;
margin-right: 0;
}
.olins_simple_form .module_line input[type="text"] {
margin-right: 3%;
}
/* Price Element */
.kitty_pricing_element {
border-radius: 30px;
padding: 50px;
padding-bottom: 30px;
box-sizing: border-box;
text-align: center;
}
.kitty_pricing_element h3 {
font-style: normal;
font-weight: normal;
font-size: 36px;
line-height: 36px;
color: #373737;
margin-bottom: 17px;
}
.kitty_pricing_element h3 strong {
font-weight: normal;
color: #EA907A;
}
.kitty_pricing_element .image {
text-align: center;
margin-bottom: 20px;
}
.kitty_pricing_element .desc {
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 34px;
margin-bottom: 0;
}
.kitty_pricing_element .desc strong {
display: block;
font-weight: normal;
}
.kitty_pricing_element .price {
font-style: normal;
font-weight: normal;
font-size: 24px;
color: #EA907A;
}
.kitty_pricing_element .price strong {
font-weight: normal;
font-size: 54px;
line-height: 54px;
}
.kitty_pricing_element.border {
border: 2px dashed #AACDBE;
}
.kitty_pricing_element.colored {
background: #AACDBE;
padding: 80px;
padding-bottom: 70px;
}
.kitty_pricing_element.colored .desc {
font-size: 17px;
}
.kitty_pricing_element.colored h3 strong,
.kitty_pricing_element.colored .price {
color: #FFF;
}
/* Price Element */
.smoothie_pricing_element {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 50px;
}
.smoothie_pricing_element .image {
margin-right: 30px;
}
.smoothie_pricing_element .image img {
border-radius: 100%;
}
.smoothie_pricing_element .title_desc {
margin-right: 25px;
}
.smoothie_pricing_element .title_desc h3 {
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 30px;
color: #FFFFFF;
margin-bottom: 4px;
}
.smoothie_pricing_element .title_desc p.text {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
}
.smoothie_pricing_element .price {
font-style: normal;
font-weight: 300;
font-size: 56px;
line-height: 50px;
color: #DFEEB6;
}
.olins_price_element {
width: 100%;
text-align: center;
padding-bottom: 35px;
border-right: 1px solid #ededed;
}
.olins_price_element .image_holder {
padding-bottom: 35px;
}
.olins_price_element .image_holder img {
max-width: 100%;
height: auto;
}
.olins_price_element .price_holder {
padding: 35px 11% 15px 11%;
font-size: 50px;
font-weight: 700;
line-height: 50px;
}
.olins_price_element .price_holder span.currency {
font-size: 24px;
line-height: 30px;
vertical-align: top;
}
.olins_price_element .title_holder {
padding: 15px 11% 22px 11%;
}
.olins_price_element .title_holder h3 {
margin: 0;
padding: 0;
font-size: 24px;
}
.olins_price_element .description_holder {
padding: 22px 11% 45px 11%;
font-size: 14px;
line-height: 30px;
text-align: justify;
}
.olins_price_element .description_holder p {
text-align: justify;
}
/* Donation Team */
.team_donation_shortcode {
text-align: center;
border-radius: 4px;
overflow: hidden;
transition: all 300ms ease-in-out;
}
.team_donation_shortcode:last-child {
margin-right: 0;
}
.team_donation_shortcode .image img {
width: 100%;
height: auto;
}
.team_donation_shortcode .text {
box-sizing: border-box;
padding: 8.6% 9%;
}
.team_donation_shortcode .text h3 {
font-size: 16px;
font-weight: 700;
margin-bottom: 4px;
}
.team_donation_shortcode .text h3 a {
color: #666666;
transition: all 300ms ease-in-out;
}
.team_donation_shortcode .text h3 a:hover {
color: #7bae4e;
}
.team_donation_shortcode .text .team-post {
display: block;
font-size: 13px;
line-height: 18px;
color: #666666;
margin-bottom: 6px;
transition: all 300ms ease-in-out;
}
.team_donation_shortcode .text .string {
font-size: 14px;
line-height: 18px;
color: #666666;
margin-bottom: 18px;
transition: all 300ms ease-in-out;
}
.team_donation_shortcode .text .string p {
line-height: 18px;
margin-bottom: 0;
text-align: center;
}
.team_donation_shortcode .text .media-links a {
font-size: 16px;
color: #999797;
display: inline-block;
margin-right: 11px;
transition: all 300ms ease-in-out;
}
.team_donation_shortcode .text .media-links a:hover {
color: #7bae4e;
}
/* Donation Events */
.donation_events_shortcode {
position: relative;
display: block;
}
.donation_events_shortcode img {
width: 100%;
height: auto;
}
.donation_events_shortcode:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.8)), color-stop(1, rgba(0, 0, 0, 0)));
background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
background: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.donation_events_shortcode h2 {
font-size: 17px;
font-weight: 700;
margin-bottom: 8px;
color: #FFF;
}
.donation_events_shortcode .string {
font-size: 11px;
color: #a5a5a5;
}
.donation_events_shortcode.big {
width: 100%;
}
.donation_events_shortcode.big h2 {
font-size: 61px;
font-weight: 900;
margin-bottom: 0;
color: #FFF;
max-width: 540px;
line-height: 73px;
}
.donation_events_shortcode.big .string {
font-size: 13px;
color: #a5a5a5;
max-width: 440px;
}
.donation_events_shortcode.big .string p {
margin-bottom: 0;
}
.donation_events_shortcode.big .text {
width: 1080px;
left: 50%;
margin-left: -540px;
bottom: 50px;
}
.donation_events_shortcode .text {
position: absolute;
width: 100%;
bottom: 28px;
left: 0;
box-sizing: border-box;
padding: 0 11%;
z-index: 1;
}
.donation_events_shortcode .overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: all 300ms ease-in-out;
}
.donation_events_shortcode:hover .overlay {
opacity: 1;
box-shadow: inset 0 11px 0 0 #f65339;
}
/* Donation Centered Slider */
.ale_donation_home-2-slider {
background: #141414;
padding: 40px 0 1px 0;
}
.ale_donation_home-2-slider ul {
margin: 0!important;
}
.ale_donation_home-2-slider ul li {
margin: 0!important;
}
.ale_donation_home-2-slider .wrapper2 {
max-width: 1080px!important;
margin: 0 auto!important;
box-sizing: border-box !important;
}
.ale_donation_home-2-slider .flex-viewport {
overflow: visible !important;
}
.ale_donation_home-2-slider .flex-viewport:before {
content: "";
display: block;
position: absolute;
right: 100%;
top: 0;
width: 40px;
height: 100%;
background: #141414;
z-index: 1;
}
.ale_donation_home-2-slider .flex-viewport:after {
content: "";
display: block;
position: absolute;
left: 100%;
top: 0;
width: 40px;
height: 100%;
background: #141414;
z-index: 1;
}
.ale_donation_home-2-slider .slides li {
opacity: 0.6;
overflow: hidden;
transition: all 300ms ease-in-out;
}
.ale_donation_home-2-slider .slides li .text {
text-align: center;
padding: 4.7% 0 5.5% 0;
opacity: 0;
transition: all 300ms ease-in-out;
}
.ale_donation_home-2-slider .slides li .text span {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
display: inline-block;
margin-bottom: 5px;
}
.ale_donation_home-2-slider .slides li .text h2 {
font-size: 35px;
margin-bottom: 9px;
}
.ale_donation_home-2-slider .slides li .text h2 a {
color: #FFF;
}
.ale_donation_home-2-slider .slides li.flex-active-slide {
opacity: 1;
}
.ale_donation_home-2-slider .slides li.flex-active-slide .text {
opacity: 1;
}
.ale_donation_home-2-slider .flex-direction-nav {
position: relative;
}
.ale_donation_home-2-slider .flex-direction-nav li {
list-style: none;
margin: 0;
}
.ale_donation_home-2-slider .flex-direction-nav li a {
position: absolute;
z-index: 100;
top: 0;
margin-top: -112px;
background: rgba(255, 255, 255, 0.1);
display: block;
width: 42px;
height: 44px;
border-radius: 4px;
text-align: center;
color: #FFF;
line-height: 44px;
left: 0;
transition: all 300ms ease-in-out;
}
.ale_donation_home-2-slider .flex-direction-nav li a:before {
content: "\f104";
font-family: 'FontAwesome';
font-size: 35px;
}
.ale_donation_home-2-slider .flex-direction-nav li a:hover {
opacity: 0.6;
}
.ale_donation_home-2-slider .flex-direction-nav li a.flex-next {
left: auto;
right: 0;
}
.ale_donation_home-2-slider .flex-direction-nav li a.flex-next:before {
content: "\f105";
}
.ale_donation_home-2-slider .flex-control-nav {
position: relative;
margin-top: -25px;
margin-bottom: 25px;
}
/* Donation Timeline */
.donation_timeline_shortcoe {
cursor: pointer;
}
.donation_timeline_shortcoe .timeline_item {
position: relative;
display: block;
padding-bottom: 40px;
min-height: 193px;
}
.donation_timeline_shortcoe .timeline_item:before {
content: "";
display: block;
width: 1px;
height: 100%;
background: #FFF;
position: absolute;
top: 0;
right: 0;
opacity: 0.1;
}
.donation_timeline_shortcoe .timeline_item .text {
color: #afafaf;
box-sizing: border-box;
padding: 6% 8% 1% 5%;
}
.donation_timeline_shortcoe .timeline_item .text p {
margin-bottom: 0;
}
.donation_timeline_shortcoe .timeline_item .date {
box-sizing: border-box;
text-align: right;
padding-right: 4%;
}
.donation_timeline_shortcoe .timeline_item .date h2 {
font-size: 98px;
font-weight: 300;
color: #ffd800;
margin-bottom: 0;
}
.donation_timeline_shortcoe .timeline_item .vert-line-1:before {
content: "";
position: absolute;
bottom: 0;
width: 1px;
height: 23px;
background: #FFF;
opacity: 0.1;
left: 12.5%;
}
.donation_timeline_shortcoe .timeline_item .vert-line-1:after {
content: "";
position: absolute;
bottom: 0;
width: 1px;
height: 23px;
background: #FFF;
opacity: 0.1;
left: 37.5%;
}
.donation_timeline_shortcoe .timeline_item .vert-line-2:before {
content: "";
position: absolute;
bottom: 0;
width: 1px;
height: 23px;
background: #FFF;
opacity: 0.1;
left: 62.5%;
}
.donation_timeline_shortcoe .timeline_item .vert-line-2:after {
content: "";
position: absolute;
bottom: 0;
width: 1px;
height: 23px;
background: #FFF;
opacity: 0.1;
left: 87.5%;
}
/* Donation Block */
.ale_shortcode_donate_donation.page .col-6.text {
border-right: 1px solid #d8d8d8;
}
.ale_shortcode_donate_donation.page .col-6.text h3 {
color: #38383f;
}
.ale_shortcode_donate_donation.page .col-6.text h4 {
color: #808081;
}
.ale_shortcode_donate_donation.page .col-6.text h5 {
color: #808081;
}
.ale_shortcode_donate_donation.page .col-6.text h5 span {
color: #7bae4e;
}
.ale_shortcode_donate_donation.page .share span {
color: #888888;
}
.ale_shortcode_donate_donation .col-6.text {
border-right: 1px solid #92ba70;
text-align: right;
padding: 10px 20px 10px 0;
color: #FFF;
}
.ale_shortcode_donate_donation .col-6.text h3 {
display: inline-block;
font-weight: 700;
font-size: 24px;
margin: 0;
text-transform: none;
margin-bottom: 5px;
}
.ale_shortcode_donate_donation .col-6.text h3 span {
margin-right: 14px;
}
.ale_shortcode_donate_donation .col-6.text h4 {
font-weight: 400;
font-size: 19px;
text-transform: none;
margin: 0;
margin-bottom: 5px;
}
.ale_shortcode_donate_donation .col-6.text h5 {
font-weight: 400;
font-size: 19px;
text-transform: none;
margin: 0;
}
.ale_shortcode_donate_donation .col-6.text h5 span {
font-weight: 700;
font-size: 25px;
}
.ale_shortcode_donate_donation .col-6.but {
padding: 15px 0 0 20px;
}
.ale_shortcode_donate_donation #line {
margin: 20px auto 0;
width: 100%;
height: 45px;
border-radius: 7px;
background: rgba(0, 0, 0, 0.1) url("images/donation/donate-buttone.png") repeat-x left;
box-sizing: border-box;
padding: 7px;
}
.ale_shortcode_donate_donation #line .way {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
border-radius: 7px;
position: relative;
}
.ale_shortcode_donate_donation #line .way .bar {
position: absolute;
left: 0;
top: 0;
height: 100%;
background-color: #ffd800;
background-image: url("images/donation/donate-buttone.png");
background-repeat: repeat-x;
background-position: left;
border-radius: 7px 0px 0px 7px;
box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.15);
}
.ale_shortcode_donate_donation .share {
margin-top: 17px;
text-align: center;
}
.ale_shortcode_donate_donation .share .share_icons {
display: inline-block;
color: #888888;
}
.ale_shortcode_donate_donation .share .share_icons a {
color: inherit;
font-size: 15px;
margin-left: 5px;
margin-right: 5px;
}
/* Donation Item */
.cause_donation_item img {
border-radius: 3px;
width: 100%;
}
.cause_donation_item h3 {
font-weight: 700;
font-size: 16px;
color: #414141;
margin: 20px 0;
}
.cause_donation_item .percent {
width: 100%;
height: 3px;
background: #ededed;
border-radius: 3px;
position: relative;
}
.cause_donation_item .percent .active {
position: absolute;
left: 0;
top: 0;
height: 3px;
border-radius: 3px;
background-color: #7bae4e;
}
.cause_donation_item .percent .num {
position: absolute;
top: 50%;
margin-top: -9px;
margin-left: -34px;
height: 18px;
line-height: 18px;
width: 34px;
border-radius: 3px;
background-color: #7bae4e;
text-align: center;
color: #FFF;
font-weight: 400;
font-size: 13px;
}
.cause_donation_item .cols {
margin-top: 25px;
}
.cause_donation_item .cols .col-4:nth-child(1) {
padding-right: 2px;
}
.cause_donation_item .cols .col-4:nth-child(2) {
padding-left: 1px;
padding-right: 1px;
}
.cause_donation_item .cols .col-4:nth-child(3) {
padding-left: 2px;
}
.cause_donation_item .cols .back {
border-radius: 3px;
text-align: center;
background: #f2f2f2;
padding: 5px 0;
}
.cause_donation_item .cols .back h4 {
margin-bottom: 0px;
font-weight: 700;
font-size: 16px;
color: #414141;
}
.cause_donation_item .cols .back p {
text-align: center;
margin: 0;
font-weight: 400;
font-size: 13px;
color: #cfcfcf;
}
/* Olins Testimonials Slider */
.olins_testimonials_slider {
padding-bottom: 100px;
}
.olins_testimonials_slider .testimonial_name {
font-size: 20px;
font-weight: 700;
margin-bottom: 25px;
color: #c4c3c3;
}
.olins_testimonials_slider .testimonial {
font-style: italic;
line-height: 30px;
font-size: 14px;
}
.olins_testimonials_slider .testimonial_link {
padding: 10px;
}
.olins_testimonials_slider .testimonial_link a {
transition: all 300ms ease-in-out;
}
.olins_testimonials_slider .testimonial_link a:hover {
opacity: 0.5;
transition: all 300ms ease-in-out;
}
/* Pretty Team Slider */
.olins_pretty_team_container .olins_pretty_team .flex-control-nav {
z-index: 999;
width: 50%;
left: 50%;
}
.olins_pretty_team_container .olins_pretty_team ul.slides li {
background-color: #FFF;
}
.olins_pretty_team_container .olins_pretty_team ul.slides li .col-6 {
position: relative;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.olins_pretty_team_container .olins_pretty_team ul.slides li .member_data .member_name {
margin-bottom: 10px;
}
.olins_pretty_team_container .olins_pretty_team ul.slides li .member_data .member_position {
margin-bottom: 30px;
}
.olins_pretty_team_container .olins_pretty_team ul.slides li .member_data .member_description {
padding: 0 15%;
}
.olins_pretty_team_container .olins_pretty_team ul.slides li .member_data .member_description p {
text-align: center;
}
.olins_pretty_team_container .olins_pretty_team ul.slides li .image_holder img {
max-width: 100%;
height: auto;
}
/* Move Slider */
.olins_move_slider_container {
width: 100%;
}
.olins_move_slider_container .olins_move_slider {
width: 100%;
margin: 0;
position: relative;
overflow: hidden;
}
.olins_move_slider_container .olins_move_slider:hover .flex-direction-nav .flex-prev {
left: 0;
transition: all 300ms ease-in-out;
}
.olins_move_slider_container .olins_move_slider:hover .flex-direction-nav .flex-next {
right: 0;
transition: all 300ms ease-in-out;
}
.olins_move_slider_container .olins_move_slider .flex-direction-nav .flex-prev {
position: absolute;
top: 50%;
left: -60px;
margin-left: 20px;
z-index: 2;
font-size: 64px;
color: rgba(255, 255, 255, 0.3);
line-height: 64px;
margin-top: -32px;
transition: all 300ms ease-in-out;
}
.olins_move_slider_container .olins_move_slider .flex-direction-nav .flex-prev:hover {
color: rgba(255, 255, 255, 0.6);
transition: all 300ms ease-in-out;
}
.olins_move_slider_container .olins_move_slider .flex-direction-nav .flex-next {
position: absolute;
top: 50%;
right: -60px;
margin-right: 20px;
z-index: 2;
font-size: 64px;
color: rgba(255, 255, 255, 0.3);
line-height: 64px;
margin-top: -32px;
transition: all 300ms ease-in-out;
}
.olins_move_slider_container .olins_move_slider .flex-direction-nav .flex-next:hover {
color: rgba(255, 255, 255, 0.6);
transition: all 300ms ease-in-out;
}
.olins_move_slider_container .olins_move_slider ul.slides li {
width: 100%;
}
.olins_move_slider_container .olins_move_slider ul.slides li figure {
width: 100%;
background-position: -25px 0;
background-size: cover;
transition: all 300ms ease-in-out;
}
.olins_move_slider_container .olins_move_slider ul.slides li figure figcaption.slide_data {
padding: 300px 0 250px 0;
}
.olins_move_slider_container .olins_move_slider ul.slides li figure figcaption.slide_data .slider_one_title {
font-size: 86px;
line-height: 86px;
font-weight: 700;
color: #FFF;
letter-spacing: 0.075em;
margin-bottom: 20px;
visibility: hidden;
}
.olins_move_slider_container .olins_move_slider ul.slides li figure figcaption.slide_data .slider_one_pre_title {
font-size: 18px;
line-height: 18px;
font-weight: 400;
color: #FFF;
letter-spacing: 0.1em;
visibility: hidden;
}
.olins_move_slider_container .olins_move_slider ul.slides li figure figcaption.slide_data .slider_one_button {
margin-top: 80px;
visibility: hidden;
}
.olins_move_slider_container .olins_move_slider ul.slides li figure figcaption.slide_data .slider_one_button .ale_button {
font-size: 13px;
text-transform: uppercase;
color: #FFF;
border-color: #FFF;
font-weight: 400;
letter-spacing: 0.3em;
}
/* Simple Team Element */
.olins_simple_team_container .olins_simple_team {
padding-top: 35px;
padding-bottom: 70px;
}
.olins_simple_team_container .olins_simple_team ul.slides {
/* Moka Slider Style */
/* Defaul Slider Style */
}
.olins_simple_team_container .olins_simple_team ul.slides li.moka_simple_team .member_name {
margin-top: 10px;
color: #14202c;
text-transform: uppercase;
font-weight: 700;
font-size: 40px;
line-height: 40px;
margin-bottom: 30px;
}
.olins_simple_team_container .olins_simple_team ul.slides li.moka_simple_team .member_position {
max-width: 500px;
font-size: 22px;
line-height: 26px;
margin: 0 auto;
margin-bottom: 40px;
}
.olins_simple_team_container .olins_simple_team ul.slides li .team_member_item {
display: flex;
justify-content: center;
align-items: center;
}
.olins_simple_team_container .olins_simple_team ul.slides li .team_member_item .name {
width: 33.333%;
flex-grow: 2;
text-align: right;
}
.olins_simple_team_container .olins_simple_team ul.slides li .team_member_item .name .member_name {
padding: 0 20px;
display: inline-block;
position: relative;
border-top: 1px solid #e1cdad;
border-bottom: 1px solid #e1cdad;
line-height: 32px;
}
.olins_simple_team_container .olins_simple_team ul.slides li .team_member_item .name .member_name::before {
content: "";
position: absolute;
top: 0;
left: 0;
margin-top: -4px !important;
width: 100%!important;
border-top: 1px solid #e1cdad !important;
}
.olins_simple_team_container .olins_simple_team ul.slides li .team_member_item .name .member_name::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
margin-bottom: -5px;
height: 1px;
border-top: 1px solid #e1cdad;
width: 100%;
}
.olins_simple_team_container .olins_simple_team ul.slides li .team_member_item .photo {
width: 33.333%;
flex-grow: 1;
}
.olins_simple_team_container .olins_simple_team ul.slides li .team_member_item .photo .image_holder img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
overflow: hidden;
}
.olins_simple_team_container .olins_simple_team ul.slides li .team_member_item .position {
width: 33.333%;
flex-grow: 2;
text-align: left;
}
.olins_simple_team_container .olins_simple_team ul.slides li .team_member_item .position .member_position {
padding: 0 20px;
display: inline-block;
position: relative;
border-top: 1px solid #e1cdad;
border-bottom: 1px solid #e1cdad;
line-height: 32px;
}
.olins_simple_team_container .olins_simple_team ul.slides li .team_member_item .position .member_position::before {
content: "";
position: absolute;
top: 0;
left: 0;
margin-top: -4px !important;
width: 100%!important;
border-top: 1px solid #e1cdad !important;
}
.olins_simple_team_container .olins_simple_team ul.slides li .team_member_item .position .member_position::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
margin-bottom: -5px;
height: 1px;
border-top: 1px solid #e1cdad;
width: 100%;
}
/* Selected Works Element */
.olins_selected_works {
width: 100%;
}
.olins_selected_works .item_work {
width: 20%;
float: left;
}
.olins_selected_works .item_work img {
width: 100%;
height: auto;
}
.olins_tax_links {
width: 100%;
min-height: 50px;
line-height: 50px;
background: #191919;
}
.olins_tax_links ul {
width: 100%;
text-align: center;
list-style: none;
margin: 0;
padding: 0;
}
.olins_tax_links ul li {
padding: 0;
margin: 0;
line-height: 50px;
list-style: none;
display: inline-block;
color: #FFF;
margin: 0 10px;
font-size: 12px;
font-weight: 400;
}
.olins_tax_links ul li a {
color: #fff;
transition: all 300ms ease-in-out;
}
.olins_tax_links ul li a:hover {
color: #e9e196;
transition: all 300ms ease-in-out;
}
/* Scale Image Box */
.olins_hard_height {
height: 100vh;
}
.olins_hard_height div {
height: 100%;
}
.olins_full_height .wpb_wrapper {
height: 100%;
}
.olins_full_height .wpb_wrapper .vc_row {
height: 100%;
}
.olins_scale_image_box {
width: 100%;
height: 100%;
}
.olins_scale_image_box .scale_image {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.olins_scale_image_box .scale_image .image_holder {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-position: 50% 50%;
background-size: cover;
z-index: 1;
}
.olins_scale_image_box .scale_image .image_holder.animate {
animation: olins-scale 45s infinite;
}
.olins_scale_image_box .scale_image .mask {
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
}
.olins_scale_image_box .scale_image .data_holder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.olins_scale_image_box .scale_image .data_holder .box-logo {
margin-bottom: 50px;
height: auto;
}
.olins_scale_image_box .scale_image .data_holder .text_one,
.olins_scale_image_box .scale_image .data_holder .text_two {
color: #FFF;
text-transform: uppercase;
letter-spacing: 0.15em;
font-size: 50px;
font-weight: 700;
line-height: 65px;
height: auto;
}
.olins_scale_image_box .scale_image .data_holder .slider_one_button {
margin-top: 40px;
height: auto;
}
@keyframes olins-scale {
0%,
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
/* Text Hover */
.olins_hover_text {
width: 100%;
height: 100%;
}
.olins_hover_text .item_hover_text {
width: 100%;
height: 100%;
position: relative;
background: #f0f0f0;
}
.olins_hover_text .item_hover_text .data_holder {
z-index: 1;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100%;
text-align: center;
}
.olins_hover_text .item_hover_text .data_holder .text_one {
font-size: 18px;
color: #191919;
line-height: 30px;
}
.olins_hover_text .item_hover_text .data_holder .text_two {
font-size: 12px;
color: #a3875b;
line-height: 14px;
}
.olins_hover_text .item_hover_text .hover_holder {
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
cursor: pointer;
transition: all 400ms ease-in-out;
}
.olins_hover_text .item_hover_text:hover .hover_holder {
top: -80%;
transition: all 400ms ease-in-out;
}
.cosushi_service_block {
text-align: center;
}
.cosushi_service_block .image_holder {
width: 100%;
height: 100px;
margin-bottom: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.cosushi_service_block .title {
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 24px;
text-align: center;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #C9AB82;
margin-bottom: 13px;
}
.cosushi_service_block .description {
font-weight: 300;
font-size: 20px;
line-height: 28px;
}
.kitty_service_block {
border-radius: 30px;
background: #AACDBE;
overflow: hidden;
}
.kitty_service_block figure {
position: relative;
text-align: center;
}
.kitty_service_block figure .circle {
background: rgba(55, 55, 55, 0.1);
border-radius: 100%;
width: 400px;
height: 400px;
display: block;
position: absolute;
top: 0;
margin-top: -280px;
left: 50%;
margin-left: -200px;
}
.kitty_service_block figure .border_hover {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 2px dashed #FFF;
border-radius: 30px;
opacity: 0;
transition: all 500ms ease-in-out;
}
.kitty_service_block figure:hover .border_hover {
opacity: 1;
transition: all 500ms ease-in-out;
}
.kitty_service_block figure figcaption {
position: relative;
}
.kitty_service_block figure figcaption .image_holder {
width: 100%;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.kitty_service_block figure figcaption h4.title {
padding: 0 30px;
font-style: normal;
font-weight: normal;
font-size: 25px;
line-height: 28px;
text-align: center;
color: #232323;
margin-bottom: 22px;
}
.kitty_service_block figure figcaption .description {
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 28px;
padding: 0 30px;
text-align: center;
color: #373737;
margin-bottom: 12px;
}
.kitty_service_block figure figcaption .read_more {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #232323;
margin-bottom: 35px;
display: inline-block;
}
.kitty_service_block figure figcaption .read_more:hover {
opacity: 0.7;
}
.hai_service_block {
margin-bottom: 20px;
}
.hai_service_block figure {
position: relative;
}
.hai_service_block figure img {
max-width: 100%;
height: auto;
}
.hai_service_block figure:hover figcaption {
padding-bottom: 50px;
transition: all 300ms ease-in-out;
}
.hai_service_block figure figcaption {
position: absolute;
padding: 0 0 20px 40px;
box-sizing: border-box;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
transition: all 300ms ease-in-out;
}
.hai_service_block figure figcaption .category {
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 27px;
color: #FFC857;
margin-bottom: 8;
}
.hai_service_block figure figcaption h4.title {
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 27px;
color: #FFFFFF;
margin-bottom: 17px;
}
.hai_service_block figure figcaption .price {
font-size: 36px;
line-height: 27px;
color: #FFFFFF;
}
.cafeteria_service_block {
position: relative;
}
.cafeteria_service_block .circle {
position: relative;
margin: 0 auto;
width: 165px;
height: 165px;
background: #fff;
-webkit-border-top-right-radius: 50%;
-webkit-border-bottom-right-radius: 50%;
-webkit-border-bottom-left-radius: 50%;
-webkit-border-top-left-radius: 50%;
-moz-border-radius-topright: 50%;
-moz-border-radius-bottomright: 50%;
-moz-border-radius-bottomleft: 50%;
-moz-border-radius-topleft: 50%;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
border-top-left-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 9px 15px rgba(255, 216, 128, 0.6);
-moz-box-shadow: 0 9px 15px rgba(255, 216, 128, 0.6);
box-shadow: 0 9px 15px rgba(255, 216, 128, 0.6);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.cafeteria_service_block .circle:hover {
-webkit-box-shadow: 0 30px 30px rgba(255, 216, 128, 0.6);
-moz-box-shadow: 0 30px 30px rgba(255, 216, 128, 0.6);
box-shadow: 0 30px 30px rgba(255, 216, 128, 0.6);
}
.cafeteria_service_block .circle .img {
position: absolute;
left: 50%;
top: -30px;
margin-left: -82px;
width: 165px;
height: 165px;
background-position: 50% 100%;
background-repeat: no-repeat;
}
.cafeteria_service_block .caption {
position: absolute;
font-size: 33px;
width: 100%;
text-align: center;
top: 128px;
}
.cafeteria_service_block .text {
margin-top: 15px;
}
.olins_service_block {
text-align: center;
}
.olins_service_block:hover .image_holder {
height: 60px;
transition: all 300ms ease-in-out;
}
.olins_service_block:hover .image_holder img {
max-height: 100%;
width: auto;
max-width: 100%;
height: auto;
}
.olins_service_block:hover .data_holder .description {
opacity: 1;
transition: all 300ms ease-in-out;
}
.olins_service_block .image_holder {
width: 100%;
height: 120px;
transition: all 300ms ease-in-out;
}
.olins_service_block .image_holder img {
max-height: 100%;
width: auto;
max-width: 100%;
height: auto;
visibility: hidden;
}
.olins_service_block .data_holder .title {
font-size: 15px;
text-transform: uppercase;
color: #353437;
margin: 20px;
}
.olins_service_block .data_holder .description {
opacity: 0;
transition: all 300ms ease-in-out;
font-size: 13px;
font-weight: 300;
padding: 0 30px;
}
.cosushi_testy_slider .flex-control-nav {
margin-bottom: 0;
right: 0;
left: unset;
width: auto;
bottom: 40px;
}
.cosushi_testy_slider .flex-control-nav li a {
background: transparent;
text-indent: 0;
font-size: 18px;
line-height: 20px;
width: unset;
height: unset;
border: none;
margin-left: 15px;
color: #FFF;
text-align: center;
border-bottom: 1px solid #C9AB82;
border-radius: 0;
min-width: 10px;
}
.cosushi_testy_slider .flex-control-nav li a.flex-active {
background: transparent;
color: #C9AB82;
}
.cosushi_testimonial .item_cosushi {
display: flex;
align-items: center;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
box-sizing: border-box;
}
.cosushi_testimonial .item_cosushi .image_holder {
min-width: 190px;
margin-right: 60px;
position: relative;
}
.cosushi_testimonial .item_cosushi .image_holder::before {
position: absolute;
top: 0;
margin-top: -30px;
margin-left: -29px;
left: 0;
content: "";
display: block;
height: 260px;
width: 57px;
background: url('svg/verticaldecor.svg') center center no-repeat;
}
.cosushi_testimonial .item_cosushi .testy_data {
text-align: left;
max-width: 820px;
}
.cosushi_testimonial .item_cosushi .testy_data .post_member {
color: #FFF;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
}
.cosushi_testimonial .item_cosushi .testy_data .member_position {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 36px;
margin-bottom: 30px;
}
.cosushi_testimonial .item_cosushi .testy_data .member_name {
letter-spacing: 0.2em;
color: #C9AB82;
font-weight: 500;
font-size: 20px;
line-height: 20px;
}
.olins_testimonials_slider_container .testimonial_item .testimonial {
padding: 0 10%;
font-size: 15px;
line-height: 24px;
margin-bottom: 25px;
}
.olins_testimonials_slider_container .testimonial_item .testimonial .member_position {
padding-bottom: 25px;
}
.olins_testimonials_slider_container .testimonial_item .testimonial .member_position::after {
content: "";
width: 25px;
height: 1px;
margin: 0 auto;
background-color: #bebebe;
display: block;
margin-top: 25px;
}
.olins_testimonials_slider_container .testimonial_item .name {
font-size: 23px;
margin-bottom: 65px;
}
.olins_testimonials_slider_container .flexslider .flex-control-nav,
.olins_testimonials_slider_container .single_post_images_slider .flex-control-nav {
margin-bottom: -35px;
}
.cosushi_pricing_element {
margin-bottom: 25px;
margin-left: 20px;
margin-right: 20px;
}
.cosushi_pricing_element p.text {
margin-bottom: 0;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 24px;
}
.cosushi_pricing_element .titleprice {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 7px;
}
.cosushi_pricing_element .titleprice h3 {
margin-bottom: 0;
font-size: 18px;
line-height: 18px;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-right: 10px;
}
.cosushi_pricing_element .titleprice .separator {
background: transparent url('svg/sep.svg') left center repeat-x;
height: 7px;
flex: 1;
}
.cosushi_pricing_element .titleprice .price {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 20px;
color: #C9AB82;
margin-left: 10px;
}
.olins_pricing_element {
background: #f1f1f1;
}
.olins_pricing_element:hover .destination_viaje_slider .slick-prev {
opacity: 1;
transition: all 300ms ease-in-out;
left: -32px;
}
.olins_pricing_element:hover .destination_viaje_slider .slick-next {
opacity: 1;
transition: all 300ms ease-in-out;
right: -32px;
}
.olins_pricing_element .destination_viaje_slider {
position: relative;
}
.olins_pricing_element .destination_viaje_slider .slick-prev {
margin: 0;
padding: 0;
font-size: 0;
text-indent: -9999 !important;
z-index: 9999;
width: 65px;
height: 65px;
background: url(svg/g_left.svg) center center no-repeat;
position: absolute;
left: -100%;
top: 50%;
margin-top: -33px;
border: 0;
opacity: 0;
transition: all 300ms ease-in-out;
}
.olins_pricing_element .destination_viaje_slider .slick-next {
margin: 0;
padding: 0;
font-size: 0;
text-indent: -9999 !important;
z-index: 9999;
width: 65px;
height: 65px;
background: url(svg/g_right.svg) center center no-repeat;
position: absolute;
right: -100%;
top: 50%;
margin-top: -33px;
border: 0;
opacity: 0;
transition: all 300ms ease-in-out;
}
.olins_pricing_element .image_holder {
overflow: hidden;
}
.olins_pricing_element:hover .image_holder img {
transform: scale(1.1);
transition: all 2000ms ease-in-out;
}
.olins_pricing_element img {
max-width: 100%;
height: auto;
transition: all 2000ms ease-in-out;
}
.olins_pricing_element .data_holder {
padding: 20px;
}
.olins_pricing_element .data_holder .price_holder {
font-size: 13px;
color: #5b5e37;
margin-bottom: 15px;
}
.olins_pricing_element .data_holder .title_holder {
font-size: 15px;
color: #353437;
text-transform: uppercase;
margin-bottom: 15px;
}
.olins_pricing_element .data_holder .description_holder {
font-size: 13px;
font-weight: 300;
color: #353437;
}
.delizioso_hover_team {
overflow: hidden;
}
.delizioso_hover_team .image_holder {
position: relative;
}
.delizioso_hover_team .image_holder .hover_mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
.delizioso_hover_team .image_holder .hover_mask .open {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: all 500ms ease-in-out;
}
.delizioso_hover_team .image_holder .hover_mask .open span {
display: block;
min-width: 50px;
height: 50px;
padding: 0 10px;
box-sizing: border-box;
background: #FFF;
border-radius: 3px;
text-align: center;
line-height: 50px;
font-size: 18px;
color: #ae2f42;
transition: all 300ms ease-in-out;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}
.delizioso_hover_team .image_holder .hover_mask .open span:hover {
background: #ffc473;
transition: all 300ms ease-in-out;
}
.delizioso_hover_team .image_holder .hover_mask .text_one {
font-size: 22px;
color: #ffc473;
font-weight: 600;
line-height: 24px;
}
.delizioso_hover_team .image_holder .hover_mask .text_two {
margin-bottom: 50px;
color: #FFF;
font-size: 15px;
font-weight: 300;
line-height: 24px;
}
.delizioso_hover_team img {
width: 100%;
height: auto;
filter: grayscale(100%);
transition: all 300ms ease-in-out;
}
.delizioso_hover_team:hover img {
filter: grayscale(0);
transition: all 300ms ease-in-out;
}
.delizioso_hover_team:hover .image_holder .hover_mask .open {
opacity: 1;
transition: all 500ms ease-in-out;
}
.olins_hover_team .image_holder {
position: relative;
}
.olins_hover_team .image_holder:hover img {
filter: grayscale(100%);
transition: all 500ms ease-in-out;
}
.olins_hover_team .image_holder:hover .hover_mask {
background: rgba(0, 0, 0, 0.6);
opacity: 1;
transition: all 500ms ease-in-out;
font-size: 16px;
}
.olins_hover_team .image_holder img {
z-index: 0;
width: 100%;
height: auto;
transition: all 500ms ease-in-out;
}
.olins_hover_team .image_holder .hover_mask {
transition: all 500ms ease-in-out;
z-index: 999;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 0px;
color: #FFF;
text-transform: uppercase;
opacity: 0;
}
.hai_works_masonry_grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.hai_works_masonry_grid img {
max-width: 100%;
height: auto;
}
.hai_works_masonry_grid .grid_item_work {
width: 24.15%;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.hai_works_masonry_grid .grid_item_work:hover .data_holder {
left: 0;
transition: all 300ms ease-in-out;
}
.hai_works_masonry_grid .grid_item_work .data_holder {
position: absolute;
top: 0;
left: -100%;
width: calc(100% - 50px);
height: calc(100% - 50px);
margin: 25px;
background: #FFF;
transition: all 300ms ease-in-out;
}
.hai_works_masonry_grid .grid_item_work .data_holder .mask_box {
display: flex;
align-items: center;
justify-content: center;
width: calc(100% - 52px);
height: calc(100% - 52px);
margin: 25px;
border: 1px solid #BDD9BF;
}
.hai_works_masonry_grid .grid_item_work .data_holder .mask_box span.title {
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 34px;
color: #BDD9BF;
}
.hai_works_masonry_grid .grid_item_work .data_holder .mask_box span.title a {
color: inherit;
}
.hai_works_masonry_grid .grid_item_work .data_holder .mask_box span.title a:hover {
color: #FFC857;
}
.hai_works_masonry_grid .grid_item_work:first-child,
.hai_works_masonry_grid .grid_item_work:nth-child(4n) {
width: 48.3%;
}
.olins_works_masonry_grid.options_design .grid-item {
margin-bottom: 0;
}
.olins_works_masonry_grid.stephanie_design .grid-sizer,
.olins_works_masonry_grid.stephanie_design .grid_item_work {
width: 33.3333%;
float: left;
}
.olins_works_masonry_grid.stephanie_design .gutter-sizer {
width: 0;
}
.olins_works_masonry_grid.stephanie_design .title_with_cat {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 30px 0;
}
.olins_works_masonry_grid.stephanie_design .title_with_cat h2 {
font-size: 20px;
color: #4e4e4e;
font-weight: 400;
margin-bottom: 15px;
}
.olins_works_masonry_grid.stephanie_design .title_with_cat h2 a {
color: inherit;
}
.olins_works_masonry_grid.stephanie_design .title_with_cat span.category {
text-transform: uppercase;
color: #4e4e4e;
letter-spacing: 0.64em;
font-size: 9px;
}
.olins_works_masonry_grid.simple_design .grid_item_work {
overflow: hidden;
}
.olins_works_masonry_grid.simple_design .grid_item_work:hover img {
filter: grayscale(100%);
transition: all 500ms ease-in-out;
}
.olins_works_masonry_grid.simple_design .grid_item_work:hover .gallery_post .data_mask {
background: rgba(81, 73, 56, 0.8);
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.simple_design .grid_item_work:hover .gallery_post .data_mask .bottom_text {
bottom: 0;
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.simple_design .grid_item_work .gallery_post {
position: relative;
}
.olins_works_masonry_grid.simple_design .grid_item_work .gallery_post .image {
z-index: 1;
}
.olins_works_masonry_grid.simple_design .grid_item_work .gallery_post .image img {
max-width: 100%;
height: auto;
transition: all 500ms ease-in-out;
}
.olins_works_masonry_grid.simple_design .grid_item_work .gallery_post .data_mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 999;
transition: all 300ms ease-in-out;
text-align: center;
}
.olins_works_masonry_grid.simple_design .grid_item_work .gallery_post .data_mask .bottom_text {
position: absolute;
bottom: -100%;
left: 20px;
width: 100%;
text-align: left;
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.simple_design .grid_item_work .gallery_post .data_mask .bottom_text .title {
color: #FFF;
font-weight: 400;
font-size: 23px;
}
.olins_works_masonry_grid.simple_design .grid_item_work .gallery_post .data_mask .bottom_text .title a {
color: inherit;
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.simple_design .grid_item_work .gallery_post .data_mask .bottom_text .title a:hover {
opacity: 0.6;
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.simple_design .grid_item_work .gallery_post .data_mask .bottom_text .title a h3 {
color: inherit;
margin-bottom: 20px;
}
.olins_works_masonry_grid.simple_design .grid_item_work .gallery_post .data_mask .bottom_text .separator {
width: 35px;
height: 2px;
background: #c0c42e;
margin-left: 0;
margin-bottom: 20px;
}
.olins_works_masonry_grid.viaje_design {
margin-bottom: -2px;
overflow: hidden;
}
.olins_works_masonry_grid.viaje_design .grid_item_work {
overflow: hidden;
}
.olins_works_masonry_grid.viaje_design .grid_item_work:hover img {
filter: grayscale(100%);
transition: all 500ms ease-in-out;
}
.olins_works_masonry_grid.viaje_design .grid_item_work:hover .gallery_post .data_mask {
background: rgba(81, 73, 56, 0.8);
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.viaje_design .grid_item_work:hover .gallery_post .data_mask .bottom_text {
bottom: 0;
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.viaje_design .grid_item_work:hover .gallery_post .data_mask .icon_eye {
top: 50%;
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.viaje_design .grid_item_work .gallery_post {
position: relative;
}
.olins_works_masonry_grid.viaje_design .grid_item_work .gallery_post .image {
z-index: 1;
}
.olins_works_masonry_grid.viaje_design .grid_item_work .gallery_post .image img {
max-width: 100%;
height: auto;
transition: all 500ms ease-in-out;
}
.olins_works_masonry_grid.viaje_design .grid_item_work .gallery_post .data_mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 999;
transition: all 300ms ease-in-out;
text-align: center;
}
.olins_works_masonry_grid.viaje_design .grid_item_work .gallery_post .data_mask .icon_eye {
font-size: 30px;
color: #FFF;
position: absolute;
top: -50%;
left: 50%;
margin-left: -15px;
margin-top: -15px;
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.viaje_design .grid_item_work .gallery_post .data_mask .icon_eye:hover {
opacity: 0.6;
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.viaje_design .grid_item_work .gallery_post .data_mask .bottom_text {
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
text-align: center;
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.viaje_design .grid_item_work .gallery_post .data_mask .bottom_text .title {
color: #FFF;
font-weight: 400;
font-size: 23px;
}
.olins_works_masonry_grid.viaje_design .grid_item_work .gallery_post .data_mask .bottom_text .title a {
color: inherit;
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.viaje_design .grid_item_work .gallery_post .data_mask .bottom_text .title a:hover {
opacity: 0.6;
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.viaje_design .grid_item_work .gallery_post .data_mask .bottom_text .title a h3 {
color: inherit;
margin-bottom: 20px;
}
.olins_works_masonry_grid.viaje_design .grid_item_work .gallery_post .data_mask .bottom_text .separator {
width: 35px;
height: 2px;
background: #c0c42e;
margin: 0 auto;
margin-bottom: 20px;
}
.olins_works_masonry_grid.viaje_design .grid_item_work .gallery_post .data_mask .bottom_text p {
color: #FFF;
padding: 0 30px;
text-align: center;
font-size: 14px;
margin-bottom: 30px;
}
.olins_works_masonry_grid.brigitte_design {
margin: -38.5px;
}
.olins_works_masonry_grid.brigitte_design .grid-sizer,
.olins_works_masonry_grid.brigitte_design .grid_item_work {
width: 33.3333%;
float: left;
}
.olins_works_masonry_grid.brigitte_design .gutter-sizer {
width: 0;
}
.olins_works_masonry_grid.brigitte_design .brigitte_style {
margin: 38.5px;
}
.olins_works_masonry_grid.brigitte_design .brigitte_style .white-mask {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 0;
margin-top: 30px;
}
.olins_works_masonry_grid.brigitte_design .brigitte_style .white-mask .category {
order: 1;
font-size: 16px;
text-transform: uppercase;
color: #000;
letter-spacing: 0.2em;
margin-bottom: 10px;
}
.olins_works_masonry_grid.brigitte_design .brigitte_style .white-mask h3.title {
order: 2;
font-size: 36px;
color: #000;
letter-spacing: 0.05em;
}
.olins_works_masonry_grid.brigitte_design .brigitte_style .white-mask h3.title:hover {
opacity: 0.7;
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.creative_design img {
max-width: 100%;
height: auto;
}
.olins_works_masonry_grid.furniture_design {
margin-bottom: -2px;
overflow: hidden;
}
.olins_works_masonry_grid.furniture_design .grid_item_work {
overflow: hidden;
}
.olins_works_masonry_grid.furniture_design .grid_item_work:hover .gallery_post .data_mask {
background: rgba(0, 0, 0, 0.7);
transition: all 700ms ease-in-out;
}
.olins_works_masonry_grid.furniture_design .grid_item_work:hover .gallery_post .data_mask .bottom_text {
opacity: 1;
transition: all 700ms ease-in-out;
}
.olins_works_masonry_grid.furniture_design .grid_item_work .gallery_post {
position: relative;
}
.olins_works_masonry_grid.furniture_design .grid_item_work .gallery_post .image {
z-index: 1;
}
.olins_works_masonry_grid.furniture_design .grid_item_work .gallery_post .image img {
max-width: 100%;
height: auto;
transition: all 500ms ease-in-out;
}
.olins_works_masonry_grid.furniture_design .grid_item_work .gallery_post .data_mask {
position: absolute;
top: 25px;
left: 25px;
width: calc(100% - 50px);
height: calc(100% - 50px);
display: block;
transition: all 700ms ease-in-out;
text-align: center;
}
.olins_works_masonry_grid.furniture_design .grid_item_work .gallery_post .data_mask .bottom_text {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
opacity: 0;
transition: all 700ms ease-in-out;
}
.olins_works_masonry_grid.furniture_design .grid_item_work .gallery_post .data_mask .bottom_text .title {
padding: 0 30px;
color: #FFF;
font-weight: 400;
font-size: 18px;
text-transform: uppercase;
}
.olins_works_masonry_grid.furniture_design .grid_item_work .gallery_post .data_mask .bottom_text .title a {
color: inherit;
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.furniture_design .grid_item_work .gallery_post .data_mask .bottom_text .title a:hover {
opacity: 0.6;
transition: all 300ms ease-in-out;
}
.olins_works_masonry_grid.furniture_design .grid_item_work .gallery_post .data_mask .bottom_text .title a h3 {
color: inherit;
margin-bottom: 20px;
font-weight: 400;
font-size: 18px;
}
.olins_works_masonry_grid.furniture_design .grid_item_work .gallery_post .data_mask .bottom_text .separator {
width: 30px;
height: 1px;
background: #FFF;
margin: 0 auto;
margin-bottom: 20px;
}
.olins_works_masonry_grid.furniture_design .grid_item_work .gallery_post .data_mask .bottom_text span.category {
color: #c9c9c9;
padding: 0 30px;
text-align: center;
font-size: 12px;
margin-bottom: 0;
}
.olins_works_masonry_grid .grid-sizer,
.olins_works_masonry_grid .grid_item_work {
width: 25%;
float: left;
}
.olins_works_masonry_grid .grid-item--width2 {
width: 50%;
}
.olins_works_masonry_grid .gutter-sizer {
width: 0;
}
.olins_works_masonry_grid .grid_item_work .hover_holder {
position: relative;
overflow: hidden;
}
.olins_works_masonry_grid .grid_item_work .hover_holder:hover .image_holder img {
filter: grayscale(100%);
transition: all 500ms ease-in-out;
}
.olins_works_masonry_grid .grid_item_work .hover_holder:hover .data_holder {
background: rgba(0, 0, 0, 0.6);
opacity: 1;
transition: all 500ms ease-in-out;
}
.olins_works_masonry_grid .grid_item_work .hover_holder:hover .data_holder h3 {
font-size: 16px;
}
.olins_works_masonry_grid .grid_item_work .hover_holder .image_holder {
z-index: 0;
}
.olins_works_masonry_grid .grid_item_work .hover_holder .image_holder img {
max-width: 100%;
height: auto;
transition: all 500ms ease-in-out;
}
.olins_works_masonry_grid .grid_item_work .hover_holder .data_holder {
z-index: 999;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
text-transform: uppercase;
opacity: 0;
transition: all 500ms ease-in-out;
}
.olins_works_masonry_grid .grid_item_work .hover_holder .data_holder h3 {
color: inherit;
font-size: 0px;
text-transform: uppercase;
font-weight: 400;
}
.olins_works_masonry_grid .grid_item_work .hover_holder .data_holder h3 a {
color: inherit;
}
.olins_works_masonry_grid .grid_item_work .hover_holder .data_holder h3 a:hover {
opacity: 0.7;
transition: all 300ms ease-in-out;
}
/* ------ venobox.css --------*/
.vbox-overlay *,
.vbox-overlay *:before,
.vbox-overlay *:after {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* ------- overlay: change here background color and opacity ----- */
.vbox-overlay {
background: #fdfdfd;
background: rgba(0, 0, 0, 0.93);
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 9999;
opacity: 0;
overflow-x: auto;
overflow-y: auto;
}
/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */
/* circle preloader */
.vbox-preloader {
position: fixed;
width: 32px;
height: 32px;
left: 50%;
top: 50%;
margin-left: -16px;
margin-top: -16px;
background-image: url(images/venobox/preload-circle.png);
text-indent: -100px;
overflow: hidden;
-webkit-animation: playload 1.4s steps(18) infinite;
-moz-animation: playload 1.4s steps(18) infinite;
-ms-animation: playload 1.4s steps(18) infinite;
-o-animation: playload 1.4s steps(18) infinite;
animation: playload 1.4s steps(18) infinite;
}
@-webkit-keyframes playload {
from {
background-position: 0px;
}
to {
background-position: -576px;
}
}
@-moz-keyframes playload {
from {
background-position: 0px;
}
to {
background-position: -576px;
}
}
@-ms-keyframes playload {
from {
background-position: 0px;
}
to {
background-position: -576px;
}
}
@-o-keyframes playload {
from {
background-position: 0px;
}
to {
background-position: -576px;
}
}
@keyframes playload {
from {
background-position: 0px;
}
to {
background-position: -576px;
}
}
/* ----- navigation ----- */
.vbox-close {
cursor: pointer;
position: fixed;
top: -1px;
right: 0;
width: 46px;
height: 40px;
padding: 10px 20px 10px 0;
display: block;
background: url(images/venobox/close.gif) no-repeat;
background-position: 10px center;
color: #fff;
text-indent: -100px;
overflow: hidden;
}
body.admin-bar .vbox-close {
top: 32px;
}
.vbox-next,
.vbox-prev {
box-sizing: content-box;
cursor: pointer;
position: fixed;
top: 50%;
color: #fff;
width: 30px;
height: 170px;
margin-top: -85px;
text-indent: -100px;
border: solid transparent;
/* Using border instead of padding to keep bg image in place */
overflow: hidden;
}
.vbox-prev {
left: 0;
border-width: 0 30px 0 10px;
background: url(images/venobox/prev.gif) center center no-repeat;
}
.vbox-next {
right: 0;
border-width: 0 10px 0 30px;
background: url(images/venobox/next.gif) center center no-repeat;
}
.vbox-title {
width: 100%;
height: 40px;
float: left;
text-align: center;
line-height: 28px;
font-size: 12px;
color: #fff;
padding: 6px 40px;
overflow: hidden;
background: #161617;
position: fixed;
display: none;
top: -1px;
left: 0;
}
.vbox-num {
cursor: pointer;
position: fixed;
top: -1px;
left: 0;
height: 40px;
display: block;
color: #fff;
overflow: hidden;
line-height: 28px;
font-size: 12px;
padding: 6px 10px;
background: #161617;
display: none;
}
/* ------- inline window ------ */
.vbox-inline {
width: 420px;
height: 315px;
padding: 10px;
background: #fff;
text-align: left;
margin: 0 auto;
overflow: auto;
}
/* ------- Video & iFrames window ------ */
.venoframe {
border: none;
width: 960px;
height: 720px;
}
@media (max-width: 992px) {
.venoframe {
width: 640px;
height: 480px;
}
}
@media (max-width: 767px) {
.venoframe {
width: 420px;
height: 315px;
}
}
@media (max-width: 460px) {
.vbox-inline {
width: 100%;
}
.venoframe {
width: 100%;
height: 260px;
}
}
/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
.vbox-container {
position: relative;
background: #000;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.vbox-content {
text-align: center;
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.vbox-container img {
max-width: 100%;
height: auto;
}
/* Video Box */
.olins_video_box .video_holder {
position: relative;
}
.olins_video_box .video_holder img {
width: 100%;
height: auto;
z-index: 0;
}
.olins_video_box .video_holder .video_data_mask {
position: absolute;
z-index: 9;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.olins_video_box .video_holder .video_data_mask a.venobox {
font-size: 70px;
line-height: 80px;
color: #c0c42e;
transition: all 300ms ease-in-out;
}
.olins_video_box .video_holder .video_data_mask a.venobox:hover {
color: #FFF;
transition: all 300ms ease-in-out;
}
.olins_video_box .video_holder .video_data_mask .video_title {
font-size: 30px;
font-weight: 400;
color: #FFF;
line-height: 30px;
}
.olins_video_box .video_holder .video_data_mask .video_desc {
font-size: 14px;
color: #FFF;
}
.olins_video_box .wrap-overlay-layer {
position: absolute;
top: 0;
left: 0;
z-index: 100;
overflow: hidden;
display: none;
width: 100%;
height: 100%;
background: #fff;
background: rgba(255, 255, 255, 0.6);
}
.olins_video_box .overlay-layer {
display: table;
width: 100%;
height: 100%;
}
.olins_video_box .ins-overlay-layer {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.olins_video_box .video-thumb {
width: 100%;
height: 345px;
float: left;
background: #000 no-repeat;
background-size: cover;
}
.olins_video_box .video-thumb_about {
width: 55.49132948%;
}
.olins_video_box .video-prev__btn {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
width: 88px;
height: 87px;
background: url(images/video-btn.png) no-repeat;
}
.olins_video_box .video-prev__entry {
display: inline-block;
vertical-align: middle;
width: 54.16666667%;
text-align: left;
color: #fff;
}
.olins_video_box .video-prev__entry p {
font-size: 0.84615385em;
color: inherit;
}
.olins_video_box .video-prev__title {
font-size: 2.53846154em;
color: #fff;
text-transform: lowercase;
margin-bottom: 0;
}
.olins_one_member {
/* end people quote */
/* end people photo */
/* end people */
}
.olins_one_member .people {
position: relative;
width: 100%;
height: 345px;
background: #4ba321;
overflow: hidden;
}
.olins_one_member .people__quote {
position: relative;
z-index: 2;
width: 44.79166667%;
margin: 14.16666667% 0 0 11.875%;
color: #fff;
}
.olins_one_member .people__quote:before {
content: "";
position: absolute;
top: -26px;
left: -98px;
width: 113px;
height: 80px;
background: url(images/icons.png) no-repeat 0 -200px;
}
.olins_one_member .people__quote p {
font-style: italic;
line-height: 1.9;
color: inherit;
font-size: inherit;
}
.olins_one_member .people__name {
font-weight: bold;
font-size: 1.84615385em;
color: #fff;
margin-bottom: 2.79069767%;
}
.olins_one_member .people__post {
font-size: 0.92307692em;
color: #b8ece8;
margin-bottom: 8.8372093%;
}
.olins_one_member .people__photo {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
width: 195px;
}
.olins_exotico_products_carousel {
/* end slider controls */
/* end slider header */
/* end shop item thumb */
}
.olins_exotico_products_carousel .buy-btn {
display: none;
font-size: 2.15384615em;
color: #fff;
text-transform: lowercase;
padding: 16.5px 10px;
border-bottom: 3px solid #e7311e;
background: #f74e30;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y3NGUzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMzM2MjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f74e30 1%, #f33621 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f74e30), color-stop(100%, #f33621));
background: -webkit-linear-gradient(top, #f74e30 1%, #f33621 100%);
background: -o-linear-gradient(top, #f74e30 1%, #f33621 100%);
background: -ms-linear-gradient(top, #f74e30 1%, #f33621 100%);
background: linear-gradient(to bottom, #f74e30 1%, #f33621 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f74e30', endColorstr='#f33621', GradientType=0);
}
.olins_exotico_products_carousel .buy-btn:hover {
background: #f33621;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzMzYyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2Y3NGUzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #f33621 0%, #f74e30 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f33621), color-stop(99%, #f74e30));
background: -webkit-linear-gradient(top, #f33621 0%, #f74e30 99%);
background: -o-linear-gradient(top, #f33621 0%, #f74e30 99%);
background: -ms-linear-gradient(top, #f33621 0%, #f74e30 99%);
background: linear-gradient(to bottom, #f33621 0%, #f74e30 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f33621', endColorstr='#f74e30', GradientType=0);
}
.olins_exotico_products_carousel .buy-btn__icon {
display: inline-block;
width: 24px;
height: 19px;
margin-right: 10px;
background: url(images/icons.png) no-repeat;
}
.olins_exotico_products_carousel .wrap-slider {
position: relative;
overflow: hidden;
}
.olins_exotico_products_carousel ul {
margin: 0!important;
}
.olins_exotico_products_carousel .slider-heading {
position: relative;
background: #ff6720;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjcyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjQ4MTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff6720 0%, #ff4817 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6720), color-stop(100%, #ff4817));
background: -webkit-linear-gradient(top, #ff6720 0%, #ff4817 100%);
background: -o-linear-gradient(top, #ff6720 0%, #ff4817 100%);
background: -ms-linear-gradient(top, #ff6720 0%, #ff4817 100%);
background: linear-gradient(to bottom, #ff6720 0%, #ff4817 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6720', endColorstr='#ff4817', GradientType=0);
padding: 1.14583333% 0 1.875%;
}
.olins_exotico_products_carousel .slider-heading .select-filter {
position: absolute;
right: 60px;
top: 50%;
margin-top: -8px;
}
.olins_exotico_products_carousel .slider-controls {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.olins_exotico_products_carousel .slider-controls div {
display: inline-block;
width: 57px;
height: 100%;
background: #eb4516;
margin-left: -3px;
}
.olins_exotico_products_carousel .slider-controls div:first-child {
margin-left: 0;
}
.olins_exotico_products_carousel .slider-controls div a {
position: relative;
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
}
.olins_exotico_products_carousel .slider-controls div a:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
width: 17px;
height: 16px;
}
.olins_exotico_products_carousel .slider-controls__prev {
border-right: 1px solid #df4115;
}
.olins_exotico_products_carousel .slider-controls__prev a:before {
background: url(images/icons.png) no-repeat 0 -50px;
}
.olins_exotico_products_carousel .slider-controls__prev a:hover:before {
background-position: -200px -50px;
}
.olins_exotico_products_carousel .slider-controls__next a:before {
background: url(images/icons.png) no-repeat -50px -50px;
}
.olins_exotico_products_carousel .slider-controls__next a:hover:before {
background-position: -250px -50px;
}
.olins_exotico_products_carousel .slider-heading__title {
font-size: 3.30769231em;
color: #fff;
text-align: center;
text-transform: lowercase;
margin-bottom: 0;
}
.olins_exotico_products_carousel .shop-item {
float: left;
text-align: center;
border: 1px solid #f8f4f3;
background: #fff;
max-height: 338px;
overflow: hidden;
}
.olins_exotico_products_carousel .shop-item .buy-btn {
display: block;
height: 99px;
line-height: 2;
transition: 0.5s all;
}
.olins_exotico_products_carousel .shop-item:hover .buy-btn {
-moz-transform: translate(0, -99px);
-webkit-transform: translate(0, -99px);
-o-transform: translate(0, -99px);
-ms-transform: translate(0, -99px);
transform: translate(0, -99px);
}
.olins_exotico_products_carousel .shop-item__thumb {
position: relative;
max-height: 250px;
}
.olins_exotico_products_carousel .shop-item__wrap {
overflow: hidden;
}
.olins_exotico_products_carousel .shop-item__content {
overflow: hidden;
box-sizing: border-box;
min-height: 100px;
padding: 10.41666667% 4.16666667%;
}
.olins_exotico_products_carousel .shop-item__title {
font-size: 0.92307692em;
color: #686868;
margin-bottom: 2.30414747%;
}
.olins_exotico_products_carousel .shop-item__price {
font-size: 2em;
color: #000;
}
.olins_exotico_products_carousel .select-filter {
/* WRAPPER */
/* CARAT */
/* OLD SELECT (HIDDEN) */
/* SELECTED FEEDBACK ITEM */
/* DROP DOWN WRAPPER */
/* Height is adjusted by JS on open */
/* FADE OVERLAY FOR SCROLLING LISTS */
/* DROP DOWN LIST */
/* DROP DOWN LIST ITEMS */
/* .focus class is also added on hover */
}
.olins_exotico_products_carousel .select-filter ul {
margin: 0;
}
.olins_exotico_products_carousel .select-filter .dropdown,
.olins_exotico_products_carousel .select-filter .dropdown div,
.olins_exotico_products_carousel .select-filter .dropdown li,
.olins_exotico_products_carousel .select-filter .dropdown div::after,
.olins_exotico_products_carousel .select-filter .dropdown .carat,
.olins_exotico_products_carousel .select-filter .dropdown .carat:after,
.olins_exotico_products_carousel .select-filter .dropdown .selected::after,
.olins_exotico_products_carousel .select-filter .dropdown:after {
transition: all 150ms ease-in-out;
}
.olins_exotico_products_carousel .select-filter .dropdown .selected::after,
.olins_exotico_products_carousel .select-filter .dropdown.scrollable div::after {
-webkit-pointer-events: none;
-moz-pointer-events: none;
-ms-pointer-events: none;
pointer-events: none;
}
.olins_exotico_products_carousel .select-filter .dropdown {
position: relative;
display: inline-block;
vertical-align: -3px;
width: auto;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.olins_exotico_products_carousel .select-filter .dropdown.open {
z-index: 2;
}
.olins_exotico_products_carousel .select-filter .dropdown .carat {
position: absolute;
top: 50%;
right: -15px;
margin-top: -2px;
width: 8px;
height: 7px;
background: url(images/icons.png) no-repeat -500px -50px;
}
.olins_exotico_products_carousel .select-filter .dropdown.open .carat {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.olins_exotico_products_carousel .select-filter .dropdown .old {
position: absolute;
left: 0;
top: 0;
height: 0;
width: 0;
overflow: hidden;
}
.olins_exotico_products_carousel .select-filter .dropdown select {
position: absolute;
left: 0px;
top: 0px;
}
.olins_exotico_products_carousel .select-filter .dropdown.touch .old {
width: 100%;
height: 100%;
}
.olins_exotico_products_carousel .select-filter .dropdown.touch select {
width: 100%;
height: 100%;
opacity: 0;
}
.olins_exotico_products_carousel .select-filter .dropdown .selected,
.olins_exotico_products_carousel .select-filter .dropdown li {
display: block;
font-size: 1.07692308em;
line-height: 1;
color: #fff;
text-transform: uppercase;
overflow: hidden;
white-space: nowrap;
}
.olins_exotico_products_carousel .select-filter .dropdown .selected {
border-bottom: 1px dashed #fff;
font-weight: 700;
}
.olins_exotico_products_carousel .select-filter .dropdown div {
position: absolute;
height: 0;
left: -50%;
right: 0;
top: 100%;
margin-top: 15px;
background: #fff;
opacity: 0;
width: 155px;
text-align: left;
}
.olins_exotico_products_carousel .select-filter .dropdown div:before {
content: "";
position: absolute;
top: -5px;
left: 50%;
margin-left: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fff;
}
.olins_exotico_products_carousel .select-filter .dropdown.open div {
opacity: 1;
z-index: 2;
}
.olins_exotico_products_carousel .select-filter .dropdown.scrollable div::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 50px;
box-shadow: inset 0 -50px 30px -35px #f8f8f8;
}
.olins_exotico_products_carousel .select-filter .dropdown.scrollable:hover div::after {
box-shadow: inset 0 -50px 30px -35px #f4f4f4;
}
.olins_exotico_products_carousel .select-filter .dropdown.scrollable.bottom div::after {
opacity: 0;
}
.olins_exotico_products_carousel .select-filter .dropdown ul {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
list-style: none;
overflow: hidden;
}
.olins_exotico_products_carousel .select-filter .dropdown.scrollable.open ul {
overflow-y: auto;
}
.olins_exotico_products_carousel .select-filter .dropdown li {
font-weight: 700;
font-size: 0.84615385em;
color: #ff742b;
padding: 7.74193548% 12.90322581%;
}
.olins_exotico_products_carousel .select-filter .dropdown li.focus {
background: #fff9e7;
position: relative;
z-index: 3;
}
.olins_exotico_products_carousel .select-filter .dropdown li.active {
background: #fff9e7;
color: #ff742b;
}
.olins_exotico_products_carousel .select-filter__label {
display: inline-block;
font-size: 1.07692308em;
color: #ffeb90;
}
.olins_exotico_info .picture-block {
height: 516px;
background-repeat: no-repeat;
text-align: center;
color: #fff;
padding: 2.08333333%;
box-sizing: border-box;
}
.olins_exotico_info .picture-block p {
font-size: 1.84615385em;
text-align: center;
line-height: 1.5;
color: inherit;
padding: 0 15%;
}
.olins_exotico_info .picture-block .btn {
margin-top: 0.76086957%;
}
.olins_exotico_info .btn {
display: inline-block;
padding: 10px 20px;
background: #fff;
font-weight: bold;
font-size: 0.76923077em;
color: #ff742b;
text-align: center;
text-transform: uppercase;
border-radius: 30px;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.16);
}
.olins_exotico_info .picture-block__title {
display: inline-block;
font-size: 3.30769231em;
color: #fff;
letter-spacing: 35px;
text-transform: lowercase;
margin-bottom: 25px;
padding: 16.30434783% 0 3.26086957%;
border-bottom: 1px solid #fcd969;
text-shadow: 9px 9px 0 rgba(255, 76, 3, 0.24);
word-break: break-all;
}
.olins_recent_blog_posts_exotico .blogs {
background: #fff;
padding: 4.58333333%;
}
.olins_recent_blog_posts_exotico .blogs .grid-sizer,
.olins_recent_blog_posts_exotico .blogs .blog {
width: 19.8%;
}
.olins_recent_blog_posts_exotico .blogs .gutter-sizer {
width: 6%;
}
.olins_recent_blog_posts_exotico .blog {
float: left;
border-bottom: 1px solid #f2f2f2;
margin-bottom: 2.7%;
padding-bottom: 2.8125%;
text-align: center;
}
.olins_recent_blog_posts_exotico .blog__thumb {
margin-bottom: 10.52631579%;
}
.olins_recent_blog_posts_exotico .blog__header .meta {
margin-bottom: 7.36842105%;
}
.olins_recent_blog_posts_exotico .blog__title {
font-size: 1.23076923em;
color: #000;
text-transform: none;
margin: 0;
line-height: 1.2;
}
.olins_recent_blog_posts_exotico .blog__title a {
color: #000;
}
.olins_recent_blog_posts_exotico .blog__title a:hover {
opacity: 0.5;
}
.olins_recent_blog_posts_exotico .blog__content p {
line-height: 1.9;
}
.olins_recent_blog_posts_exotico .blog__footer {
margin-top: 5%;
}
.olins_recent_blog_posts_exotico .blogs_home .blog {
width: 100%;
}
.olins_recent_blog_posts_exotico .blog {
margin: 0 0 15.625% 0;
}
.olins_recent_blog_posts_exotico .blog:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.olins_recent_blog_posts_exotico .blog__title {
margin-top: 7.29166667%;
}
.olins_recent_blog_posts_exotico .meta {
font-size: 10px;
color: #bdbcbb;
}
.olins_recent_blog_posts_exotico .meta a {
color: #bdbcbb;
}
.olins_recent_blog_posts_exotico .meta__item:before {
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 7px;
width: 12px;
height: 12px;
background: url(images/icons.png) no-repeat;
}
.olins_recent_blog_posts_exotico .meta__item_date {
margin-right: 15px;
}
.olins_recent_blog_posts_exotico .meta__item_date:before {
background-position: -100px -100px;
}
.olins_recent_blog_posts_exotico .meta__item_comments:before {
background-position: -50px -100px;
}
.olins_exotico_testimonials {
/* end testimonial header */
/* end testimonial poeple */
/* end tabs testimonials */
/* end testemonials */
}
.olins_exotico_testimonials .testimonial__header {
padding: 6.55021834% 5.09461426%;
padding-top: 2%;
}
.olins_exotico_testimonials ul {
margin: 0!important;
}
.olins_exotico_testimonials .testimonial__name {
font-weight: 700;
font-size: 1.84615385em;
color: #585858;
margin-bottom: 0.81037277%;
letter-spacing: 0.04em;
}
.olins_exotico_testimonials .testimonial__location {
font-size: 0.92307692em;
color: #c5c3c2;
margin-bottom: 2.43111831%;
}
.olins_exotico_testimonials .testimonial__location:before {
content: "";
display: inline-block;
margin-right: 1.62074554%;
width: 9px;
height: 12px;
background: url(images/icons.png) no-repeat 0 -100px;
}
.olins_exotico_testimonials .testimonial__quote p {
font-style: italic;
font-size: 1.69230769em;
color: #7b7a79;
}
.olins_exotico_testimonials .testimonial__quote p:last-child {
margin-bottom: 0;
}
.olins_exotico_testimonials .testimonial__entry {
padding: 4.36681223% 5.09461426%;
}
.olins_exotico_testimonials .testimonial__entry p {
color: #7b7a79;
}
.olins_exotico_testimonials .testimonial-people {
text-align: center;
}
.olins_exotico_testimonials .testimonial-people img {
margin: 45px 0 10px;
border-radius: 50%;
border: 11px solid transparent;
}
.olins_exotico_testimonials .testimonial-people__name {
font-weight: 700;
font-size: 1.23076923em;
color: #585858;
margin-bottom: 2.63157895%;
letter-spacing: 0.04em;
}
.olins_exotico_testimonials .testimonial-people__city {
font-size: 0.84615385em;
color: #d4b8a9;
}
.olins_exotico_testimonials .testimonials_tabs .ui-tabs-active .testimonial-people img,
.olins_exotico_testimonials .testimonials_tabs .ui-state-active .testimonial-people img {
border: 11px solid #ffefdc;
}
.olins_exotico_testimonials .wrap-testimonials-slider {
position: relative;
overflow: hidden;
background: #fff3ef;
}
.olins_exotico_testimonials .wrap-testimonials-slider .bx-controls-direction a {
position: absolute;
top: 0;
outline: 0;
width: 60px;
height: 100%;
text-indent: -9999px;
z-index: 9999;
background: #fff3ef;
}
.olins_exotico_testimonials .wrap-testimonials-slider .bx-controls-direction a:hover {
background: #5bb628;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYjYyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYjkwMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #5bb628 0%, #3b901a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bb628), color-stop(100%, #3b901a));
background: -webkit-linear-gradient(top, #5bb628 0%, #3b901a 100%);
background: -o-linear-gradient(top, #5bb628 0%, #3b901a 100%);
background: -ms-linear-gradient(top, #5bb628 0%, #3b901a 100%);
background: linear-gradient(to bottom, #5bb628 0%, #3b901a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bb628', endColorstr='#3b901a', GradientType=0);
}
.olins_exotico_testimonials .wrap-testimonials-slider .bx-controls-direction .bx-prev {
left: 0;
}
.olins_exotico_testimonials .wrap-testimonials-slider .bx-controls-direction .bx-prev:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
width: 17px;
height: 16px;
background: url(images/icons.png) no-repeat -100px -50px;
}
.olins_exotico_testimonials .wrap-testimonials-slider .bx-controls-direction .bx-prev:hover:before {
background-position: -200px -50px;
}
.olins_exotico_testimonials .wrap-testimonials-slider .bx-controls-direction .bx-next {
right: 0;
}
.olins_exotico_testimonials .wrap-testimonials-slider .bx-controls-direction .bx-next:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
width: 17px;
height: 16px;
background: url(images/icons.png) no-repeat -150px -50px;
}
.olins_exotico_testimonials .wrap-testimonials-slider .bx-controls-direction .bx-next:hover:before {
background-position: -250px -50px;
}
.olins_exotico_testimonials .testimonials-slider__item {
background: #fff;
height: 239px;
}
.burger_corporate_team {
background: #ECE8DF;
border-radius: 10px;
padding: 0 20px;
margin-top: 20px;
text-align: center;
transition: all 300ms ease-in-out;
display: flex;
flex-wrap: wrap;
}
.burger_corporate_team img {
max-width: 100%;
height: auto;
}
.burger_corporate_team:hover {
background: #FFF;
transition: all 300ms ease-in-out;
}
.burger_corporate_team:hover .name {
color: #EC9F2E;
transition: all 300ms ease-in-out;
}
.burger_corporate_team .image_box {
margin-top: -20px;
border-radius: 10px;
overflow: hidden;
margin-bottom: 30px;
}
.burger_corporate_team .name {
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 20px;
color: #353535;
margin-bottom: 6px;
transition: all 300ms ease-in-out;
}
.burger_corporate_team .post {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #7A7A7A;
margin-bottom: 14px;
}
.burger_corporate_team .description {
margin-bottom: 22px;
}
.burger_corporate_team .social_link {
padding-bottom: 30px;
font-size: 18px;
}
.burger_corporate_team .social_link a {
color: #D62828;
letter-spacing: 12px;
}
.burger_corporate_team .social_link a:hover {
color: #EC9F2E;
}
.hai_corporate_team {
margin-bottom: 30px;
}
.hai_corporate_team .image_box {
position: relative;
}
.hai_corporate_team .image_box img {
max-width: 100%;
height: auto;
}
.hai_corporate_team .image_box .post {
position: absolute;
top: 10px;
left: 20px;
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 43px;
color: #FFC857;
}
.hai_corporate_team:hover .data_holder {
margin-top: -160px;
transition: all 300ms ease-in-out;
}
.hai_corporate_team .data_holder {
margin-left: 30px;
margin-right: 30px;
margin-top: -60px;
background: #BDD9BF;
position: relative;
padding: 30px 20px 20px 20px;
box-sizing: border-box;
text-align: center;
transition: all 300ms ease-in-out;
}
.hai_corporate_team .data_holder .name {
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 27px;
text-align: center;
color: #FFFFFF;
margin-bottom: 11px;
}
.hai_corporate_team .data_holder .description {
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 27px;
text-align: center;
color: #525252;
margin-bottom: 10px;
}
.hai_corporate_team .data_holder .social_link {
font-size: 20px;
color: #FFF;
letter-spacing: 6px;
}
.hai_corporate_team .data_holder .social_link a {
color: inherit;
}
.hai_corporate_team .data_holder .social_link a:hover {
color: #525252;
}
.hai_corporate_team .data_holder::before {
content: "";
position: absolute;
left: 100%;
top: 10px;
width: 10px;
height: 100%;
background: #FFC857;
}
.hai_corporate_team .data_holder::after {
content: "";
position: absolute;
left: 10px;
top: 100%;
width: 100%;
height: 10px;
background: #FFC857;
}
.hai_selected .hai_corporate_team .data_holder {
background: #FFC857;
}
.hai_selected .hai_corporate_team .data_holder::before,
.hai_selected .hai_corporate_team .data_holder::after {
background: #BDD9BF;
}
.orquidea_corporate_team .imagebox {
max-width: 98%;
overflow: hidden;
position: relative;
border-radius: 100%;
border: 10px solid #f597b1;
}
.orquidea_corporate_team .imagebox .namemask {
position: absolute;
top: 0;
text-align: center;
left: 0;
width: 100%;
opacity: 0;
border-radius: 100%;
background-color: rgba(255, 255, 255, 0.95);
transition: all 300ms ease-in-out;
height: 100%;
}
.orquidea_corporate_team .imagebox .namemask .namecenter {
width: 100%;
text-align: center;
position: absolute;
top: -50%;
left: 0;
transition: all 300ms ease-in-out;
}
.orquidea_corporate_team .imagebox .namemask .namecenter span.nameitem {
display: block;
width: 100%;
text-align: center;
font-size: 55px;
line-height: 55px;
text-transform: uppercase;
}
.orquidea_corporate_team .imagebox .namemask .namecenter span.workitem {
display: block;
width: 100%;
text-align: center;
font-size: 33px;
text-transform: uppercase;
line-height: 22px;
}
.orquidea_corporate_team .imagebox .namemask:hover {
opacity: 1;
transition: all 300ms ease-in-out;
}
.orquidea_corporate_team .imagebox .namemask:hover .namecenter {
top: 35%;
transition: all 300ms ease-in-out;
}
.orquidea_corporate_team .imagebox img {
border-radius: 100%;
width: 100%;
height: auto;
}
.orquidea_corporate_team .workertitle {
margin-top: 20px;
margin-bottom: 10px;
text-transform: uppercase;
color: #333333;
font-size: 34px;
text-align: center;
letter-spacing: 6px;
}
.orquidea_corporate_team .workertitle a {
color: #f597b1;
}
.orquidea_corporate_team .workertitle a:hover {
color: inherit;
}
.orquidea_corporate_team .workerdescr {
line-height: 24px;
}
.orquidea_corporate_team .workerdescr p {
line-height: 24px;
}
.orquidea_progress {
margin-bottom: 20px;
}
.orquidea_progress .skititle {
font-size: 20px;
line-height: 20px;
}
.orquidea_progress .skillline {
margin-top: 5px;
display: block;
width: 100%;
height: 40px;
background: #f5f5f5;
}
.orquidea_progress .skillline .countline {
height: 40px;
line-height: 40px;
text-indent: 10px;
color: #ffffff;
font-size: 20px;
}
.orquidea_service .orquigrid {
list-style: none;
margin: 0;
}
.orquidea_service .orquigrid div {
position: relative;
}
.orquidea_service .orquigrid figure {
margin: 0;
margin-bottom: 15px;
position: relative;
}
.orquidea_service .orquigrid figure img {
width: 100%;
display: block;
position: relative;
}
.orquidea_service .orquigrid figcaption {
position: absolute;
top: 0;
left: 0;
background: #f5f5f5;
}
.orquidea_service .orquigrid figcaption h3 {
margin: 0;
padding: 0;
color: #fff;
}
.orquidea_service .orquigrid figcaption a {
text-align: center;
padding: 7px 14px;
text-transform: uppercase;
font-size: 18px;
display: inline-block;
background: #ed4e6e;
color: #fff;
}
.orquidea_service .orquigrid figcaption a:hover {
opacity: 0.6;
transition: all 300ms ease-in-out;
}
.orquidea_service .cs-style-4 div {
-webkit-perspective: 1700px;
-moz-perspective: 1700px;
perspective: 1700px;
-webkit-perspective-origin: 0 50%;
-moz-perspective-origin: 0 50%;
perspective-origin: 0 50%;
}
.orquidea_service .cs-style-4 figure {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.orquidea_service .cs-style-4 figure > div {
overflow: hidden;
}
.orquidea_service .cs-style-4 figure img {
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.orquidea_service .cs-style-4 figure:hover img,
.orquidea_service .cs-style-4 figure.cs-hover img {
-webkit-transform: translateX(25%);
-moz-transform: translateX(25%);
-ms-transform: translateX(25%);
transform: translateX(25%);
}
.orquidea_service .cs-style-4 figcaption {
height: 100%;
width: 30%;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.orquidea_service .cs-style-4 figure:hover figcaption,
.orquidea_service .cs-style-4 figure.cs-hover figcaption {
opacity: 1;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.orquidea_service .cs-style-4 figcaption a {
position: absolute;
bottom: 20px;
left: 20px;
}
.ale_orquidea_service_item {
margin-top: 35px;
}
.ale_orquidea_service_item .hidetitle {
background-image: url(images/orquidea/minus.png) !important;
background-repeat: no-repeat;
background-position: 97% 50%;
cursor: pointer;
}
.ale_orquidea_service_item .titleservice {
background-image: url(images/orquidea/plusa.png);
background-repeat: no-repeat;
background-position: 97% 50%;
cursor: pointer;
}
.ale_orquidea_service_item .titleservice {
width: 100%;
height: 70px;
margin-bottom: 20px;
line-height: 70px;
color: #ffffff;
text-indent: 20px;
background-color: #333333;
text-transform: uppercase;
transition: all 300ms ease-in-out;
font-size: 35px;
}
.ale_orquidea_service_item .titleservice:hover {
opacity: 0.7;
transition: all 300ms ease-in-out;
}
.ale_orquidea_service_item .imageservice {
margin-bottom: 20px;
margin-top: 25px;
width: 100%;
height: auto;
}
.ale_orquidea_service_item .imageservice.hide {
display: none;
}
.ale_orquidea_service_item .imageservice.hide.show {
display: block;
}
.ale_orquidea_service_item .imageservice img {
width: 100%;
height: auto;
}
.ale_orquidea_service_item .descrtitle {
color: #333333;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 34px;
}
.ale_orquidea_service_item .descrtitle a {
color: #333333;
}
.ale_orquidea_service_item .descrtitle a:hover {
opacity: 0.6;
transition: all 300ms ease-in-out;
}
.ale_orquidea_service_item .descrtext {
margin-bottom: 20px;
line-height: 24px;
}
.ale_orquidea_service_item .descrtext p {
line-height: 24px;
}
.ale_limpieza_works_line {
position: relative;
display: flex;
padding-bottom: 70px;
}
.ale_limpieza_works_line:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
background-color: #2072a1;
opacity: 0.1;
}
.ale_limpieza_works_line div.item {
position: relative;
z-index: 1;
transition: all 300ms ease-in-out;
}
.ale_limpieza_works_line div.item:before {
content: "";
display: block;
width: 100%;
height: 95%;
position: absolute;
bottom: 0;
left: 0;
-webkit-box-shadow: 0 10px 60px 2px #0f314d;
-moz-box-shadow: 0 10px 60px 2px #0f314d;
box-shadow: 0 10px 60px 2px #0f314d;
opacity: 0;
border-radius: 100%;
transition: all 300ms ease-in-out;
}
.ale_limpieza_works_line div.item img {
position: relative;
width: 100%;
height: auto;
}
.ale_limpieza_works_line div.item:hover {
-moz-transform: translate(0, -20px);
-webkit-transform: translate(0, -20px);
-o-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
transform: translate(0, -20px);
z-index: 2;
}
.ale_limpieza_works_line div.item:hover:before {
opacity: 0.4;
}
.ale_limpieza_works_line div.item:hover .text {
opacity: 0;
}
.ale_limpieza_works_line div.item:hover .overlay {
opacity: 1;
}
.ale_limpieza_works_line div.item:hover .overlay span {
top: 50%;
}
.ale_limpieza_works_line div.item .text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.6)), color-stop(1, rgba(0, 0, 0, 0)));
background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
background: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
transition: all 300ms ease-in-out;
}
.ale_limpieza_works_line div.item .text .link {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.ale_limpieza_works_line div.item .text .title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
}
.ale_limpieza_works_line div.item .text .title h2 {
font-size: 42px;
margin-bottom: 61px;
line-height: 42px;
}
.ale_limpieza_works_line div.item .text .title h2 a span {
display: block;
font-size: 30px;
font-weight: 400;
text-transform: lowercase;
}
.ale_limpieza_works_line div.item .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
overflow: hidden;
}
.ale_limpieza_works_line div.item .overlay span {
display: block;
width: 98px;
height: 98px;
font-size: 18px;
text-align: center;
text-transform: uppercase;
border-radius: 100%;
-webkit-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
position: absolute;
top: -50%;
left: 50%;
margin-top: -49px;
margin-left: -49px;
box-sizing: border-box;
padding: 0 5%;
}
.ale_limpieza_works_line div.item .overlay span:hover {
-moz-animation: homebounce 300ms 1;
-webkit-animation: homebounce 300ms 1;
animation: homebounce 300ms 1;
}
.ale_limpieza_works_line div.item .overlay span i {
font-weight: 500;
line-height: 21px;
font-style: inherit;
display: inline-block;
margin-top: 33px;
}
@-moz-keyframes homebounce {
0% {
-webkit-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
}
50% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
}
100% {
-webkit-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
}
}
@-webkit-keyframes homebounce {
0% {
-webkit-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
}
50% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
}
100% {
-webkit-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
}
}
@-ms-keyframes homebounce {
0% {
-webkit-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
}
50% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
}
100% {
-webkit-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
}
}
@-o-keyframes homebounce {
0% {
-webkit-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
}
50% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
}
100% {
-webkit-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
}
}
@keyframes homebounce {
0% {
-webkit-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
}
50% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
}
100% {
-webkit-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 48px rgba(0, 0, 0, 0.15);
}
}
.limpieza_team_member {
display: flex;
margin-bottom: 40px;
}
.limpieza_team_member .image {
width: 126px;
border-radius: 100%;
overflow: hidden;
position: relative;
transition: all 300ms ease-in-out;
}
.limpieza_team_member .image:hover {
-webkit-box-shadow: 0 0 0 2px #d9e7ef;
-moz-box-shadow: 0 0 0 2px #d9e7ef;
box-shadow: 0 0 0 2px #d9e7ef;
}
.limpieza_team_member .image:hover .overlay {
opacity: 1;
}
.limpieza_team_member .image img {
width: 100%;
height: auto;
}
.limpieza_team_member .image .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
border-radius: 100%;
opacity: 0;
transition: all 300ms ease-in-out;
}
.limpieza_team_member .image .overlay a {
font-size: 18px;
line-height: 126px;
margin: 0 5px;
}
.limpieza_team_member .text {
box-sizing: border-box;
padding-left: 11%;
padding-top: 28px;
}
.limpieza_team_member .text h3 {
font-size: 22px;
line-height: 24px;
font-weight: 400;
text-transform: none;
margin-bottom: 0;
}
.limpieza_team_member .text h3 span span {
display: block;
font-weight: 700;
}
.limpieza_team_member .text > span {
font-size: 11px;
opacity: 0.6;
}
.limpieza_recent_line {
max-width: 1372px;
margin: 0 auto;
}
.limpieza_recent_line .flex-viewport {
overflow: visible !important;
}
.limpieza_recent_line .slides {
margin: 0;
padding: 0;
}
.limpieza_recent_line .slides li {
margin: 0 15px;
position: relative;
max-width: 320px;
}
.limpieza_recent_line .slides li:before {
content: "";
display: block;
width: 80%;
height: 70%;
-webkit-box-shadow: 0 0 70px 24px #0f314d;
-moz-box-shadow: 0 0 70px 24px #0f314d;
box-shadow: 0 0 70px 24px #0f314d;
position: absolute;
bottom: 0;
left: 10%;
border-radius: 10%;
opacity: 0.3;
}
.limpieza_recent_line .slides li .image {
position: relative;
display: block;
text-align: center;
}
.limpieza_recent_line .slides li .image img {
max-width: 100%;
height: auto;
}
.limpieza_recent_line .slides li .image:hover .overlay {
opacity: 1;
}
.limpieza_recent_line .slides li .image .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all 300ms ease-in-out;
}
.limpieza_recent_line .slides li .image .overlay:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #FFF;
opacity: 0.9;
}
.limpieza_recent_line .slides li .image .overlay i {
display: block;
width: 82px;
height: 82px;
font-size: 23px;
line-height: 82px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin-top: -41px;
margin-left: -41px;
border-radius: 100%;
-webkit-box-shadow: 0 0 0 19px #FFF;
-moz-box-shadow: 0 0 0 19px #FFF;
box-shadow: 0 0 0 19px #FFF;
}
.limpieza_recent_line .slides li .image .overlay i:hover {
-moz-animation: bounce 300ms 1;
-webkit-animation: bounce 300ms 1;
animation: bounce 300ms 1;
}
.limpieza_recent_line .flex-direction-nav {
margin: 0;
padding: 0;
}
.limpieza_recent_line .flex-direction-nav li {
list-style: none;
}
.limpieza_recent_line .flex-direction-nav a {
display: block;
width: 72px;
height: 72px;
font-size: 24px;
line-height: 72px;
text-align: center;
color: #FFF;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 100%;
position: absolute;
top: 50%;
left: 2.6%;
margin-top: -36px;
}
.limpieza_recent_line .flex-direction-nav a:before {
content: "\f053";
font-family: 'FontAwesome';
}
.limpieza_recent_line .flex-direction-nav a.flex-next {
left: auto;
right: 2.6%;
}
.limpieza_recent_line .flex-direction-nav a.flex-next:before {
content: "\f054";
font-family: 'FontAwesome';
}
.limpieza_recent_line .flex-direction-nav a:hover {
background-color: rgba(0, 0, 0, 0.85);
}
body.admin-bar .ale_po_vertical_slider .portfolio_slider_container {
height: calc(100vh - 286px);
}
.accent .ale_po_vertical_slider .portfolio_category_box {
background: #000;
}
.ale_po_vertical_slider .portfolio_category_box {
background: #333333;
color: #FFF;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
.ale_po_vertical_slider .portfolio_category_box .category_name {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 50px;
letter-spacing: 4px;
text-transform: uppercase;
color: #FFFFFF;
}
.ale_po_vertical_slider .portfolio_slider_container {
height: calc(100vh - 254px);
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.ale_po_vertical_slider .portfolio_slider_container:before,
.ale_po_vertical_slider .portfolio_slider_container:after {
display: none;
}
.ale_po_vertical_slider .portfolio_slider_container .portfolio-column {
height: 100%;
overflow: hidden;
}
.ale_po_vertical_slider .portfolio_slider_container .portfolio-column .swiper-slide {
height: auto;
margin-bottom: 10px;
}
.ale_po_vertical_slider .portfolio_slider_container .portfolio-column .swiper-slide figure {
position: relative;
overflow: hidden;
}
.ale_po_vertical_slider .portfolio_slider_container .portfolio-column .swiper-slide figure:hover figcaption {
opacity: 1;
transition: all 500ms ease-in-out;
}
.ale_po_vertical_slider .portfolio_slider_container .portfolio-column .swiper-slide figure figcaption {
transition: all 500ms ease-in-out;
position: absolute;
bottom: 0;
opacity: 0;
background: rgba(0, 0, 0, 0.55);
color: #FFF;
width: 100%;
box-sizing: border-box;
padding: 30px;
text-align: center;
}
.ale_po_vertical_slider .portfolio_slider_container .portfolio-column .swiper-slide figure figcaption h3 {
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.15em;
line-height: 14px;
margin-bottom: 0;
color: #FFF;
}
.ale_po_vertical_slider .portfolio_slider_container .portfolio-column .swiper-slide figure figcaption h3 a {
color: inherit;
}
.ale_po_vertical_slider .portfolio_slider_container .portfolio-column .swiper-slide figure figcaption h3 a:hover {
opacity: 0.7;
}
.ale_po_vertical_slider .portfolio_slider_container .portfolio-column .swiper-slide:last-child {
margin-bottom: 0;
}
.ale_po_vertical_slider .portfolio_slider_container .portfolio-column img {
width: 100%;
height: auto;
}
.burger_testimonials_slider {
position: relative;
}
.burger_testimonials_slider .slick-dots {
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
display: flex;
align-items: center;
position: absolute;
right: 0;
top: 100%;
}
.burger_testimonials_slider .slick-dots li {
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
margin-left: 5px;
margin-right: 5px;
}
.burger_testimonials_slider .slick-dots li.slick-active button,
.burger_testimonials_slider .slick-dots li:hover button {
background: #D62828;
}
.burger_testimonials_slider .slick-dots li button {
font-size: 0;
background: #C4C4C4;
width: 20px;
height: 20px;
border-radius: 100%;
min-height: unset;
letter-spacing: 0;
border: 0;
}
.burger_testimonials_slider .slide_container {
display: flex;
align-items: flex-start;
justify-content: start;
}
.burger_testimonials_slider .slide_container .image {
border-radius: 10px;
overflow: hidden;
min-width: 380px;
}
.burger_testimonials_slider .slide_container .image img {
max-width: 100%;
height: auto;
}
.burger_testimonials_slider .slide_container .slide_data {
padding-left: 120px;
}
.burger_testimonials_slider .slide_container .slide_data i.fa {
font-style: normal;
font-weight: normal;
font-size: 116px;
line-height: 120px;
color: #E5E5E5;
margin-bottom: 20px;
}
.burger_testimonials_slider .slide_container .slide_data .description {
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 36px;
color: #353535;
margin-bottom: 40px;
}
.burger_testimonials_slider .slide_container .slide_data h3 {
font-style: normal;
font-weight: 800;
font-size: 26px;
line-height: 24px;
color: #353535;
margin-bottom: 0;
}
.burger_testimonials_slider .slide_container .slide_data span.link {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 36px;
color: #7A7A7A;
}
.burger_testimonials_slider .slide_container .slide_data span.link a {
color: inherit;
}
.organic_testimonials_slider .slick-dots {
margin: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
}
.organic_testimonials_slider .slick-dots li {
list-style: none;
}
.organic_testimonials_slider .slick-dots li.slick-active button {
background: #254262;
}
.organic_testimonials_slider .slick-dots li button {
font-size: 0;
width: 10px;
height: 10px;
display: block;
border-radius: 100%;
background: #FFD8BC;
margin-left: 5px;
margin-right: 5px;
min-height: unset;
border: 0;
padding: 0;
letter-spacing: 0;
}
.organic_testimonials_slider .slick-dots li button:hover {
background: #254262;
}
.organic_testimonials_slider .testy_item {
width: calc(33.3% - 20px);
float: left;
margin-left: 10px;
margin-right: 10px;
background: #FFF7E6;
text-align: center;
padding: 0 30px 60px 30px;
box-sizing: border-box;
margin-top: 70px;
}
.organic_testimonials_slider .testy_item h3 {
margin-top: 25px;
margin-bottom: 0;
font-style: normal;
font-weight: normal;
font-size: 28px;
line-height: 38px;
text-align: center;
letter-spacing: 0.5px;
color: #254262;
}
.organic_testimonials_slider .testy_item span.link {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
text-align: center;
letter-spacing: 0.5px;
display: inline-block;
color: #FFD8BC;
margin-bottom: 25px;
}
.organic_testimonials_slider .testy_item span.link a {
color: inherit;
}
.organic_testimonials_slider .testy_item .description {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
text-align: center;
letter-spacing: 0.5px;
color: #A9A9A9;
}
.organic_testimonials_slider .testy_item .image {
width: 100%;
text-align: center;
margin-top: -70px;
}
.organic_testimonials_slider .testy_item .image img {
border-radius: 100%;
display: inline-block;
}
.organic_testimonials_slider .testy_item:nth-child(odd) {
background: #F0F6F6;
}
.organic_testimonials_slider .testy_item:nth-child(odd) span.link a {
color: #9BE3DE;
}
.organic_works_line {
display: flex;
align-items: center;
justify-content: space-between;
}
.organic_works_line .item_work_organic {
position: relative;
margin: 0 10px;
overflow: hidden;
}
.organic_works_line .item_work_organic:first-child {
margin-left: 0;
}
.organic_works_line .item_work_organic:last-child {
margin-right: 0;
}
.organic_works_line .item_work_organic img {
max-width: 100%;
height: auto;
}
.organic_works_line .item_work_organic:hover .overlay {
top: 0;
transition: all 300ms linear;
}
.organic_works_line .item_work_organic .overlay {
position: absolute;
top: 100%;
left: 0;
width: calc(100% - 60px);
height: calc(100% - 60px);
background: #FFF7E6;
margin: 30px;
transition: all 300ms linear;
}
.organic_works_line .item_work_organic .overlay a {
display: block;
width: 100%;
height: 100%;
}
.organic_works_line .item_work_organic .overlay .bordered {
border: 1px solid #FFD8BC;
display: block;
width: calc(100% - 60px);
height: calc(100% - 60px);
margin: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-size: 20px;
color: #254262;
padding: 10px;
box-sizing: border-box;
}
.organic_works_line .item_work_organic .overlay .bordered .icon {
margin-top: 25px;
display: block;
width: 90px;
height: 90px;
background: url(images/organic/work.svg) center center no-repeat;
}
.organic_lenta {
position: relative;
margin-top: 100px;
}
.organic_lenta::before {
width: 4px;
height: calc(100% - 290px);
background: #FFD8BC;
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
margin-left: -2px;
margin-top: 115px;
}
.organic_lenta .organic_timeline_item {
display: flex;
width: 100%;
align-items: center;
margin-top: -80px;
}
.organic_lenta .organic_timeline_item:nth-child(odd) {
justify-content: flex-start;
}
.organic_lenta .organic_timeline_item:nth-child(odd) .data_holder {
text-align: right;
padding-right: 60px;
position: relative;
}
.organic_lenta .organic_timeline_item:nth-child(odd) .data_holder::after {
content: "";
width: 16px;
height: 16px;
display: block;
background: #254262;
border-radius: 100%;
position: absolute;
right: 0;
top: 0;
margin-right: -8px;
margin-top: 15px;
}
.organic_lenta .organic_timeline_item:nth-child(even) {
justify-content: flex-end;
}
.organic_lenta .organic_timeline_item:nth-child(even) .image_holder {
order: 2;
}
.organic_lenta .organic_timeline_item:nth-child(even) .data_holder {
order: 1;
text-align: left;
padding-left: 60px;
position: relative;
}
.organic_lenta .organic_timeline_item:nth-child(even) .data_holder::after {
content: "";
width: 16px;
height: 16px;
display: block;
background: #254262;
border-radius: 100%;
position: absolute;
left: 0;
top: 0;
margin-left: -8px;
margin-top: 15px;
}
.organic_lenta .organic_timeline_item .image_holder {
width: 25%;
box-sizing: border-box;
}
.organic_lenta .organic_timeline_item .image_holder:hover img {
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
transform: scale(0.85);
transition: all 300ms ease-in-out;
}
.organic_lenta .organic_timeline_item .image_holder img {
border-radius: 100%;
margin: 20px;
transition: all 300ms ease-in-out;
}
.organic_lenta .organic_timeline_item .data_holder {
width: 25%;
box-sizing: border-box;
}
.organic_lenta .organic_timeline_item .data_holder h2 {
font-size: 28px;
line-height: 32px;
color: #254262;
margin-bottom: 5px;
letter-spacing: 0.5px;
}
.organic_lenta .organic_timeline_item .data_holder span {
letter-spacing: 0.5px;
color: #A9A9A9;
font-size: 18px;
line-height: 32px;
}
.nunta_lenta {
width: 804px;
margin: 0 auto;
margin-bottom: 30px;
margin-top: 50px;
}
.nunta_lenta .coloritem {
display: flex;
align-items: center;
justify-content: center;
}
.nunta_lenta .coloritem .leftpart,
.nunta_lenta .coloritem .rightpart {
width: 50%;
}
.nunta_lenta .coloritem:nth-child(odd) {
width: 804px;
height: 120px;
background: url(images/nunta/color1line.png) no-repeat;
}
.nunta_lenta .coloritem:nth-child(odd) .leftpart {
text-align: right;
}
.nunta_lenta .coloritem:nth-child(odd) .roundbox {
width: 120px;
height: 120px;
display: inline-block;
margin-right: 90px;
position: relative;
}
.nunta_lenta .coloritem:nth-child(odd) .roundbox img {
width: 100%;
height: auto;
border-radius: 100%;
transition: all 400ms ease-in-out;
}
.nunta_lenta .coloritem:nth-child(odd) .roundbox:hover .maskcolor {
opacity: 0;
transition: all 400ms ease-in-out;
}
.nunta_lenta .coloritem:nth-child(odd) .roundbox:hover img {
-webkit-transform: scale(1.6);
-moz-transform: scale(1.6);
transform: scale(1.6);
transition: all 400ms ease-in-out;
}
.nunta_lenta .coloritem:nth-child(odd) .roundbox .maskcolor {
width: 100%;
height: 100%;
position: absolute;
top: 0;
border-radius: 100%;
left: 0;
transition: all 400ms ease-in-out;
background: #dc5135;
}
.nunta_lenta .coloritem:nth-child(odd) .roundbox .maskcolor span {
line-height: 120px;
text-transform: uppercase;
color: #ffffff;
width: 100%;
text-align: center;
font-size: 18px;
text-shadow: 1px 2px 0px #636363;
display: block;
}
.nunta_lenta .coloritem:nth-child(odd) .datebox {
color: #333333;
font-size: 21px;
text-transform: uppercase;
line-height: 114px;
margin-left: 70px;
text-shadow: 1px 2px 0px #adadad;
}
.nunta_lenta .coloritem:nth-child(odd) .datebox sup {
font-size: 11px;
}
.nunta_lenta .coloritem:nth-child(even) {
width: 804px;
height: 120px;
background: url(images/nunta/greyline.png) no-repeat;
}
.nunta_lenta .coloritem:nth-child(even) .leftpart {
order: 2;
}
.nunta_lenta .coloritem:nth-child(even) .rightpart {
order: 1;
}
.nunta_lenta .coloritem:nth-child(even) .roundbox {
width: 120px;
height: 120px;
margin-left: 90px;
position: relative;
}
.nunta_lenta .coloritem:nth-child(even) .roundbox img {
width: 100%;
height: auto;
border-radius: 100%;
transition: all 400ms ease-in-out;
}
.nunta_lenta .coloritem:nth-child(even) .roundbox:hover .maskcolor {
opacity: 0;
transition: all 400ms ease-in-out;
}
.nunta_lenta .coloritem:nth-child(even) .roundbox:hover img {
-webkit-transform: scale(1.6);
-moz-transform: scale(1.6);
transform: scale(1.6);
transition: all 400ms ease-in-out;
}
.nunta_lenta .coloritem:nth-child(even) .roundbox .maskcolor {
width: 100%;
height: 100%;
position: absolute;
top: 0;
border-radius: 100%;
background: #6a6a6a;
left: 0;
transition: all 400ms ease-in-out;
}
.nunta_lenta .coloritem:nth-child(even) .roundbox .maskcolor span {
line-height: 120px;
text-transform: uppercase;
color: #ffffff;
width: 100%;
text-align: center;
font-size: 18px;
text-shadow: 1px 2px 0px #3b3b3b;
display: block;
}
.nunta_lenta .coloritem:nth-child(even) .datebox {
float: right;
color: #333333;
font-size: 21px;
text-transform: uppercase;
line-height: 114px;
margin-right: 70px;
text-shadow: 1px 2px 0px #adadad;
}
.nunta_lenta .coloritem:nth-child(even) .datebox sup {
font-size: 11px;
}
#nunta_countdown {
width: 70%;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 40px;
}
#nunta_countdown .countdown_row {
clear: both;
width: 100%;
padding: 0px 2px;
text-align: center;
}
#nunta_countdown .countdown_show1 .countdown_section {
width: 98%;
}
#nunta_countdown .countdown_show2 .countdown_section {
width: 48%;
}
#nunta_countdown .countdown_show3 .countdown_section {
width: 32.5%;
}
#nunta_countdown .countdown_show4 .countdown_section {
width: 24.5%;
}
#nunta_countdown .countdown_show5 .countdown_section {
width: 19.5%;
}
#nunta_countdown .countdown_show6 .countdown_section {
width: 16.25%;
}
#nunta_countdown .countdown_show7 .countdown_section {
width: 14%;
}
#nunta_countdown .countdown_section {
display: block;
float: left;
text-align: center;
font-style: 14px;
color: #999999;
}
#nunta_countdown .countdown_amount {
font-size: 46px;
color: #c3c3c3;
font-style: normal;
text-shadow: 1px 2px 0px #626262;
}
#nunta_countdown .countdown_descr {
display: block;
width: 100%;
}
.nunta_wedding_box {
width: 100%;
height: 765px;
position: relative;
background: url(images/nunta/mainhome.png) center no-repeat;
}
@-webkit-keyframes heart1 {
0%,
100% {
left: 170px;
}
50% {
left: 174px;
}
}
@-moz-keyframes heart1 {
0%,
100% {
left: 170px;
}
50% {
left: 174px;
}
}
@-webkit-keyframes heart2 {
0%,
100% {
bottom: 86px;
}
50% {
bottom: 91px;
}
}
@-moz-keyframes heart2 {
0%,
100% {
bottom: 86px;
}
50% {
bottom: 91px;
}
}
@-webkit-keyframes heart4 {
0%,
100% {
left: 364px;
}
50% {
left: 368px;
}
}
@-moz-keyframes heart4 {
0%,
100% {
left: 364px;
}
50% {
left: 368px;
}
}
@-webkit-keyframes heart6 {
0%,
100% {
bottom: 88px;
}
50% {
bottom: 93px;
}
}
@-moz-keyframes heart6 {
0%,
100% {
bottom: 88px;
}
50% {
bottom: 93px;
}
}
@-webkit-keyframes heart7 {
0%,
100% {
left: 676px;
}
50% {
left: 678px;
}
}
@-moz-keyframes heart7 {
0%,
100% {
left: 676px;
}
50% {
left: 678px;
}
}
.nunta_wedding_box .heart1 {
position: absolute;
left: 171px;
bottom: 68px;
width: 64px;
height: 103px;
background: url(images/nunta/h1.png) center no-repeat;
-webkit-animation: heart1 ease 2s infinite;
-moz-animation: heart1 ease 2s infinite;
transition: all 200ms ease-in-out;
}
.nunta_wedding_box .heart1 .wishes {
display: block;
position: absolute;
width: 18px;
height: 27px;
top: 39px;
left: 22px;
transition: all 300ms ease-in-out;
background-position: center;
background-repeat: no-repeat;
}
.nunta_wedding_box .heart1 .wishes:hover {
opacity: 0.5;
transition: all 300ms ease-in-out;
}
.nunta_wedding_box .heart2 {
position: absolute;
width: 110px;
height: 149px;
left: 229px;
bottom: 89px;
background: url(images/nunta/h2.png) center no-repeat;
-webkit-animation: heart2 ease 2s infinite;
-moz-animation: heart2 ease 2s infinite;
transition: all 200ms ease-in-out;
}
.nunta_wedding_box .heart2 .contact {
width: 61px;
height: 31px;
position: absolute;
top: 49px;
left: 18px;
transition: all 300ms ease-in-out;
background-position: center;
background-repeat: no-repeat;
display: block;
}
.nunta_wedding_box .heart2 .contact:hover {
opacity: 0.5;
transition: all 300ms ease-in-out;
}
.nunta_wedding_box .heart3 {
position: absolute;
width: 43px;
height: 54px;
left: 326px;
bottom: 98px;
background: url(images/nunta/h3.png) center no-repeat;
}
.nunta_wedding_box .heart4 {
position: absolute;
width: 133px;
height: 265px;
left: 366px;
bottom: 67px;
background: url(images/nunta/h4.png) center no-repeat;
-webkit-animation: heart4 ease 2s infinite;
-moz-animation: heart4 ease 2s infinite;
transition: all 200ms ease-in-out;
}
.nunta_wedding_box .heart4 .bottle {
position: absolute;
width: 58px;
height: 78px;
top: 96px;
left: 31px;
display: block;
transition: all 300ms ease-in-out;
background-position: center;
background-repeat: no-repeat;
}
.nunta_wedding_box .heart4 .bottle:hover {
opacity: 0.5;
transition: all 300ms ease-in-out;
}
.nunta_wedding_box .heart5 {
position: absolute;
left: 484px;
bottom: 83px;
width: 45px;
height: 64px;
background: url(images/nunta/h5.png) center no-repeat;
}
.nunta_wedding_box .heart6 {
position: absolute;
width: 108px;
height: 158px;
left: 535px;
bottom: 90px;
background: url(images/nunta/h6.png) center no-repeat;
-webkit-animation: heart6 ease 2s infinite;
-moz-animation: heart6 ease 2s infinite;
transition: all 200ms ease-in-out;
}
.nunta_wedding_box .heart6 .flowers {
position: absolute;
width: 43px;
height: 43px;
top: 59px;
left: 30px;
display: block;
transition: all 300ms ease-in-out;
background-position: center;
background-repeat: no-repeat;
}
.nunta_wedding_box .heart6 .flowers:hover {
opacity: 0.5;
transition: all 300ms ease-in-out;
}
.nunta_wedding_box .heart7 {
position: absolute;
width: 62px;
height: 112px;
left: 676px;
bottom: 60px;
background: url(images/nunta/h7.png) center no-repeat;
-webkit-animation: heart7 ease 2s infinite;
-moz-animation: heart7 ease 2s infinite;
transition: all 200ms ease-in-out;
}
.nunta_wedding_box .heart7 .gallery {
position: absolute;
top: 46px;
left: 18px;
width: 29px;
height: 22px;
display: block;
transition: all 300ms ease-in-out;
background-position: center;
background-repeat: no-repeat;
}
.nunta_wedding_box .heart7 .gallery:hover {
opacity: 0.5;
transition: all 300ms ease-in-out;
}
.nunta_wedding_box .leftfonbg {
position: absolute;
top: 40px;
left: 0;
width: 304px;
height: 253px;
background: url(images/nunta/leftfonbg.png) center no-repeat;
}
.nunta_wedding_box .leftfonbg .buterfly {
position: absolute;
left: 127px;
top: -25px;
width: 60px;
height: 61px;
background: url(images/nunta/butterfly.png) center no-repeat;
}
.nunta_wedding_box .rightfonbg {
position: absolute;
top: 40px;
right: 20px;
width: 222px;
height: 272px;
background: url(images/nunta/rightfonbg.png) center no-repeat;
}
.nunta_wedding_box .rightfonbg .buterfly {
position: absolute;
left: 115px;
top: -20px;
width: 60px;
height: 61px;
background: url(images/nunta/butterfly.png) center no-repeat;
}
.nunta_wedding_box .circle {
vertical-align: middle;
background: #ffffff;
border-radius: 100%;
cursor: default;
position: relative;
margin: 0 auto;
width: 220px;
height: 220px;
overflow: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
display: inline-block;
}
.nunta_wedding_box .circle .maskcircle {
position: absolute;
top: 50%;
margin-top: -30px;
left: 0;
z-index: 20;
width: 100%;
text-align: center;
transition: all 200ms ease-in-out;
}
.nunta_wedding_box .circle .maskcircle .circlename {
text-transform: uppercase;
font-size: 34px;
color: #ffffff;
text-shadow: 1px 2px 0px #4f4f4f;
}
.nunta_wedding_box .circle .maskcircle .circleage {
font-size: 18px;
color: #ffffff;
}
.nunta_wedding_box .circle img {
border-radius: 100%;
opacity: 0.3;
transition: all 400ms ease-in-out;
}
.nunta_wedding_box .circle:hover .maskcircle {
opacity: 0;
transition: all 200ms ease-in-out;
}
.nunta_wedding_box .circle:hover img {
opacity: 1;
transition: all 400ms ease-in-out;
}
.nunta_wedding_box .circle:before,
.nunta_wedding_box .circle:after {
border-radius: 100%;
content: "";
position: absolute;
top: 0;
left: 0;
width: inherit;
height: inherit;
-webkit-transition: box-shadow 0.75s;
-moz-transition: box-shadow 0.75s;
-ms-transition: box-shadow 0.75s;
transition: box-shadow 0.75s;
box-shadow: inset 155px 0 0 rgba(220, 81, 53, 0.3), inset 0 155px 0 rgba(220, 81, 53, 0.3), inset -155px 0 0 rgba(220, 81, 53, 0.3), inset 0 -155px 0 rgba(220, 81, 53, 0.3);
}
.nunta_wedding_box .circle:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.nunta_wedding_box .circle:hover:before,
.nunta_wedding_box .circle:hover:after {
box-shadow: inset 0.86em 0 0 rgba(255, 0, 0, 0.5), inset 0 0.86em 0 rgba(252, 150, 0, 0.5), inset -0.86em 0 0 rgba(0, 255, 0, 0.5), inset 0 -0.86em 0 rgba(0, 150, 255, 0.5);
}
.nunta_wedding_box .circle:hover > h1 {
color: #b9b9b9;
}
.cafeteria_pricing_element {
margin-bottom: 15px;
}
.cafeteria_pricing_element:hover .item-logo,
.cafeteria_pricing_element:hover .item-top span {
margin-top: -10px;
transition: all 300ms ease-in-out;
}
.cafeteria_pricing_element .item-top {
width: 100%;
height: 55px;
background: #b1dae6;
position: relative;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.cafeteria_pricing_element .item-top .item-logo {
width: 100%;
position: absolute;
background: transparent no-repeat center;
height: 145px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
top: -40px;
}
.cafeteria_pricing_element .item-top span {
display: block;
position: absolute;
top: 27px;
width: 100%;
text-align: center;
font-size: 16px;
color: #fff0ce;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.cafeteria_pricing_element img {
width: 100%;
height: 121px;
}
.cafeteria_pricing_element .item-info {
width: 100%;
height: 148px;
background: #fff;
border-bottom: 1px dashed rgba(94, 60, 61, 0.7);
}
.cafeteria_pricing_element .item-info .caption {
padding-top: 10px;
font-size: 25px;
text-align: center;
}
.cafeteria_pricing_element .item-info .text {
margin-top: 10px;
text-align: center;
}
.cafeteria_pricing_element .item-price {
width: 100%;
height: 75px;
background: #fff;
}
.cafeteria_pricing_element .item-price > h3 {
text-align: center;
font-size: 30px;
color: #96bdb8;
padding-top: 15px;
}
.cafeteria_pricing_element .item-rombs {
width: 100%;
height: 22px;
background: url("images/cafeteria/triang.png") repeat-x center;
}
.cafeteria_team_item {
position: relative;
}
.cafeteria_team_item .circle {
position: relative;
margin: 0 auto;
width: 192px;
height: 192px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 9px 15px rgba(255, 216, 128, 0.6);
-moz-box-shadow: 0 9px 15px rgba(255, 216, 128, 0.6);
box-shadow: 0 9px 15px rgba(255, 216, 128, 0.6);
transition: all 0.3s ease;
}
.cafeteria_team_item .circle:hover {
-webkit-box-shadow: 0 30px 30px rgba(255, 216, 128, 0.6);
-moz-box-shadow: 0 30px 30px rgba(255, 216, 128, 0.6);
box-shadow: 0 30px 30px rgba(255, 216, 128, 0.6);
}
.cafeteria_team_item .circle img {
position: absolute;
width: inherit;
height: inherit;
top: 0;
border-radius: 50%;
}
.cafeteria_team_item .caption {
position: absolute;
width: 100%;
font-size: 33px;
text-align: center;
top: 152px;
}
.cafeteria_team_item .text {
margin-top: 15px;
text-align: center;
}
.nunta_event_timeline h2,
.nunta_event_timeline h3 {
margin-bottom: 0;
}
.nunta_event_timeline .back-line {
height: 100%;
width: 8px;
background-color: #b1dae5;
position: absolute;
z-index: -1;
left: 50%;
margin-left: -4px;
}
.nunta_event_timeline .cub-top {
position: absolute;
width: 21px;
height: 21px;
background: #b1dae5;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
top: 0;
left: 50%;
margin-left: -11px;
}
.nunta_event_timeline .cub-bot {
position: absolute;
width: 21px;
height: 21px;
background: #b1dae5;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
bottom: 0;
left: 50%;
margin-left: -10px;
}
.nunta_event_timeline .item {
height: 160px;
}
.nunta_event_timeline .item:nth-child(2n) > div {
float: left;
}
.nunta_event_timeline .item:nth-child(2n) .text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 45%;
height: inherit;
padding: 0 5px;
}
.nunta_event_timeline .item:nth-child(2n) .text .caption {
font-size: 33px;
text-align: center;
}
.nunta_event_timeline .item:nth-child(2n) .text p {
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}
.nunta_event_timeline .item:nth-child(2n) .text h3 {
text-align: center;
font-size: 20px;
color: #949494;
}
.nunta_event_timeline .item:nth-child(2n) .text h3 a {
color: #b1dae6;
padding-right: 5px;
}
.nunta_event_timeline .item:nth-child(2n) .text h3 a:hover {
color: #ffbdb8;
}
.nunta_event_timeline .item:nth-child(2n) .circle {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 10%;
height: inherit;
position: relative;
}
.nunta_event_timeline .item:nth-child(2n) .circle .circ {
position: absolute;
width: 24px;
height: 24px;
background: #fff;
border-radius: 50%;
border: 10px solid #5e3c3d;
left: 50%;
margin-left: -22px;
top: 50%;
margin-top: -22px;
-webkit-box-shadow: 0 0 0 7px #fff;
-moz-box-shadow: 0 0 0 7px #fff;
box-shadow: 0 0 0 7px #fff;
}
.nunta_event_timeline .item:nth-child(2n) .circle .line {
position: absolute;
height: 8px;
width: 15px;
top: 50%;
margin-top: -4px;
background-color: #b1dae5;
right: 4px;
}
.nunta_event_timeline .item:nth-child(2n) .img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 45%;
height: inherit;
padding: 15px 0;
position: relative;
}
.nunta_event_timeline .item:nth-child(2n) .img img {
height: 128px;
width: 100%;
outline: 1px dashed rgba(94, 60, 61, 0.7);
outline-offset: -5px;
}
.nunta_event_timeline .item:nth-child(2n) .img .shadow {
position: absolute;
background: url("images/cafeteria/event-shadow.png") no-repeat center;
width: 471px;
height: 136px;
top: 13px;
left: -14px;
}
.nunta_event_timeline .item:nth-child(2n+1) > div {
float: right;
}
.nunta_event_timeline .item:nth-child(2n+1) .text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 45%;
height: inherit;
padding: 0 5px;
}
.nunta_event_timeline .item:nth-child(2n+1) .text .caption {
font-size: 33px;
text-align: center;
}
.nunta_event_timeline .item:nth-child(2n+1) .text p {
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}
.nunta_event_timeline .item:nth-child(2n+1) .text h3 {
text-align: center;
font-size: 20px;
color: #949494;
}
.nunta_event_timeline .item:nth-child(2n+1) .text h3 a {
color: #b1dae6;
padding-right: 5px;
}
.nunta_event_timeline .item:nth-child(2n+1) .text h3 a:hover {
color: #ffbdb8;
}
.nunta_event_timeline .item:nth-child(2n+1) .circle {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 10%;
height: inherit;
position: relative;
}
.nunta_event_timeline .item:nth-child(2n+1) .circle .circ {
position: absolute;
width: 24px;
height: 24px;
background: #fff;
border-radius: 50%;
border: 10px solid #5e3c3d;
left: 50%;
margin-left: -22px;
top: 50%;
margin-top: -22px;
-webkit-box-shadow: 0 0 0 7px #fff;
-moz-box-shadow: 0 0 0 7px #fff;
box-shadow: 0 0 0 7px #fff;
}
.nunta_event_timeline .item:nth-child(2n+1) .circle .line {
position: absolute;
height: 8px;
width: 15px;
top: 50%;
margin-top: -4px;
background-color: #b1dae5;
left: 4px;
}
.nunta_event_timeline .item:nth-child(2n+1) .img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 45%;
height: inherit;
padding: 15px 0;
position: relative;
}
.nunta_event_timeline .item:nth-child(2n+1) .img img {
height: 128px;
width: 100%;
outline: 1px dashed rgba(94, 60, 61, 0.7);
outline-offset: -5px;
}
.nunta_event_timeline .item:nth-child(2n+1) .img .shadow {
position: absolute;
background: url("images/cafeteria/event-shadow.png") no-repeat center;
width: 471px;
height: 136px;
top: 13px;
left: -14px;
}
.nunta_eventslider {
margin-bottom: 40px;
}
.nunta_eventslider ul,
.nunta_eventslider ol {
margin: 0;
list-style: none;
}
.nunta_eventslider ul li,
.nunta_eventslider ol li {
list-style: none;
}
.nunta_eventslider .ei-slider {
position: relative;
width: 100%;
max-width: 844px;
height: 314px;
margin: 0 auto;
}
.nunta_eventslider .ei-slider-loading {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 999;
background: rgba(0, 0, 0, 0.9);
color: #fff;
text-align: center;
line-height: 400px;
}
.nunta_eventslider .ei-slider-large {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
}
.nunta_eventslider .ei-slider-large li {
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
height: 100%;
width: 100%;
}
.nunta_eventslider .ei-slider-large li img {
width: 100%;
}
.nunta_eventslider .ei-title {
position: absolute;
right: 50%;
margin-right: 18%;
top: 25%;
}
.nunta_eventslider .ei-title h2,
.nunta_eventslider .ei-title h3 {
text-align: right;
}
.nunta_eventslider .ei-title h2 {
font-size: 36px;
line-height: 36px;
color: #333333;
text-shadow: 1px 2px 0px #ababab;
margin-bottom: 8px;
}
.nunta_eventslider .ei-title h3 {
font-size: 36px;
line-height: 36px;
text-transform: none;
color: #dc5135;
}
.nunta_eventslider .ei-slider-thumbs {
height: 13px;
margin: 0 auto;
position: relative;
}
.nunta_eventslider .ei-slider-thumbs li {
position: relative;
float: left;
height: 100%;
}
.nunta_eventslider .ei-slider-thumbs li.ei-slider-element {
top: 0px;
left: 0px;
position: absolute;
height: 100%;
z-index: 10;
text-indent: -9000px;
background: #dc5135;
}
.nunta_eventslider .ei-slider-thumbs li a {
display: block;
text-indent: -9000px;
background: #333333;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(255, 255, 255, 0.5);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(255, 255, 255, 0.5);
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
-ms-transition: background 0.2s ease;
transition: background 0.2s ease;
}
.nunta_eventslider .ei-slider-thumbs li a:hover {
background-color: #f0f0f0;
}
.nunta_eventslider .ei-slider-thumbs li img {
position: absolute;
bottom: 50px;
opacity: 0;
z-index: 999;
max-width: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255, 255, 255, 0.3)));
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.nunta_eventslider .ei-slider-thumbs li:hover img {
opacity: 1;
bottom: 13px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 830px) {
.nunta_eventslider .ei-title {
position: absolute;
right: 0px;
margin-right: 0px;
width: 100%;
text-align: center;
top: auto;
bottom: 10px;
background: #fff;
background: rgba(255, 255, 255, 0.9);
padding: 5px 0;
}
.nunta_eventslider .ei-title h2,
.nunta_eventslider .ei-title h3 {
text-align: center;
}
.nunta_eventslider .ei-title h2 {
font-size: 20px;
line-height: 24px;
}
.nunta_eventslider .ei-title h3 {
font-size: 30px;
line-height: 40px;
}
}
.nunta_wishitem {
background: #f5f5f5;
margin-bottom: 30px;
}
.nunta_wishitem .popupbox {
z-index: 99999;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}
.nunta_wishitem .popupbox .whitebox {
background: #ffffff;
width: 100%;
max-width: 900px;
margin: 0 auto;
margin-top: 190px;
}
.nunta_wishitem .popupbox .whitebox .close {
font-size: 18px;
padding: 10px 15px 10px 0px;
cursor: pointer;
transition: all 300ms ease-in-out;
float: right;
color: #dc5135;
}
.nunta_wishitem .popupbox .whitebox .close:hover {
opacity: 0.6;
transition: all 300ms ease-in-out;
}
.nunta_wishitem .popupbox .whitebox .textwish {
padding: 15px;
margin-right: 40px;
margin-left: 40px;
border: 1px solid #e4e4e4;
}
.nunta_wishitem:hover img {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
transform: rotate(5deg);
transition: all 300ms ease-in-out;
}
.nunta_wishitem:hover .righttext .title,
.nunta_wishitem:hover .righttext .excerpt {
color: transparent;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
transition: all 300ms ease-in-out;
}
.nunta_wishitem:hover .righttext .viewmore {
font-size: 22px;
transition: all 300ms ease-in-out;
}
.nunta_wishitem .leftimage {
width: 40%;
float: left;
}
.nunta_wishitem .leftimage img {
width: 100%;
height: auto;
transition: all 300ms ease-in-out;
}
.nunta_wishitem .righttext {
width: 60%;
float: left;
}
.nunta_wishitem .righttext .title {
width: 100%;
text-transform: uppercase;
font-size: 20px;
text-shadow: 1px 2px 0px #b3b3b3;
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
transition: all 300ms ease-in-out;
}
.nunta_wishitem .righttext .excerpt {
padding: 0px 15px 0px 15px;
font-size: 14px;
margin-bottom: 10px;
transition: all 300ms ease-in-out;
text-align: center;
}
.nunta_wishitem .righttext .viewmore {
width: 100%;
text-align: center;
font-size: 18px;
margin-bottom: 10px;
transition: all 300ms ease-in-out;
cursor: pointer;
color: #dc5135;
}
.nunta_wishitem .righttext .viewmore:hover {
opacity: 0.6;
transition: all 300ms ease-in-out;
}
.orquidea_timelineopening {
margin: 45px 0 0 0!important;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.orquidea_timelineopening li {
margin: 0!important;
display: inline-block;
}
.orquidea_timelineopening li .greybox {
background-color: #333333 !important;
}
.orquidea_timelineopening li .roundbox {
width: 123px;
height: 123px;
border-radius: 100%;
transition: all 250ms ease-in-out;
background-color: #000;
position: relative;
}
.orquidea_timelineopening li .roundbox:hover {
-webkit-transform: scale(1.15) !important;
-moz-transform: scale(1.15) !important;
transform: scale(1.15) !important;
transition: all 250ms ease-in-out !important;
}
.orquidea_timelineopening li .roundbox:hover .dayname {
font-size: 0px;
transition: all 300ms ease-in-out;
}
.orquidea_timelineopening li .roundbox:hover span.icon1 {
opacity: 1;
transition: all 300ms ease-in-out;
}
.orquidea_timelineopening li .roundbox span.icon1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: 50% 50%;
display: block;
background-repeat: no-repeat;
opacity: 0;
transition: all 300ms ease-in-out;
}
.orquidea_timelineopening li .roundbox span.dayname {
transition: all 300ms ease-in-out;
display: block;
width: 100%;
text-align: center;
line-height: 123px;
font-size: 44px;
color: #ffffff;
text-transform: uppercase;
}
.orquidea_timelineopening li .timetext {
display: block;
width: 100%;
text-align: center;
margin-top: 15px;
font-size: 20px;
color: #838383;
}
.olins_team_tabs {
margin-left: 30px;
margin-right: 30px;
}
.olins_team_tabs .tabs {
position: relative;
}
.olins_team_tabs .tabs .team_nav {
position: absolute;
top: 0;
bottom: 0;
right: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.olins_team_tabs .tabs .team_nav .team_tab_nav_item {
max-width: 70px;
height: auto;
border: 3px solid #e1e7db;
border-radius: 100%;
transition: all 300ms ease-in-out;
}
.olins_team_tabs .tabs .team_nav .team_tab_nav_item:hover {
border-color: #abb79f;
opacity: 0.7;
transition: all 300ms ease-in-out;
}
.olins_team_tabs .tabs .team_nav ul,
.olins_team_tabs .tabs .team_nav li {
margin: 0;
padding: 0;
list-style: none;
}
.olins_team_tabs .tabs .team_nav li {
margin-top: 15px;
margin-bottom: 15px;
text-align: right;
}
.olins_team_tabs .tabs .team_nav li.active .team_tab_nav_item {
border-color: #abb79f;
opacity: 0.7;
}
.olins_team_tabs .tabs .team_nav li:nth-child(1) {
margin-right: 95px;
}
.olins_team_tabs .tabs .team_nav li:nth-child(2) {
margin-right: 30px;
}
.olins_team_tabs .tabs .team_nav li:nth-child(4) {
margin-right: 30px;
}
.olins_team_tabs .tabs .team_nav li:nth-child(5) {
margin-right: 95px;
}
.olins_team_tabs .tab_content {
margin-right: 225px;
display: flex;
align-items: center;
justify-content: space-between;
}
.olins_team_tabs .tab_content .text {
margin-right: 60px;
}
.olins_team_tabs .tab_content .text .title {
font-weight: 600;
font-size: 40px;
line-height: 40px;
letter-spacing: 0.04em;
color: #3b471f;
margin: 30px 0;
}
.olins_team_tabs .tab_content .text p {
font-size: 17px;
color: #3b471f;
line-height: 27px;
font-weight: 300;
}
.olins_team_tabs .tab_content .text .tab_name {
display: flex;
align-items: center;
line-height: 15px;
}
.olins_team_tabs .tab_content .text .tab_name .separator {
width: 70px;
height: 1px;
background: #3b471f;
display: block;
margin-right: 15px;
}
.olins_team_tabs .tab_content .text .tab_name .tab_title {
font-size: 15px;
font-weight: 300;
text-transform: uppercase;
color: #3b471f;
}
.olins_team_tabs .tab_content .image {
margin-left: 60px;
}
.olins_team_tabs .tab_content .image img {
border-radius: 100%;
-webkit-box-shadow: -7px -9px 78px 8px rgba(52, 61, 33, 0.19);
-moz-box-shadow: -7px -9px 78px 8px rgba(52, 61, 33, 0.19);
box-shadow: -7px -9px 78px 8px rgba(52, 61, 33, 0.19);
}
.olins_three_steps_shortcode {
padding-top: 240px;
display: flex;
align-items: start;
justify-content: space-between;
padding-bottom: 100px;
}
.olins_three_steps_shortcode .step_item {
display: flex;
align-items: start;
justify-content: space-between;
margin-left: 25px;
margin-right: 25px;
}
.olins_three_steps_shortcode .step_item .left_part {
font-size: 200px;
color: #98a58a;
line-height: 0;
}
.olins_three_steps_shortcode .step_item .right_part {
margin-top: 50px;
margin-left: 30px;
}
.olins_three_steps_shortcode .step_item .right_part h3 {
font-size: 30px;
color: #3b471f;
font-weight: 600;
letter-spacing: 0.04em;
margin-bottom: 25px;
}
.olins_three_steps_shortcode .step_item .right_part .description {
font-size: 17px;
font-weight: 300;
line-height: 27px;
color: #3b471f;
}
.olins_years_tabs {
position: relative;
padding-top: 190px;
padding-bottom: 190px;
box-sizing: border-box;
}
.olins_years_tabs img {
max-width: 100%;
height: auto;
}
.olins_years_tabs .tabs {
position: relative;
}
.olins_years_tabs .years_nav {
position: absolute;
height: 100%;
display: flex;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
flex-direction: column;
z-index: 99;
}
.olins_years_tabs .years_nav li {
list-style: none;
margin-left: 20px;
margin-bottom: 8px;
margin-top: 8px;
font-size: 15px;
line-height: 15px;
font-weight: 300;
color: #3b471f;
transition: all 300ms ease-in-out;
position: relative;
}
.olins_years_tabs .years_nav li a {
color: inherit;
}
.olins_years_tabs .years_nav li:hover {
opacity: 0.5;
transition: all 300ms ease-in-out;
}
.olins_years_tabs .years_nav li.active {
opacity: 0.5;
}
.olins_years_tabs .years_nav li.active:before {
position: absolute;
content: "";
width: 50px;
height: 1px;
display: block;
background: #3b471f;
left: 0;
top: 48%;
margin-left: -60px;
}
.olins_years_tabs .tab_content {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 628px;
}
.olins_years_tabs .tab_content .image {
flex: 1;
margin-right: 70px;
margin-left: 70px;
}
.olins_years_tabs .tab_content .text {
flex: 1;
margin-left: 70px;
}
.olins_years_tabs .tab_content .text p {
font-size: 17px;
font-weight: 300;
color: #3b471f;
line-height: 27px;
margin-bottom: 40px;
}
.olins_years_tabs .tab_content .text p:last-child {
margin-bottom: 0;
}
.olins_years_tabs .tab_content .text .tab_name {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.olins_years_tabs .tab_content .text .tab_name .tab_title {
font-size: 15px;
color: #3b471f;
font-weight: 300;
}
.olins_years_tabs .tab_content .text .tab_name .separator {
height: 1px;
width: 70px;
margin-right: 15px;
display: block;
background: #3b471f;
}
.olins_years_tabs .tab_content .text .title {
font-size: 50px;
color: #3b471f;
font-weight: 600;
letter-spacing: 0.04em;
line-height: 59px;
margin-bottom: 40px;
}
.olins_subscribe_box .subscribe_wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe {
width: calc(50% - 40px);
box-sizing: border-box;
padding-left: 110px;
position: relative;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 159px;
height: 198px;
margin-left: -63px;
margin-bottom: -100px;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .category {
display: block;
font-size: 15px;
color: #3b471f;
text-transform: uppercase;
font-weight: 300;
position: relative;
margin-left: 86px;
margin-bottom: 25px;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .category::before {
content: "";
display: block;
width: 70px;
height: 1px;
background: #3b471f;
position: absolute;
right: 100%;
top: 50%;
margin-right: 16px;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .block_title {
max-width: 270px;
color: #3b471f;
font-size: 54px;
letter-spacing: 0.04em;
line-height: 59px;
margin-bottom: 20px;
font-weight: 600;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .description {
color: #3b471f;
font-size: 17px;
line-height: 27px;
font-weight: 300;
margin-bottom: 40px;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form {
border: 1px solid #3b471f;
height: 55px;
width: 100%;
max-width: 415px;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 18px;
transition: all 300ms ease-in-out;
box-sizing: border-box;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form:hover {
transition: all 300ms ease-in-out;
border-color: #9d7c4d;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form:hover .separator {
background: #9d7c4d;
transition: all 300ms ease-in-out;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form .separator {
width: 1px;
height: 26px;
background: #3b471f;
transition: all 300ms ease-in-out;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form input {
background: transparent;
border: 0;
outline: 0;
height: 55px;
color: #999999;
font-size: 16px;
font-weight: 300;
margin-bottom: 0;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form input[type="email"],
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form input[type="text"] {
flex-grow: 1;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form input[type="email"]::-webkit-input-placeholder,
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form input[type="text"]::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #999999;
font-size: 16px;
font-weight: 300;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form input[type="email"]::-moz-placeholder,
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form input[type="text"]::-moz-placeholder {
/* Firefox 19+ */
color: #999999;
font-size: 16px;
font-weight: 300;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form input[type="email"]:-ms-input-placeholder,
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form input[type="text"]:-ms-input-placeholder {
/* IE 10+ */
color: #999999;
font-size: 16px;
font-weight: 300;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form input[type="email"]:-moz-placeholder,
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form input[type="text"]:-moz-placeholder {
/* Firefox 18- */
color: #999999;
font-size: 16px;
font-weight: 300;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form input[type="submit"] {
width: 54px;
transition: all 300ms ease-in-out;
background: transparent;
font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-align: center;
padding-left: 0;
font-size: 20px;
color: #3b471f;
}
.olins_subscribe_box .subscribe_wrapper .left_subscribe .subscribe_form input[type="submit"]:hover {
opacity: 0.6;
transition: all 300ms ease-in-out;
}
.olins_subscribe_box .subscribe_wrapper .right_subscribe {
width: calc(50% - 40px);
}
.olins_subscribe_box .subscribe_wrapper .right_subscribe figure {
min-height: 610px;
position: relative;
width: 100%;
background: #f8f9f6;
}
.olins_subscribe_box .subscribe_wrapper .right_subscribe figure figcaption {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.olins_subscribe_box .subscribe_wrapper .right_subscribe figure figcaption .mask {
margin-top: -90px;
margin-left: 100px;
position: absolute;
top: 0;
left: 0;
}
.olins_subscribe_box .subscribe_wrapper .right_subscribe figure figcaption .girl {
position: absolute;
right: 0;
bottom: 0;
}
.olins_tabs .tabs ul {
display: block;
padding: 0;
margin: 0;
}
.olins_tabs .tabs ul li {
display: inline-block;
background: #fbfbf3;
border-top: 9px solid #fbfbf3;
float: left;
position: relative;
transition: all 300ms ease-in-out;
}
.olins_tabs .tabs ul li.active {
border-top: 9px solid #c0c42e;
background: #FFF;
}
.olins_tabs .tabs ul li.active:hover {
border-top: 9px solid #c0c42e;
background: #FFF;
}
.olins_tabs .tabs ul li a {
display: block;
padding: 20px 35px 30px 35px;
font-size: 20px;
color: #000000;
}
.olins_tabs .tabs ul li:hover {
background: #f2f2e2;
border-top: 9px solid #f2f2e2;
transition: all 300ms ease-in-out;
}
.olins_tabs .olins-tab-container {
background: #FFF;
width: 100%;
box-sizing: border-box;
padding: 30px;
}
.olins_tabs .olins-tab-container .tab_content .image {
float: left;
margin-right: 30px;
}
.olins_tabs .olins-tab-container .tab_content .text .title {
font-size: 26px;
color: #000;
margin-bottom: 35px;
}
.olins_tabs .olins-tab-container p {
margin-bottom: 0;
line-height: 30px;
}
.olins_icon_tabs .tabs ul {
display: block;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
.olins_icon_tabs .tabs ul li {
width: 20%;
margin: 0;
display: inline-block;
background: transparent;
position: relative;
text-align: center;
transition: all 300ms ease-in-out;
}
.olins_icon_tabs .tabs ul li img {
max-width: 90%;
height: auto;
}
.olins_icon_tabs .tabs ul li.active figure.tab-icon a figcaption {
opacity: 1;
transition: all 300ms ease-in-out;
}
.olins_icon_tabs .tabs ul li figure.tab-icon {
position: relative;
margin-bottom: 60px;
}
.olins_icon_tabs .tabs ul li figure.tab-icon a {
display: block;
text-align: center;
vertical-align: middle;
}
.olins_icon_tabs .tabs ul li figure.tab-icon a figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all 300ms ease-in-out;
}
.olins_icon_tabs .tabs ul li figure.tab-icon a:hover figcaption {
opacity: 1;
transition: all 300ms ease-in-out;
}
.olins_icon_tabs .tabs ul li:hover {
transition: all 300ms ease-in-out;
}
.olins_icon_tabs .olins-tab-container {
background: #FFF;
width: 100%;
box-sizing: border-box;
padding: 40px;
}
.olins_icon_tabs .olins-tab-container .tab_content .image {
float: left;
margin-right: 30px;
}
.olins_icon_tabs .olins-tab-container .tab_content .text {
text-align: center;
}
.olins_icon_tabs .olins-tab-container .tab_content .text .title {
font-size: 23px;
color: #000;
margin-bottom: 30px;
display: inline-block;
position: relative;
}
.olins_icon_tabs .olins-tab-container .tab_content .text .title::after {
content: "";
display: block;
width: 85px;
height: 2px;
background: #e5e5d4;
position: absolute;
top: 49%;
left: 100%;
margin-left: 30px;
}
.olins_icon_tabs .olins-tab-container .tab_content .text .title::before {
content: "";
display: block;
width: 85px;
height: 2px;
background: #e5e5d4;
position: absolute;
top: 49%;
right: 100%;
margin-right: 30px;
}
.olins_icon_tabs .olins-tab-container p {
margin-bottom: 0;
line-height: 30px;
text-align: left;
font-size: 16px;
}
.olins_extra_slider {
margin-left: 30px;
margin-right: 30px;
position: relative;
}
.olins_extra_slider .nums {
position: absolute;
left: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.olins_extra_slider .nums .olins_extra_slider_indexes {
font-size: 32px;
color: #3b471f;
letter-spacing: 0.04em;
font-weight: 600;
}
.olins_extra_slider .nums .separator {
width: 70px;
height: 1px;
background: #3b471f;
margin-right: 20px;
margin-left: 20px;
}
.olins_extra_slider .nums ul {
margin: 0;
padding: 0;
}
.olins_extra_slider .nums ul li {
width: 11px;
height: 11px;
border-radius: 100%;
border: 1px solid #3b471f;
margin-right: 10px;
display: inline-block;
cursor: pointer;
position: relative;
}
.olins_extra_slider .nums ul li button {
display: none;
}
.olins_extra_slider .nums ul li:last-child {
margin-right: 0;
}
.olins_extra_slider .nums ul li:hover:after {
content: "";
width: 5px;
height: 5px;
background: #3b471f;
border-radius: 100%;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -2.5px;
margin-top: -2.5px;
}
.olins_extra_slider .nums ul li.slick-active:after {
content: "";
width: 5px;
height: 5px;
background: #3b471f;
border-radius: 100%;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -2.5px;
margin-top: -2.5px;
}
.olins_extra_slider .extra_image {
z-index: -1;
}
.olins_extra_slider .extra_slider_container {
margin-top: -140px;
}
.olins_extra_slider .extra_slider_container .extra_slider_item {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.olins_extra_slider .extra_slider_container .extra_slider_item .image_container {
flex: 1;
padding-left: 60px;
}
.olins_extra_slider .extra_slider_container .extra_slider_item .text_container {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.olins_extra_slider .extra_slider_container .extra_slider_item .text_container h3 {
font-size: 45px;
line-height: 45px;
color: #3b471f;
letter-spacing: 0.04em;
margin-top: 35px;
margin-bottom: 35px;
text-align: center;
}
.olins_extra_slider .extra_slider_container .extra_slider_item .text_container .description {
text-align: center;
font-size: 16px;
line-height: 27px;
color: #3b471f;
font-weight: 300;
margin-bottom: 90px;
}
.olins_extra_slider .extra_slider_container .extra_slider_item .text_container .category_container {
text-align: center;
}
.olins_extra_slider .extra_slider_container .extra_slider_item .text_container .category_container .index_container {
font-size: 15px;
font-weight: 300;
color: #3b471f;
}
.olins_extra_slider .extra_slider_container .extra_slider_item .text_container .category_container h6 {
color: #2d2d2d;
font-size: 20px;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 20px;
display: block;
}
.olins_extra_slider .extra_slider_container .extra_slider_item .text_container .category_container h6:after {
content: "";
width: 1px;
height: 60px;
display: block;
margin: 0 auto;
background: #717f6c;
margin-top: 20px;
}
.olins_testimonials_box {
margin-top: 160px;
margin-bottom: 150px;
display: flex;
align-items: stretch;
flex-wrap: wrap-reverse;
position: relative;
}
.olins_testimonials_box .left_part {
width: 50%;
}
.olins_testimonials_box .left_part img {
max-width: 100%;
height: auto;
}
.olins_testimonials_box .right_part {
width: 50%;
background: #f7f8f5;
background-position: right center;
background-repeat: no-repeat;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
padding-left: 137px;
}
.olins_testimonials_box .right_part .data_holder {
text-align: center;
}
.olins_testimonials_box .right_part .data_holder .category {
margin-top: 80px;
color: #3b471f;
font-size: 15px;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 50px;
position: relative;
display: inline-block;
}
.olins_testimonials_box .right_part .data_holder .category::before {
width: 1px;
height: 70px;
background: #3b471f;
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
margin-top: -90px;
}
.olins_testimonials_box .right_part .data_holder h3 {
color: #3b471f;
font-size: 45px;
letter-spacing: 0.04em;
margin-bottom: 40px;
}
.olins_testimonials_box .right_part .data_holder .description {
color: #3b471f;
font-size: 17px;
line-height: 27px;
max-width: 500px;
text-align: center;
}
.olins_testimonials_box .right_part .data_holder .nums {
margin-top: 90px;
display: flex;
align-items: center;
justify-content: center;
}
.olins_testimonials_box .right_part .data_holder .nums .separator {
width: 70px;
height: 1px;
background: #3b471f;
margin-right: 20px;
margin-left: 20px;
}
.olins_testimonials_box .right_part .data_holder .nums ul {
margin: 0;
padding: 0;
}
.olins_testimonials_box .right_part .data_holder .nums ul li {
width: 11px;
height: 11px;
border-radius: 100%;
border: 1px solid #3b471f;
margin-right: 10px;
display: inline-block;
cursor: pointer;
position: relative;
}
.olins_testimonials_box .right_part .data_holder .nums ul li button {
display: none;
}
.olins_testimonials_box .right_part .data_holder .nums ul li:last-child {
margin-right: 0;
}
.olins_testimonials_box .right_part .data_holder .nums ul li:hover:after {
content: "";
width: 5px;
height: 5px;
background: #3b471f;
border-radius: 100%;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -2.5px;
margin-top: -2.5px;
}
.olins_testimonials_box .right_part .data_holder .nums ul li.slick-active:after {
content: "";
width: 5px;
height: 5px;
background: #3b471f;
border-radius: 100%;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -2.5px;
margin-top: -2.5px;
}
.olins_testimonials_box .product_image {
position: absolute;
top: 50%;
left: 50%;
margin-top: -204px;
margin-left: -137px;
}
.olins_testimonials_box .product_image img {
border: 1px solid #e6e9e4;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.olins_events_list {
text-align: left;
display: flex;
justify-content: space-between;
}
.olins_events_list .post_image_holder {
position: relative;
overflow: hidden;
}
.olins_events_list .post_image_holder:hover::before {
-webkit-animation: shine 0.95s;
animation: shine 0.95s;
}
.olins_events_list .post_image_holder::before {
position: absolute;
top: 0;
left: -81%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.olins_events_list article.event_item {
width: calc(25% - 22px);
}
.olins_events_list article.event_item img {
max-width: 100%;
height: auto;
}
.olins_events_list article.event_item .date_container {
margin-top: 30px;
margin-bottom: 25px;
font-size: 15px;
color: #3b471f;
font-weight: 300;
text-transform: uppercase;
display: flex;
align-items: center;
}
.olins_events_list article.event_item .date_container .date {
padding-right: 14px;
}
.olins_events_list article.event_item .date_container .line {
flex-grow: 1;
height: 1px;
background: #3b471f;
}
.olins_events_list article.event_item h3 {
color: #3b471f;
font-size: 28px;
font-weight: 400;
}
.olins_events_list article.event_item h3 a {
color: inherit;
transition: all 300ms ease-in-out;
}
.olins_events_list article.event_item h3 a:hover {
opacity: 0.5;
transition: all 300ms ease-in-out;
}
.olins_presentation_box {
display: flex;
align-items: stretch;
}
.olins_presentation_box .right_container {
width: 60%;
}
.olins_presentation_box .left_container {
width: 40%;
display: flex;
align-items: center;
justify-content: center;
}
.olins_presentation_box .left_container .data_container {
width: calc(100% - -80px);
height: calc(100% - 120px);
margin-right: -80px;
z-index: 999;
background-color: #FFF;
background-position: center center;
background-repeat: no-repeat;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.olins_presentation_box .left_container .data_container h2 {
font-weight: 600;
color: #3b471f;
font-size: 45px;
letter-spacing: 0.04em;
line-height: 45px;
margin-bottom: 45px;
display: inline-block;
}
.olins_presentation_box .left_container .data_container .typed-cursor {
font-size: 45px;
font-weight: 400;
color: #98a58a;
line-height: 45px;
display: inline-block;
margin-bottom: 45px;
}
.olins_presentation_box .left_container .data_container .description {
text-align: center;
max-width: 580px;
}
.olins_presentation_box .left_container .data_container .description a {
color: inherit;
text-decoration: underline;
}
.olins_presentation_box .left_container .data_container .description p {
margin-bottom: 40px;
text-align: center;
font-size: 17px;
color: #3b471f;
line-height: 27px;
}
.olins_service_block_keira {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 65px 65px;
background: #f8f9f6;
position: relative;
}
.olins_service_block_keira::before {
position: absolute;
content: "";
display: block;
top: 40px;
left: 20px;
bottom: 40px;
right: 20px;
border-top: 1px solid #cdce50;
border-bottom: 1px solid #cdce50;
transition: all 300ms ease-in-out;
}
.olins_service_block_keira::after {
position: absolute;
content: "";
display: block;
top: 20px;
left: 40px;
bottom: 20px;
right: 40px;
border-left: 1px solid #cdce50;
border-right: 1px solid #cdce50;
transition: all 300ms ease-in-out;
}
.olins_service_block_keira:hover::before,
.olins_service_block_keira:hover::after {
border-color: #98a58a;
transition: all 300ms ease-in-out;
}
.olins_service_block_keira:hover img {
transform: scale(0.7);
transition: all 300ms ease-in-out;
}
.olins_service_block_keira .image_holder {
width: 170px;
height: 110px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.olins_service_block_keira .image_holder img {
transition: all 300ms ease-in-out;
}
.olins_service_block_keira h3 {
color: #3b471f;
font-size: 20px;
line-height: 20px;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 20px;
font-weight: 600;
}
.olins_service_block_keira p {
color: #909090;
font-size: 17px;
line-height: 24px;
font-weight: 300;
text-align: center;
}
.olins_heading_info {
height: 769px;
margin-bottom: 35px;
background: #f7f7f7;
background-position: center center;
background-repeat: no-repeat;
}
.olins_heading_info .content_wrapper {
height: 100%;
display: flex;
align-items: center;
}
.olins_heading_info .content_wrapper .info_data {
max-width: 630px;
}
.olins_heading_info .content_wrapper .info_data h2 {
font-size: 98px;
line-height: 98px;
color: #3b471f;
letter-spacing: 0.04em;
margin-bottom: 40px;
display: inline-block;
font-weight: 400;
}
.olins_heading_info .content_wrapper .info_data .typed-cursor {
font-size: 98px;
font-weight: 400;
color: #98a58a;
line-height: 98px;
display: inline-block;
margin-bottom: 40px;
}
.olins_heading_info .content_wrapper .info_data .description {
font-size: 20px;
color: #3b471f;
line-height: 27px;
margin-bottom: 35px;
}
.olins_heading_info .content_wrapper .info_data .button {
background: #98a58a;
padding: 1em 2em;
color: #FFF;
text-transform: uppercase;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.16em;
display: inline-block;
position: relative;
appearance: none;
cursor: pointer;
overflow: hidden;
}
.olins_heading_info .content_wrapper .info_data .button span {
position: relative;
pointer-events: none;
}
.olins_heading_info .content_wrapper .info_data .button::before {
--size: 0;
content: '';
position: absolute;
display: block;
left: var(--x);
top: var(--y);
width: var(--size);
height: var(--size);
background: radial-gradient(circle closest-side, #cf998f, transparent);
transform: translate(-50%, -50%);
transition: width 0.2s ease, height 0.2s ease;
}
.olins_heading_info .content_wrapper .info_data .button:hover::before {
--size: 140px;
display: block;
}
/* Slick Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*
Exotico Shortcode
*/
.exotico_slider_element {
/* end main slider post image */
}
.exotico_slider_element .wrap-main-slider {
position: relative;
}
.exotico_slider_element .wrap-main-slider ul {
margin: 0!important;
}
.exotico_slider_element .wrap-main-slider .bx-pager {
position: absolute;
top: 50%;
left: 1%;
}
.exotico_slider_element .wrap-main-slider .bx-viewport {
height: 663px !important;
}
.exotico_slider_element .wrap-main-slider .bx-pager-item {
margin-bottom: 24px;
}
.exotico_slider_element .wrap-main-slider .bx-pager-item:last-child {
margin-bottom: 0;
}
.exotico_slider_element .wrap-main-slider .bx-pager-link {
display: block;
text-indent: -9999px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #4e625d;
}
.exotico_slider_element .wrap-main-slider .bx-pager-link.active {
background: #35433d;
}
.exotico_slider_element .main-slider__item {
height: 663px;
width: 100%;
}
.exotico_slider_element .main-slider__item .container {
height: 100%;
}
.exotico_slider_element .main-slider__item {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.exotico_slider_element .main-slider__title {
font-size: 5.23076923em;
color: #fff;
text-align: center;
text-transform: lowercase;
margin-bottom: 1.45833333%;
padding-top: 10%;
text-shadow: 12px 12px 0 rgba(0, 0, 0, 0.1);
}
.exotico_slider_element .main-slider-post {
margin-left: 9%;
}
.exotico_slider_element .main-slider-post__image {
position: relative;
z-index: 1;
display: inline-block;
vertical-align: middle;
width: 45%;
margin-left: -70px;
}
.exotico_slider_element .wrap-price {
position: absolute;
top: 50%;
right: -60px;
margin-top: -55px;
display: table;
width: 142px;
height: 142px;
padding: 15px;
background: #4ba321;
border-radius: 50%;
}
.exotico_slider_element .price {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 4.15384615em;
color: #ffea00;
text-shadow: 8px 8px 0 rgba(0, 0, 0, 0.07);
}
.exotico_slider_element .main-slider-post__container {
position: relative;
z-index: 2;
display: inline-block;
vertical-align: middle;
width: 27.08333333%;
}
.exotico_slider_element .main-slider-post__container p {
font-size: 0.92307692em;
line-height: 2;
font-weight: 500;
color: #fff;
}
.exotico_slider_element .main-slider-post__title {
font-size: 1.84615385em;
color: #ffea00;
text-transform: lowercase;
margin-bottom: 6.32911392%;
}
.exotico_slider_element .main-slider-post__quote p {
font-style: italic;
font-size: 1.76923077em;
color: #fff;
line-height: 1;
}
.hai_search_element {
width: calc(100% - 60px);
height: 130px;
background: #FFF;
margin-left: 30px;
margin-right: 30px;
padding: 30px;
box-sizing: border-box;
box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.25);
}
.hai_search_element .search {
display: flex;
align-items: center;
height: 100%;
justify-content: space-between;
}
.hai_search_element .search .fa-compass {
color: #BDD9BF;
font-size: 64px;
margin-right: 21px;
}
.hai_search_element .search .search_button {
width: 56px;
height: 56px;
background: #FFC857;
border-radius: 100%;
text-align: center;
line-height: 56px;
color: #FFF;
font-size: 20px;
padding: 0;
letter-spacing: 0;
border: none;
flex-shrink: 0;
}
.hai_search_element .search .search_button:hover {
background: #525252;
}
.hai_search_element .search .searchinput {
padding: 0;
border: 0;
font-size: 20px;
color: #525252;
}
.hai_search_element .search .searchinput::-webkit-input-placeholder {
font-size: 20px;
color: #525252;
}
.hai_search_element .search .searchinput::-moz-placeholder {
font-size: 20px;
color: #525252;
}
.hai_search_element .search .searchinput:-ms-input-placeholder {
font-size: 20px;
color: #525252;
}
.hai_search_element .search .searchinput:-moz-placeholder {
font-size: 20px;
color: #525252;
}
/*
Exotico Search Element
*/
.exotico_search_element {
/* end about */
/* end search */
}
.exotico_search_element .about {
text-align: center;
color: #a07258;
margin: 4.79166667% 0 6.25%;
}
.exotico_search_element .about p {
text-align: center;
line-height: 1.5;
color: inherit;
font-size: inherit;
padding-left: 10%;
padding-right: 10%;
}
.exotico_search_element .about__title {
display: inline-block;
font-size: 4.15384615em;
color: #a07258;
text-transform: lowercase;
margin-bottom: 2.08333333%;
padding-bottom: 1.5625%;
border-bottom: 1px solid #e2d0bc;
}
.exotico_search_element .about__sub-title {
font-size: 1.56923077em;
line-height: 1.23;
margin-bottom: 3.125%;
padding-left: 10%;
padding-right: 10%;
}
.exotico_search_element .search {
margin-bottom: 6.97916667%;
}
.exotico_search_element .search input::-webkit-input-placeholder {
color: #e5dbd6;
}
.exotico_search_element .search input:-moz-placeholder {
color: #e5dbd6;
}
.exotico_search_element .search input[type="text"] {
float: left;
width: 81.25%;
border: 3px solid #ffeb90;
border-right: transparent;
height: 80px;
padding: 1.28205128% 2.91666667%;
border-radius: 0;
background: #fff;
font-size: 1.69230769em;
color: #e5dbd6;
-webkit-box-shadow: inset 8px 8px 0 rgba(255, 137, 94, 0.03);
-moz-box-shadow: inset 8px 8px 0 rgba(255, 137, 94, 0.03);
box-shadow: inset 8px 8px 0 rgba(255, 137, 94, 0.03);
}
.exotico_search_element .search button[type="submit"] {
float: right;
width: 18.75%;
height: 80px;
font-size: 1.84615385em;
color: #fff;
text-transform: lowercase;
background: #ff6a21;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmNmEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjQ5MTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff6a21 1%, #ff4917 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ff6a21), color-stop(100%, #ff4917));
background: -webkit-linear-gradient(top, #ff6a21 1%, #ff4917 100%);
background: -o-linear-gradient(top, #ff6a21 1%, #ff4917 100%);
background: -ms-linear-gradient(top, #ff6a21 1%, #ff4917 100%);
background: linear-gradient(to bottom, #ff6a21 1%, #ff4917 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6a21', endColorstr='#ff4917', GradientType=0);
opacity: 1;
border-bottom: 3px solid #e94415;
}
.exotico_search_element .search button[type="submit"]:hover {
background: #ff4917;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNDkxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmNmEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #ff4917 0%, #ff6a21 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff4917), color-stop(99%, #ff6a21));
background: -webkit-linear-gradient(top, #ff4917 0%, #ff6a21 99%);
background: -o-linear-gradient(top, #ff4917 0%, #ff6a21 99%);
background: -ms-linear-gradient(top, #ff4917 0%, #ff6a21 99%);
background: linear-gradient(to bottom, #ff4917 0%, #ff6a21 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4917', endColorstr='#ff6a21', GradientType=0);
}
.exotico_search_element .search__icon {
display: inline-block;
vertical-align: -4px;
width: 25px;
height: 25px;
margin-left: 5.55555556%;
background: url(images/icons.png) no-repeat -50px 0;
}
/* Centered slider */
.cafeteria_centered_slider {
overflow: hidden;
width: 100%;
height: 660px;
position: relative;
}
.cafeteria_centered_slider ul,
.cafeteria_centered_slider ol {
margin: 0;
list-style: none;
}
.cafeteria_centered_slider ul li,
.cafeteria_centered_slider ol li {
list-style: none;
}
.cafeteria_centered_slider .triang {
position: absolute;
height: 13px;
width: 100%;
z-index: 100;
}
.cafeteria_centered_slider .triang.top {
top: 0;
background: url("images/cafeteria/top-triang.png") repeat-x;
}
.cafeteria_centered_slider .triang.bot {
bottom: 0;
background: url("images/cafeteria/bot-triang.png") repeat-x;
}
.cafeteria_centered_slider .flex-direction-nav {
position: absolute;
width: 680px;
height: 296px;
top: 210px;
left: 50%;
margin-left: -340px;
}
.cafeteria_centered_slider .flex-direction-nav a {
z-index: 2;
width: 35px;
height: 56px;
display: block;
position: absolute;
top: 50%;
margin-top: -28px;
cursor: pointer;
background-color: rgba(240, 236, 227, 0.8);
background-repeat: no-repeat;
}
.cafeteria_centered_slider .flex-direction-nav a.flex-prev {
left: -35px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 100px;
-webkit-border-top-left-radius: 100px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 100px;
-moz-border-radius-topleft: 100px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 100px;
border-top-left-radius: 100px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-image: url("images/cafeteria/left.png");
background-position: 60% 50%;
-webkit-box-shadow: -1px 2px 3px rgba(50, 50, 50, 0.3);
-moz-box-shadow: -1px 2px 3px rgba(50, 50, 50, 0.3);
box-shadow: -1px 2px 3px rgba(50, 50, 50, 0.3);
}
.cafeteria_centered_slider .flex-direction-nav a.flex-prev:hover {
background-color: rgba(240, 236, 227, 0.6);
}
.cafeteria_centered_slider .flex-direction-nav a.flex-next {
right: -35px;
-webkit-border-top-right-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomright: 100px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-image: url("images/cafeteria/right.png");
background-position: 40% 50%;
-webkit-box-shadow: 1px 2px 3px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 1px 2px 3px rgba(50, 50, 50, 0.3);
box-shadow: 1px 2px 3px rgba(50, 50, 50, 0.3);
}
.cafeteria_centered_slider .flex-direction-nav a.flex-next:hover {
background-color: rgba(240, 236, 227, 0.6);
}
.cafeteria_centered_slider .slides > li {
display: none;
position: relative;
width: 100%;
height: 660px;
background-position: 50% 0;
background-repeat: no-repeat;
box-sizing: border-box;
}
.cafeteria_centered_slider .box {
visibility: hidden;
position: absolute;
width: 680px;
height: 296px;
top: 210px;
left: 50%;
margin-left: -340px;
background: rgba(240, 236, 227, 0.8);
outline: 1px dashed rgba(94, 60, 61, 0.7);
outline-offset: -10px;
text-align: center;
z-index: 2;
}
.cafeteria_centered_slider .box .caption {
margin-top: 40px;
padding: 0 40px;
font-size: 33px;
}
.cafeteria_centered_slider .box .text {
margin: 25px 0 25px 0;
padding: 0 40px;
text-align: center;
}
.cafeteria_centered_slider .box > a {
font-size: 22px;
padding-right: 5px;
}
.cafeteria_centered_slider .box > a:hover {
color: #5e3c3d;
opacity: 0.7;
}
.cafeteria_centered_slider .shadow {
visibility: hidden;
position: absolute;
width: 707px;
height: 311px;
top: 209px;
left: 50%;
margin-left: -353px;
background: url("images/cafeteria/box-shadow.png") no-repeat center;
}
.slideUp {
animation-name: slideUp;
-webkit-animation-name: slideUp;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideUp {
0% {
transform: translateY(100%);
}
50% {
transform: translateY(-8%);
}
65% {
transform: translateY(4%);
}
80% {
transform: translateY(-4%);
}
95% {
transform: translateY(2%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(100%);
}
50% {
-webkit-transform: translateY(-8%);
}
65% {
-webkit-transform: translateY(4%);
}
80% {
-webkit-transform: translateY(-4%);
}
95% {
-webkit-transform: translateY(2%);
}
100% {
-webkit-transform: translateY(0%);
}
}
.olins_centered_slider .slick-slide {
cursor: ew-resize;
overflow: hidden;
}
.olins_centered_slider .slick-slide .slide_title,
.olins_centered_slider .slick-slide .slide_desc {
visibility: hidden;
text-align: center;
}
.olins_centered_slider .slick-slide .slide_title {
margin-top: 35px;
font-size: 30px;
line-height: 30px;
color: #6d6d6d;
}
.olins_centered_slider .slick-slide .slide_desc {
font-size: 16px;
color: #ACACAC;
margin-bottom: 35px;
}
.olins_centered_slider .slick-slide img {
margin-top: -180px;
}
.olins_centered_slider .slick-center .slide_title,
.olins_centered_slider .slick-center .slide_desc {
visibility: visible;
}
.olins_centered_slider .slick-center img {
margin-top: 0;
}
.olins_centered_slider img {
max-width: 100%;
height: auto;
transition: all 300ms ease-in-out;
}
/* Olins Featured Post Element */
.olins_featured_post .image_holder {
position: relative;
}
.olins_featured_post .image_holder img {
max-width: 100%;
height: auto;
}
.olins_featured_post .image_holder .post_data {
position: absolute;
background: rgba(255, 255, 255, 0.85);
top: 17%;
bottom: 17%;
left: 32%;
right: 32%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
box-sizing: border-box;
padding: 0 50px;
text-align: center;
}
.olins_featured_post .image_holder .post_data .date {
color: #3b3a36;
font-size: 12px;
line-height: 12px;
letter-spacing: 0.05em;
margin-bottom: 20px;
}
.olins_featured_post .image_holder .post_data h2.title {
font-size: 18px;
line-height: 25px;
color: #333333;
text-transform: uppercase;
margin-bottom: 20px;
}
.olins_featured_post .image_holder .post_data h2.title a {
color: inherit;
transition: all 300ms ease-in-out;
}
.olins_featured_post .image_holder .post_data h2.title a:hover {
opacity: 0.7;
transition: all 300ms ease-in-out;
}
.olins_featured_post .image_holder .post_data .desc {
margin-bottom: 20px;
}
.olins_featured_post .image_holder .post_data .post_link .ale_button {
border: 1px solid #b3976e;
text-transform: uppercase;
font-size: 15px;
color: #333333;
letter-spacing: 0.05em;
padding: 0.6em 1.2em;
transition: all 300ms ease-in-out;
}
.olins_featured_post .image_holder .post_data .post_link .ale_button:hover {
color: #b3976e;
transition: all 300ms ease-in-out;
}
/* Olins Image with Title */
.olins_image_title {
width: 100%;
}
.olins_image_title .image_box_holder {
width: calc(20% - 16px);
float: left;
position: relative;
margin-right: 20px;
}
.olins_image_title .image_box_holder:last-child {
margin-right: 0;
}
.olins_image_title .image_box_holder img {
max-width: 100%;
}
.olins_image_title .image_box_holder .title_box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;
color: #FFF;
}
.olins_image_title .image_box_holder .title_box a::after {
content: '';
display: block;
width: 0;
height: 1px;
background: #FFF;
transition: width 0.3s;
}
.olins_image_title .image_box_holder .title_box a:hover::after {
width: 100%;
}
.olins_image_title .image_box_holder .title_box h3.title {
font-size: 15px;
text-transform: uppercase;
color: #FFF;
letter-spacing: 0.05em;
line-height: 20px;
}
.olins_image_title .image_box_holder .title_box span.subtitle {
font-size: 11px;
letter-spacing: 0.05em;
}
.hover_link_opacity a {
transition: all 300ms ease-in-out;
}
.hover_link_opacity a:hover {
transition: all 300ms ease-in-out;
opacity: 0.5;
}
/* Left Icon Service */
.olins_left_icon_service .icon_holder {
float: left;
}
.olins_left_icon_service .icon_holder img {
max-width: 30px;
height: auto;
}
.olins_left_icon_service .data_holder {
margin-left: 50px;
}
.olins_left_icon_service .data_holder .title {
display: block;
font-weight: 300;
text-transform: uppercase;
color: #363636;
letter-spacing: 0.1em;
margin-bottom: 20px;
}
.olins_left_icon_service .data_holder .description {
color: #808285;
font-size: 14px;
line-height: 24px;
}
/* Olins Pricing Table */
.smoothie_pricing_table {
background: #DFEEB6;
border-radius: 5px;
padding: 40px 50px 130px 50px;
position: relative;
overflow: hidden;
}
.smoothie_pricing_table::after {
position: absolute;
bottom: 0;
left: 0;
width: 101%;
height: 130px;
content: "";
background: transparent url(images/smoothie/top.svg) left repeat-x;
z-index: 99;
transform: rotate(180deg) scaleX(-1);
}
.smoothie_pricing_table .title {
font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 62px;
text-align: center;
color: #FFFFFF;
}
.smoothie_pricing_table .price {
text-align: center;
font-style: normal;
font-weight: 300;
font-size: 80px;
line-height: 82px;
color: #FEA3AC;
margin-bottom: 30px;
}
.smoothie_pricing_table p.description {
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 25px;
text-align: center;
color: #9A9A9A;
margin-bottom: 60px;
}
.smoothie_pricing_table .one_button {
text-align: center;
}
.smoothie_pricing_table .one_button a.ale_button {
border: 3px solid #FFFFFF;
box-sizing: border-box;
border-radius: 5px;
display: inline-block;
padding: 21px 31px;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 14px;
letter-spacing: 3px;
color: #FFFFFF;
}
.smoothie_pricing_table .one_button a.ale_button:hover {
background: #FFF;
color: #9A9A9A;
}
.selected .smoothie_pricing_table {
background: #C9E3F4;
}
.olins_pricing_table {
border: 1px solid #efefef;
padding: 2px;
box-sizing: border-box;
transition: all 500ms ease-in-out;
}
.olins_pricing_table:hover {
border-color: #333;
transition: all 500ms ease-in-out;
}
.olins_pricing_table .data_holder {
background: #f5f5f5;
box-sizing: border-box;
padding: 70px 50px;
text-align: center;
}
.olins_pricing_table .data_holder .title {
font-weight: 300;
color: #363636;
font-size: 18px;
letter-spacing: 0.1em;
margin-bottom: 35px;
}
.olins_pricing_table .data_holder p {
text-align: center;
}
.olins_pricing_table .data_holder .price {
vertical-align: top;
margin-bottom: 15px;
}
.olins_pricing_table .data_holder .price .currency {
font-size: 30px;
line-height: 30px;
font-weight: 300;
color: #363636;
letter-spacing: 0.1em;
vertical-align: top;
}
.olins_pricing_table .data_holder .price .the_price {
font-size: 60px;
line-height: 50px;
vertical-align: top;
color: #363636;
letter-spacing: 0.05em;
font-weight: 300;
}
.olins_pricing_table .data_holder .period {
font-style: italic;
font-size: 14px;
color: #808285;
margin-bottom: 40px;
letter-spacing: 0.1em;
}
.olins_pricing_table .data_holder .description {
font-style: italic;
font-size: 14px;
color: #808285;
line-height: 35px;
letter-spacing: 0.1em;
margin-bottom: 40px;
}
.olins_pricing_table .data_holder .one_button .ale_button {
text-transform: uppercase;
}
/*Works Slider Shortcode*/
.olins_works_slider_container {
position: relative;
}
.olins_works_slider_container .olins_works_slider img {
max-width: none;
width: 100%;
height: auto;
}
.olins_works_slider_container .works_slider_data_container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin-bottom: 70px;
}
.olins_works_slider_container .works_slider_data_container .white_block {
background: #FFF;
padding: 25px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
}
.olins_works_slider_container .works_slider_data_container .white_block .data-info {
width: 17%;
height: 120px;
text-align: center;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
color: #000;
font-size: 18px;
line-height: 30px;
letter-spacing: 0.1em;
}
.olins_works_slider_container .works_slider_data_container .white_block .data-info::after {
content: '';
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
transform: rotate(20deg);
background: #bbb;
}
.olins_works_slider_container .works_slider_data_container .white_block .title-and-cat {
width: 66%;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.olins_works_slider_container .works_slider_data_container .white_block .title-and-cat h3 {
font-size: 50px;
letter-spacing: 0.05em;
margin-bottom: 0;
}
.olins_works_slider_container .works_slider_data_container .white_block .title-and-cat .category {
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.15em;
}
.olins_works_slider_container .works_slider_data_container .white_block .photos-count {
width: 17%;
height: 120px;
position: relative;
}
.olins_works_slider_container .works_slider_data_container .white_block .photos-count::after {
content: '';
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: rotate(20deg);
background: #bbb;
}
.olins_works_slider_container .works_slider_data_container .white_block .photos-count .nums {
letter-spacing: 0.1em;
background-color: #FFF;
z-index: 9;
}
.olins_works_slider_container .works_slider_data_container .white_block .photos-count .previous_works_slide,
.olins_works_slider_container .works_slider_data_container .white_block .photos-count .next_works_slide {
width: 32px;
height: 32px;
border: 1px solid #3e3e3e;
color: #3e3e3e;
line-height: 32px;
text-align: center;
border-radius: 100%;
cursor: pointer;
transition: all 300ms ease-in-out;
}
.olins_works_slider_container .works_slider_data_container .white_block .photos-count .previous_works_slide:hover,
.olins_works_slider_container .works_slider_data_container .white_block .photos-count .next_works_slide:hover {
color: #9d7e64;
border-color: #9d7e64;
transition: all 300ms ease-in-out;
}
.olins_works_slider_container .works_slider_data_container .white_block .photos-count .photos_numbers {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 40px;
}
.smoothie_color .smoothie_corporate_team {
background: #DFEEB6;
}
.smoothie_mirror .smoothie_corporate_team {
margin-left: 0;
margin-right: 165px;
}
.smoothie_mirror .smoothie_corporate_team .image_box {
order: 2;
margin-left: 0;
margin-right: -165px;
}
.smoothie_mirror .smoothie_corporate_team .info_data {
order: 1;
text-align: right;
}
.smoothie_corporate_team {
display: flex;
align-items: center;
background: #C9E3F4;
border-radius: 5px;
padding: 25px 0;
margin-bottom: 40px;
margin-left: 165px;
}
.smoothie_corporate_team .image_box {
margin-left: -165px;
}
.smoothie_corporate_team .image_box img {
border-radius: 100%;
}
.smoothie_corporate_team .info_data {
padding: 17px;
}
.smoothie_corporate_team .info_data .name {
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 28px;
color: #FFFFFF;
}
.smoothie_corporate_team .info_data .post {
font-weight: 300;
font-size: 20px;
line-height: 25px;
color: #433840;
margin-bottom: 14px;
}
.smoothie_corporate_team .info_data .description {
font-style: normal;
font-weight: 300;
font-size: 15px;
line-height: 25px;
color: #433840;
margin-bottom: 10px;
max-width: 200px;
}
.smoothie_corporate_team .info_data .social_link a {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 35px;
color: #433840;
letter-spacing: 10px;
}
.smoothie_corporate_team .info_data .social_link a:hover {
color: #FEA3AC;
}
.bebe-photo-gallery-shortcode {
z-index: 10;
height: 380px;
position: relative;
background: url("images/bebe/backgroundgal.png") repeat-y;
padding: 72px 29px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bebe-photo-gallery-shortcode a:hover > img {
outline: 6px solid #f8df7a;
outline-offset: -4px;
}
.bebe-photo-gallery-shortcode img {
margin: 7px;
outline: 2px solid #f8df7a;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-box-shadow: 1px 1px 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 0 2px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 0 2px rgba(0, 0, 0, 0.2);
}
.bebe-photo-gallery-shortcode .items1 img {
float: left;
}
.bebe-photo-gallery-shortcode .items2 img {
float: right;
}
.bebe-photo-gallery-shortcode #bebe-photo-gallery ul,
.bebe-photo-gallery-shortcode #bebe-photo-gallery ol {
margin: 0;
list-style: none;
}
.bebe-photo-gallery-shortcode #bebe-photo-gallery ul li,
.bebe-photo-gallery-shortcode #bebe-photo-gallery ol li {
list-style: none;
}
.bebe-photo-gallery-shortcode #bebe-photo-gallery .flex-direction-nav a {
position: absolute;
top: 15px;
margin-top: -30px;
width: 39px;
height: 28px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 15;
}
.bebe-photo-gallery-shortcode #bebe-photo-gallery .flex-direction-nav a.flex-prev {
left: 320px;
background: url("images/bebe/left.png") no-repeat center;
}
.bebe-photo-gallery-shortcode #bebe-photo-gallery .flex-direction-nav a.flex-prev:hover {
background: url("images/bebe/left-h.png") no-repeat center;
}
.bebe-photo-gallery-shortcode #bebe-photo-gallery .flex-direction-nav a.flex-prev:active {
top: 17px;
}
.bebe-photo-gallery-shortcode #bebe-photo-gallery .flex-direction-nav a.flex-next {
right: 320px;
background: url("images/bebe/right.png") no-repeat center;
}
.bebe-photo-gallery-shortcode #bebe-photo-gallery .flex-direction-nav a.flex-next:hover {
background: url("images/bebe/right-h.png") no-repeat center;
}
.bebe-photo-gallery-shortcode #bebe-photo-gallery .flex-direction-nav a.flex-next:active {
top: 17px;
}
.bebe-photo-gallery-shortcode .top {
position: absolute;
top: -75px;
background: url("images/bebe/top_com.png") no-repeat center;
height: 117px;
width: 1093px;
left: 50%;
margin-left: -546px;
}
.bebe-photo-gallery-shortcode .top h2 {
top: 50px;
width: 100%;
position: absolute;
text-align: center;
font-size: 33px;
color: #895830;
text-shadow: 0 2px 0 rgba(255, 255, 255, 0.5);
}
.bebe-photo-gallery-shortcode .back {
position: absolute;
background: url("images/bebe/backgal.png") no-repeat center;
height: 382px;
width: 963px;
left: 50%;
margin-left: -481px;
top: 60px;
z-index: -1;
}
.bebe-photo-gallery-shortcode .bottom {
position: absolute;
bottom: -156px;
background: url("images/bebe/bottom.png") no-repeat center;
height: 156px;
width: 1069px;
left: -37px;
z-index: -2;
}
.bebe-photo-gallery-shortcode .anchor {
position: absolute;
background: url("images/bebe/anchor.png") no-repeat center;
width: 88px;
height: 238px;
left: 50%;
margin-left: -44px;
bottom: -330px;
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-animation: anchor 10s ease infinite;
-moz-animation: anchor 10s ease infinite;
animation: anchor 10s ease infinite;
}
.bebe_corporate_team .back-frame {
background: url("images/bebe/back.png") no-repeat center;
width: 330px;
height: 381px;
}
.bebe_corporate_team .back-frame > h3 {
text-align: center;
font-size: 24px;
color: #895830;
text-shadow: 0 2px 0 rgba(255, 255, 255, 0.2);
margin: 0;
padding: 15px 0;
}
.bebe_corporate_team .back-frame > p {
text-align: center;
font-size: 14px;
color: #333333;
padding: 0 25px;
}
.bebe_corporate_team .back-frame .image {
width: 281px;
position: relative;
margin: 0 auto;
padding-top: 23px;
}
.bebe_corporate_team .back-frame .image img {
width: 100%;
border: 13px solid #daa35f;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bebe_corporate_team .back-frame .image ul {
margin: 0;
position: absolute;
top: 75%;
left: 50%;
margin-left: -61px;
list-style: none;
}
.bebe_corporate_team .back-frame .image ul li {
float: left;
margin-right: 10px;
list-style: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bebe_corporate_team .back-frame .image ul li a {
width: 31px;
height: 31px;
display: block;
}
.bebe_corporate_team .back-frame .image ul li.facebook {
background: url("images/bebe/facebook.png") no-repeat center;
}
.bebe_corporate_team .back-frame .image ul li.facebook:hover {
opacity: 0.7;
}
.bebe_corporate_team .back-frame .image ul li.pinterest {
background: url("images/bebe/pinterest.png") no-repeat center;
}
.bebe_corporate_team .back-frame .image ul li.pinterest:hover {
opacity: 0.7;
}
.bebe_corporate_team .back-frame .image ul li.twitter {
background: url("images/bebe/twitter.png") no-repeat center;
}
.bebe_corporate_team .back-frame .image ul li.twitter:hover {
opacity: 0.7;
}
.olins_corporate_team .image_box {
margin-bottom: 20px;
}
.olins_corporate_team .image_box img {
max-width: 100%;
height: auto;
}
.olins_corporate_team .name {
font-size: 18px;
line-height: 26px;
color: #2a2a2a;
}
.olins_corporate_team .post {
color: #6d6d6d;
font-size: 13px;
padding-bottom: 20px;
border-bottom: 1px solid #f5f5f5;
margin-bottom: 20px;
}
.olins_corporate_team .description {
color: #6d6d6d;
margin-bottom: 20px;
}
.olins_corporate_team .social_link a {
color: #000;
font-size: 16px;
margin-right: 20px;
transition: all 300ms ease-in-out;
}
.olins_corporate_team .social_link a:hover {
color: #2a2a2a;
transition: all 300ms ease-in-out;
}
.olins_look_book {
display: flex;
margin-bottom: 160px;
}
.olins_look_book:last-child {
margin-bottom: 0;
}
.olins_look_book.left .data_container {
order: 2;
padding-right: 0;
padding-left: 40px;
}
.olins_look_book.left .image_container {
order: 1;
}
.olins_look_book .data_container {
width: calc(50% - 15px);
padding-right: 40px;
box-sizing: border-box;
}
.olins_look_book .data_container .subtitle {
color: #cf998f;
font-size: 20px;
font-style: italic;
margin-bottom: 10px;
display: block;
}
.olins_look_book .data_container .title {
font-size: 22px;
letter-spacing: 0.05em;
color: #212122;
text-transform: uppercase;
margin-bottom: 20px;
}
.olins_look_book .data_container .description {
font-size: 15px;
color: #808080;
line-height: 25px;
margin-bottom: 30px;
}
.olins_look_book .data_container .extra_images {
margin-top: 60px;
display: flex;
justify-content: space-between;
}
.olins_look_book .data_container .extra_images figure {
width: calc(33.3% - 10px);
position: relative;
overflow: hidden;
min-height: 400px;
}
.olins_look_book .data_container .extra_images figure:hover img {
transform: translateX(-170px);
transition: all 2000ms linear;
}
.olins_look_book .data_container .extra_images figure img {
position: absolute;
top: 0;
left: 70px;
transform: translateX(-70px);
max-width: none;
transition: all 400ms linear;
}
.olins_look_book .image_container {
width: calc(50% + 15px);
}
.olins_look_book .image_container img {
max-width: 100%;
height: auto;
}
.more_button {
position: relative;
appearance: none;
background: #212122;
padding: 1em 3em;
border: none;
color: white;
cursor: pointer;
outline: none;
overflow: hidden;
font-size: 14px;
letter-spacing: 0.2em;
text-transform: uppercase;
display: inline-block;
}
.more_button span {
position: relative;
pointer-events: none;
}
.more_button::before {
--size: 0;
content: '';
position: absolute;
display: block;
left: var(--x);
top: var(--y);
width: var(--size);
height: var(--size);
background: radial-gradient(circle closest-side, #cf998f, transparent);
transform: translate(-50%, -50%);
transition: width 0.2s ease, height 0.2s ease;
}
.more_button:hover::before {
--size: 200px;
display: block;
}
.olins_steps_history {
display: flex;
justify-content: space-between;
align-items: center;
}
.olins_steps_history .item_title a:hover {
color: #cf998f;
}
.olins_steps_history .item_title,
.olins_steps_history .item_title a {
display: flex;
height: 65px;
align-items: center;
color: #212122;
}
.olins_steps_history .item_title .title_number,
.olins_steps_history .item_title a .title_number {
margin-left: 30px;
margin-right: 20px;
color: inherit;
font-size: 25px;
font-weight: 700;
}
.olins_steps_history .item_title .title,
.olins_steps_history .item_title a .title {
color: inherit;
font-size: 13px;
text-transform: uppercase;
margin: 0;
letter-spacing: 0.26em;
font-family: inherit;
}
.laptica_team_style {
position: relative;
}
.laptica_team_style img {
max-width: 100%;
height: auto;
}
.laptica_team_style:hover .team_data {
opacity: 1;
transition: all 300ms ease-in-out;
}
.laptica_team_style .team_data {
opacity: 0;
display: flex;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.8);
align-items: center;
flex-direction: column;
justify-content: space-between;
transition: all 300ms ease-in-out;
text-align: center;
padding: 40px;
padding-bottom: 28px;
box-sizing: border-box;
}
.laptica_team_style .team_data .name {
font-style: normal;
font-weight: normal;
font-size: 26px;
line-height: 33px;
text-transform: uppercase;
color: #2D2421;
margin-bottom: 5px;
}
.laptica_team_style .team_data .post {
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 22px;
color: #865416;
}
.laptica_team_style .team_data .social_link {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.laptica_team_style .team_data .social_link a {
width: 38px;
height: 38px;
line-height: 38px;
font-size: 20px;
font-style: normal;
font-weight: bold;
position: relative;
margin: 12px;
background: #865416;
color: #FFF;
display: block;
transition: all 300ms ease-in-out;
border-radius: 100%;
}
.laptica_team_style .team_data .social_link a:hover {
background: #5D6152;
transition: all 300ms ease-in-out;
}
.laptica_team_style .team_data .social_link a:hover::before {
border-color: #5D6152;
transition: all 300ms ease-in-out;
}
.laptica_team_style .team_data .social_link a::before {
content: "";
border-radius: 100%;
width: 42px;
height: 42px;
display: block;
z-index: -1;
border: 3px solid #865416;
top: -5px;
left: -5px;
position: absolute;
transition: all 300ms ease-in-out;
box-sizing: unset;
}
.laptica_team_style .team_data::before {
display: block;
content: "";
border: 3px solid #FFCA87;
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
margin-top: 0;
margin-left: 0;
transition: all 300ms ease-in-out;
z-index: 0;
}
.laptica_team_style .team_data .name_post_desc,
.laptica_team_style .team_data .social_link {
z-index: 2;
}
.rosi_team_style {
position: relative;
}
.rosi_team_style img {
transition: all 300ms ease-in-out;
}
.rosi_team_style:hover img {
-webkit-filter: blur(5px);
/* Safari 6.0 - 9.0 */
filter: blur(5px);
transition: all 300ms ease-in-out;
}
.rosi_team_style:hover .team_data {
opacity: 1;
transition: all 300ms ease-in-out;
}
.rosi_team_style:hover .team_data:before {
margin-left: 5px;
margin-top: 5px;
transition: all 300ms ease-in-out;
}
.rosi_team_style .team_data {
opacity: 0;
display: flex;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.5);
border: 1px solid #d5afa7;
align-items: center;
flex-direction: column;
justify-content: center;
transition: all 300ms ease-in-out;
}
.rosi_team_style .team_data .name {
font-size: 18px;
line-height: 18px;
color: #212122;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 10px;
}
.rosi_team_style .team_data .post {
color: #808080;
font-size: 15px;
margin-bottom: 10px;
}
.rosi_team_style .team_data .social_link {
z-index: 99;
}
.rosi_team_style .team_data .social_link a {
font-size: 18px;
margin: 10px;
transition: all 300ms ease-in-out;
}
.rosi_team_style .team_data .social_link a:hover {
opacity: 0.6;
transition: all 300ms ease-in-out;
}
.rosi_team_style .team_data:before {
display: block;
content: "";
border: 1px solid #d5afa7;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
margin-top: 0;
margin-left: 0;
transition: all 300ms ease-in-out;
}
.olins_timeline {
margin-left: 50px;
margin-bottom: 20px;
}
.olins_timeline .olins_timeline_item {
border-left: 2px solid #e0e0e0;
padding-left: 50px;
padding-top: 20px;
padding-bottom: 20px;
}
.olins_timeline .olins_timeline_item .date_field {
font-size: 15px;
position: relative;
margin-bottom: 10px;
font-weight: 300;
color: #222222;
}
.olins_timeline .olins_timeline_item .date_field::before {
content: "\f111";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 13px;
color: #eeeeee;
border: 4px solid #FFF;
position: absolute;
left: 0;
top: 50%;
margin-top: -10px;
margin-left: -60px;
border-radius: 100%;
}
.olins_timeline .olins_timeline_item .title_field {
font-size: 20px;
margin-bottom: 10px;
color: #222222;
}
/*Progress Bar*/
.olins_progress_bar {
width: 100%;
}
.olins_progress_bar .bar_title {
font-size: 15px;
margin-bottom: 10px;
display: block;
}
.olins_progress_bar .bar {
height: 17px;
width: 100%;
position: relative;
box-sizing: border-box;
background: #f5f5f5;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 55px;
}
.olins_progress_bar .bar .progress {
height: 17px;
position: absolute;
background: #333333;
top: 0;
left: 0;
margin-left: -1px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
visibility: hidden;
}
.olins_progress_bar .bar .bar_progress {
position: absolute;
top: 100%;
left: -10px;
font-size: 11px;
margin-top: 18px;
color: #222222;
opacity: 0;
transition: all 1000ms ease-in-out;
}
.olins_progress_bar .bar .bar_progress::before {
content: "|";
text-align: center;
font-size: 8px;
color: #e0e0e0;
position: absolute;
bottom: 100%;
left: 40%;
}
.stretchRight {
animation-name: stretchRight;
-webkit-animation-name: stretchRight;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
}
@keyframes stretchRight {
0% {
transform: scaleX(0.3);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}
}
@-webkit-keyframes stretchRight {
0% {
-webkit-transform: scaleX(0.3);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}
}
.cafeteria_events_slider {
position: relative;
margin: 0 auto;
width: 680px;
height: 296px;
background: #f7f3f3;
z-index: 10;
margin-top: 70px;
margin-bottom: 40px;
}
.cafeteria_events_slider ul,
.cafeteria_events_slider ol {
margin: 0;
list-style: none;
}
.cafeteria_events_slider ul li,
.cafeteria_events_slider ol li {
list-style: none;
}
.cafeteria_events_slider .shadows {
position: absolute;
width: 707px;
height: 311px;
top: 0px;
left: 50%;
margin-left: -353px;
background: url("images/cafeteria/box-shadow.png") no-repeat center;
z-index: -1;
}
.cafeteria_events_slider .outlines {
position: absolute;
top: 0;
width: 680px;
height: 296px;
outline: 1px dashed rgba(94, 60, 61, 0.7);
outline-offset: -10px;
z-index: 1;
}
.cafeteria_events_slider .slides li {
position: relative;
height: 311px;
}
.cafeteria_events_slider .slides li img {
width: 100%;
}
.cafeteria_events_slider .slides li .caption {
position: absolute;
width: 100%;
font-size: 35px;
text-align: center;
color: #fff;
top: 30px;
left: 0;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75);
z-index: 5;
}
.cafeteria_events_slider .slides li .date {
font-size: 17px;
position: absolute;
width: 100%;
text-align: center;
color: #fff;
top: 73px;
left: 0;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75);
z-index: 5;
}
.cafeteria_events_slider .slides li p {
position: absolute;
top: 150px;
width: 100%;
text-align: center;
padding: 0 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 5;
}
.cafeteria_events_slider .flex-direction-nav {
position: absolute;
width: 680px;
height: 296px;
top: 0;
left: 50%;
margin-left: -340px;
z-index: -1;
}
.cafeteria_events_slider .flex-direction-nav a {
width: 35px;
height: 56px;
display: block;
position: absolute;
top: 50%;
margin-top: -28px;
cursor: pointer;
background-color: #f7f3f3;
background-repeat: no-repeat;
z-index: 10;
}
.cafeteria_events_slider .flex-direction-nav a.flex-prev {
left: -35px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 100px;
-webkit-border-top-left-radius: 100px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 100px;
-moz-border-radius-topleft: 100px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 100px;
border-top-left-radius: 100px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-image: url("images/cafeteria/left.png");
background-position: 60% 50%;
-webkit-box-shadow: -2px 2px 3px rgba(50, 50, 50, 0.3);
-moz-box-shadow: -2px 2px 3px rgba(50, 50, 50, 0.3);
box-shadow: -2px 2px 3px rgba(50, 50, 50, 0.3);
}
.cafeteria_events_slider .flex-direction-nav a.flex-prev:hover {
background-position: 50% 50%;
}
.cafeteria_events_slider .flex-direction-nav a.flex-next {
right: -35px;
-webkit-border-top-right-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomright: 100px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-image: url("images/cafeteria/right.png");
background-position: 40% 50%;
-webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.3);
box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.3);
}
.cafeteria_events_slider .flex-direction-nav a.flex-next:hover {
background-position: 50% 50%;
}
.cafeteria_events_slider .flex-control-nav {
position: absolute;
text-align: center;
width: 100%;
bottom: -42px;
}
.cafeteria_events_slider .flex-control-nav li {
margin: 0 5px;
display: inline-block;
zoom: 1;
*display: inline;
}
.cafeteria_events_slider .flex-control-nav li a {
cursor: pointer;
width: 8px;
height: 8px;
display: block;
text-indent: -9999px;
border: 3px solid #b1dae6;
-webkit-border-top-right-radius: 50%;
-webkit-border-bottom-right-radius: 50%;
-webkit-border-bottom-left-radius: 50%;
-webkit-border-top-left-radius: 50%;
-moz-border-radius-topright: 50%;
-moz-border-radius-bottomright: 50%;
-moz-border-radius-bottomleft: 50%;
-moz-border-radius-topleft: 50%;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
border-top-left-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
box-sizing: unset;
}
.cafeteria_events_slider .flex-control-nav li a:hover {
border: 3px solid #5e3c3d;
}
.cafeteria_events_slider .flex-control-nav li a.flex-active {
border: 3px solid #5e3c3d;
cursor: default;
}
.olins_fashion_slider {
width: 100%;
position: relative;
display: none;
}
.olins_fashion_slider.slick-initialized {
display: block;
}
.olins_fashion_slider .slick-dots {
display: inline-block;
list-style: none;
margin: 0;
width: 57%;
text-align: center;
}
.olins_fashion_slider .slick-dots li {
list-style: none;
display: inline-block;
font-size: 0;
cursor: pointer;
width: 24px;
height: 24px;
position: relative;
margin: 85px 5px 10px 5px;
}
.olins_fashion_slider .slick-dots li::after {
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
margin-top: -4px;
margin-left: -4px;
content: "";
border: 1px solid #cdc1bb;
background: #FFF;
border-radius: 100%;
}
.olins_fashion_slider .slick-dots li button {
height: inherit;
min-height: inherit;
font-size: 0;
}
.olins_fashion_slider .slick-dots li.slick-active {
width: 24px;
height: 24px;
border: 1px solid #ccc0ba;
border-radius: 100%;
}
.olins_fashion_slider .slick-dots li.slick-active::after {
width: 4px;
height: 4px;
border: 0;
background: #1f1f20;
margin-left: -2px;
margin-top: -2px;
}
.olins_fashion_slider .slick-dots li.slick-active::before {
content: "";
position: absolute;
width: 1px;
height: 60px;
display: block;
background: #cabdb7;
left: 50%;
top: 0;
margin-top: -85px;
}
.olins_fashion_slider .item {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.olins_fashion_slider .item .left_image_holder {
width: 57%;
float: left;
}
.olins_fashion_slider .item .left_image_holder img {
max-width: 100%;
height: auto;
}
.olins_fashion_slider .item .right_data_holder {
width: calc(43% + 80px);
float: left;
margin-left: -80px;
box-sizing: border-box;
padding: 55px;
padding-right: 10px;
background: #FFF;
}
.olins_fashion_slider .item .right_data_holder .slide_title {
font-size: 16px;
color: #1f1f20;
line-height: 26px;
text-transform: uppercase;
margin-bottom: 20px;
}
.olins_fashion_slider .item .right_data_holder .slide_title a {
color: inherit;
}
.olins_fashion_slider .item .right_data_holder .slide_title a:hover {
opacity: 0.9;
}
.olins_fashion_slider .item .right_data_holder .slide_subtitle {
font-size: 10px;
color: #3b3b3d;
letter-spacing: 0.25em;
position: relative;
padding-left: 57px;
margin-bottom: 20px;
}
.olins_fashion_slider .item .right_data_holder .slide_subtitle::before {
content: "";
width: 38px;
height: 1px;
display: block;
position: absolute;
background: #3b3b3d;
left: 0;
top: 50%;
}
.olins_recent_post_line {
display: flex;
}
.olins_recent_post_line .post_container {
position: relative;
color: #FFF;
z-index: 1;
padding: 9px;
box-sizing: border-box;
}
.olins_recent_post_line .post_container::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(78, 78, 78, 0.55);
z-index: -1;
}
.olins_recent_post_line .post_container .post_data_container {
z-index: 3;
border: 1px solid #FFF;
padding: 20px;
box-sizing: border-box;
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.olins_recent_post_line .post_container .post_data_container .post_date {
text-transform: uppercase;
font-size: 9px;
letter-spacing: 0.64em;
margin-bottom: 20px;
}
.olins_recent_post_line .post_container .post_data_container .post_tit {
font-size: 40px;
color: #FFF;
margin-bottom: 30px;
}
.olins_recent_post_line .post_container .post_data_container .post_tit a {
color: inherit;
transition: all 300ms ease-in-out;
}
.olins_recent_post_line .post_container .post_data_container .post_tit a:hover {
opacity: 0.7;
transition: all 300ms ease-in-out;
}
.olins_recent_post_line .post_container .post_data_container .post_excerpt {
padding: 0 10%;
margin-bottom: 30px;
text-align: center;
}
.olins_recent_post_line .post_container .post_data_container .post_excerpt p {
margin-bottom: 0;
text-align: center;
}
.olins_recent_post_line .box_container {
margin-left: 30px;
background: #f2eeea;
padding: 9px;
box-sizing: border-box;
}
.olins_recent_post_line .box_container .data_container {
border: 1px solid #4e4e4e;
padding: 100px 20px 50px 20px;
box-sizing: border-box;
text-align: center;
}
.olins_recent_post_line .box_container .data_container .subtitle {
text-transform: uppercase;
letter-spacing: 0.64em;
font-size: 9px;
margin-bottom: 30px;
}
.olins_recent_post_line .box_container .data_container .title {
font-size: 42px;
margin-bottom: 50px;
}
.olins_stephanie_slider_container {
position: relative;
}
.olins_stephanie_slider_container .slick-prev {
opacity: 0;
position: absolute;
top: 50%;
left: 0;
margin-left: 100px;
margin-top: -25px;
z-index: 99;
width: 50px;
height: 50px;
background: #FFF;
color: #e7c8b6;
text-align: center;
line-height: 50px;
font-size: 26px;
cursor: pointer;
transition: all 300ms ease-in-out;
}
.olins_stephanie_slider_container .slick-prev:hover {
background: #e7c8b6;
color: #FFF;
transition: all 300ms ease-in-out;
}
.olins_stephanie_slider_container .slick-next {
opacity: 0;
position: absolute;
top: 50%;
right: 0;
margin-right: 100px;
margin-top: -25px;
z-index: 99;
width: 50px;
height: 50px;
background: #FFF;
color: #e7c8b6;
text-align: center;
line-height: 50px;
font-size: 26px;
cursor: pointer;
transition: all 300ms ease-in-out;
}
.olins_stephanie_slider_container .slick-next:hover {
background: #e7c8b6;
color: #FFF;
transition: all 300ms ease-in-out;
}
.olins_stephanie_slider_container:hover .slick-next,
.olins_stephanie_slider_container:hover .slick-prev {
opacity: 1;
transition: all 300ms ease-in-out;
}
.home_slider {
height: calc(100vh - 270px);
}
.home_slider .swiper-container .swiper-slide {
width: auto;
}
.home_slider .home-one-slider {
height: 100%;
}
.home_slider .home-one-slider .swiper-wrapper {
height: 100%;
}
.home_slider .home-one-slider .swiper-wrapper .first_slider_data {
height: 100%;
min-width: 350px;
box-sizing: border-box;
padding: 20px;
display: flex;
justify-content: center;
align-items: flex-end;
flex-direction: column;
text-align: right;
}
.home_slider .home-one-slider .swiper-wrapper .first_slider_data h3.photographer {
text-transform: uppercase;
font-size: 26px;
line-height: 26px;
font-weight: 700;
letter-spacing: 0.15em;
margin-bottom: 30px;
}
.home_slider .home-one-slider .swiper-wrapper .first_slider_data span.author_subtitle {
font-size: 14px;
line-height: 14px;
font-weight: 600;
font-style: italic;
letter-spacing: 0.1em;
}
.home_slider .home-one-slider .swiper-wrapper .first_slider_data .link_container {
margin-top: 60px;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.home_slider .home-one-slider .swiper-wrapper .first_slider_data .link_container a {
position: relative;
}
.home_slider .home-one-slider .swiper-wrapper .first_slider_data .link_container a:before {
position: absolute;
right: 100%;
margin-right: 30px;
top: 49%;
content: "";
width: 90px;
height: 1px;
background: #000;
display: block;
}
.home_slider .home-one-slider .swiper-wrapper .swiper-slide {
height: 100%;
}
.home_slider .home-one-slider .swiper-wrapper .swiper-slide figure {
height: 100%;
}
.home_slider .home-one-slider .swiper-wrapper .swiper-slide figure a {
height: 100%;
}
.home_slider .home-one-slider .swiper-wrapper .swiper-slide figure {
position: relative;
overflow: hidden;
}
.home_slider .home-one-slider .swiper-wrapper .swiper-slide figure:hover figcaption {
opacity: 1;
transition: all 600ms ease-in-out;
}
.home_slider .home-one-slider .swiper-wrapper .swiper-slide figure figcaption {
transition: all 600ms ease-in-out;
position: absolute;
bottom: 0;
opacity: 0;
background: rgba(0, 0, 0, 0.55);
color: #FFF;
width: 100%;
box-sizing: border-box;
padding: 30px;
text-align: center;
}
.home_slider .home-one-slider .swiper-wrapper .swiper-slide figure figcaption h3 {
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.15em;
line-height: 14px;
margin-bottom: 10px;
color: inherit;
}
.home_slider .home-one-slider .swiper-wrapper .swiper-slide figure figcaption h3 a {
color: inherit;
}
.home_slider .home-one-slider .swiper-wrapper .swiper-slide figure figcaption h3 a:hover {
opacity: 0.7;
}
.home_slider .home-one-slider .swiper-wrapper .swiper-slide figure figcaption span.category {
display: block;
font-size: 14px;
line-height: 14px;
color: #bebebe;
letter-spacing: 0.1em;
}
.home_slider .home-one-slider .swiper-wrapper .swiper-slide img {
max-height: 100%;
width: auto;
}
.olins_scroll_works .image_holder {
background-position: center center;
background-size: cover;
}
.olins_scroll_works .data_holder .data_container {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
width: 80%;
margin: 0 auto;
}
.olins_scroll_works .data_holder .data_container h2 {
font-size: 58px;
letter-spacing: 0.07em;
line-height: 69px;
margin-bottom: 20px;
}
.olins_scroll_works .data_holder .data_container h2 a {
color: inherit;
transition: all 300ms ease-in-out;
}
.olins_scroll_works .data_holder .data_container h2 a:hover {
opacity: 0.75;
transition: all 300ms ease-in-out;
}
.olins_scroll_works .data_holder .data_container .category {
font-size: 20px;
color: #7b7b7b;
letter-spacing: 0.05em;
margin-bottom: 40px;
display: block;
}
.olins_scroll_works .data_holder .data_container a.ale_button {
background: #000;
border: 0;
color: #FFF;
font-weight: 400;
font-size: 14px;
letter-spacing: 0.01em;
padding: 20px 40px;
transition: all 300ms ease-in-out;
}
.olins_promo_block_item {
min-height: 135px;
display: flex;
}
.olins_promo_block_item .icon_holder {
display: flex;
align-items: flex-end;
overflow: hidden;
}
.olins_promo_block_item .icon_holder span {
width: 124px;
height: 124px;
display: block;
border-radius: 100%;
background: rgba(253, 253, 253, 0.7);
text-align: center;
line-height: 124px;
font-size: 58px;
margin-bottom: -27px;
margin-left: -15px;
}
.olins_promo_block_item .title_holder {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 12px;
}
.olins_promo_block_item .title_holder h3 {
margin-bottom: 10px;
}
.creative_title_item {
text-align: center;
}
.creative_title_item h2 {
text-transform: uppercase;
}
.creative_title_item .separator {
display: block;
margin: 0 auto;
position: relative;
}
.creative_title_item .separator::before {
content: "";
display: block;
width: 40px;
height: 1px;
background: #dadada;
margin-right: 10px;
position: absolute;
right: 100%;
top: 50%;
}
.creative_title_item .separator::after {
content: "";
display: block;
width: 40px;
height: 1px;
background: #dadada;
margin-left: 10px;
position: absolute;
left: 100%;
top: 50%;
}
.fontweightnormal {
font-weight: 400;
}
.olins_prestigio_top .flex-control-nav {
position: absolute;
text-align: center;
width: 100%;
bottom: -40px;
margin: 0;
}
.olins_prestigio_top .flex-control-nav li {
margin: 0 7px;
display: inline-block;
zoom: 1;
*display: inline;
}
.olins_prestigio_top .flex-control-nav li a {
cursor: pointer;
width: 4px;
height: 4px;
display: block;
text-indent: -9999px;
background: #bfbfbf;
border-radius: 50%;
}
.olins_prestigio_top .flex-control-nav li a:hover {
background: #e44b2e;
}
.olins_prestigio_top .flex-control-nav li a.flex-active {
background: #e44b2e;
cursor: default;
}
.olins_prestigio_top .top-background {
padding-top: 53px;
background: transparent no-repeat;
background-size: cover;
background-position: top;
background-attachment: fixed;
box-sizing: border-box;
width: 100%;
height: 712px;
position: relative;
}
.olins_prestigio_top .top-background .logo {
position: absolute;
background: transparent no-repeat center;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.olins_prestigio_top .top-background .logo h1 {
font-size: 70px;
line-height: 1;
text-transform: uppercase;
color: #FFF;
}
.olins_prestigio_top .top-background .top-slider {
width: 963px;
top: 550px;
left: 50%;
position: absolute;
margin-left: -481px;
}
.olins_prestigio_top .top-background .top-slider img {
width: 100%;
height: auto;
}
.olins_prestigio_top .top-background .top-slider ul > li {
position: relative;
opacity: 0;
transition: all 0.3s ease;
}
.olins_prestigio_top .top-background .top-slider ul > li:before {
content: "";
position: absolute;
top: 0px;
right: 0px;
border-style: solid;
border-width: 0 20px 20px 0;
border-color: transparent transparent #000 transparent;
z-index: 50;
}
.olins_prestigio_top .top-background .top-slider ul > li .info {
position: absolute;
top: 89px;
left: 75px;
}
.olins_prestigio_top .top-background .top-slider ul > li h3 {
font-size: 30px;
color: #fff;
text-transform: none;
margin-bottom: 10px;
font-weight: 400;
}
.olins_prestigio_top .top-background .top-slider ul > li p {
width: 470px;
font-size: 13px;
line-height: 24px;
color: #fff;
margin-bottom: 25px;
}
.olins_prestigio_top .top-background .top-slider ul > li .read {
font-size: 11px;
border-radius: 5px;
padding: 6px 12px;
color: #fff;
border: 2px solid #bfbfbf;
transition: all 0.3s ease;
}
.olins_prestigio_top .top-background .top-slider ul > li .read:hover {
border: 2px solid #e44b2e;
}
.olins_prestigio_blog ul,
.olins_prestigio_blog ol {
margin: 0;
}
.olins_prestigio_blog .flex-control-nav {
position: absolute;
text-align: center;
width: 100%;
bottom: -40px;
}
.olins_prestigio_blog .flex-control-nav li {
margin: 0 7px;
display: inline-block;
zoom: 1;
*display: inline;
}
.olins_prestigio_blog .flex-control-nav li a {
cursor: pointer;
width: 4px;
height: 4px;
display: block;
text-indent: -9999px;
background: #bfbfbf;
border-radius: 50%;
}
.olins_prestigio_blog .flex-control-nav li a:hover {
background: #e44b2e;
}
.olins_prestigio_blog .flex-control-nav li a.flex-active {
background: #e44b2e;
cursor: default;
}
.olins_prestigio_blog section.blog {
margin-top: 30px;
}
.olins_prestigio_blog section.blog h2 {
position: relative;
font-size: 35px;
line-height: 1.2;
}
.olins_prestigio_blog section.blog h2 span {
display: block;
position: absolute;
width: 26px;
height: 26px;
border: 2px solid #fff;
cursor: pointer;
border-radius: 5px;
transition: all 0.3s ease;
}
.olins_prestigio_blog section.blog h2 span.prev {
background: url("images/prestigio/left.png") no-repeat center;
left: 28%;
top: 50%;
margin-top: -15px;
}
.olins_prestigio_blog section.blog h2 span.prev:hover {
background: url("images/prestigio/left-h.png") no-repeat center;
border: 2px solid #e44b2e;
}
.olins_prestigio_blog section.blog h2 span.next {
background: url("images/prestigio/right.png") no-repeat center;
right: 28%;
top: 50%;
margin-top: -15px;
}
.olins_prestigio_blog section.blog h2 span.next:hover {
background: url("images/prestigio/right-h.png") no-repeat center;
border: 2px solid #e44b2e;
}
.olins_prestigio_blog section.blog .blog-slider {
margin-top: 30px;
position: relative;
}
.olins_prestigio_blog section.blog .blog-slider .flex-control-nav {
bottom: -34px;
}
.olins_prestigio_blog section.blog .blog-slider .col-3 {
margin-bottom: 25px;
padding: 0 10px;
}
.olins_prestigio_blog section.blog .blog-slider li {
opacity: 0;
transition: all 0.3s ease;
}
.olins_prestigio_blog section.blog .blog-slider img {
border-radius: 5px;
width: 100%;
}
.olins_prestigio_blog section.blog .blog-slider a {
display: block;
position: relative;
}
.olins_prestigio_blog section.blog .blog-slider a:hover > .hover {
opacity: 1;
box-shadow: 0 32px 25px -25px rgba(228, 78, 46, 0.7);
}
.olins_prestigio_blog section.blog .blog-slider a:hover > .hover h3 {
margin-top: 61px;
}
.olins_prestigio_blog section.blog .blog-slider a:hover > .hover p {
margin-top: 5px;
}
.olins_prestigio_blog section.blog .blog-slider .hover {
display: block;
border-radius: 5px;
transition: all 0.3s ease;
position: absolute;
width: 100%;
height: 100%;
background: #e44b2e;
left: 0;
top: 0;
opacity: 0;
overflow: hidden;
cursor: url("images/prestigio/plus.png"), auto;
}
.olins_prestigio_blog section.blog .blog-slider .hover h3 {
transition: all 0.5s ease;
font-size: 14px;
color: #fff;
width: 100%;
text-align: center;
font-weight: bold;
margin-top: -30%;
margin-bottom: 0;
text-transform: uppercase;
}
.olins_prestigio_blog section.blog .blog-slider .hover p {
transition: all 0.5s ease;
font-size: 10px;
color: #7d3021;
width: 100%;
text-align: center;
margin: 0;
margin-top: 0px;
}
.olins_prestigio_team section.team {
margin-top: 80px;
}
.olins_prestigio_team section.team .col-2 {
position: relative;
}
.olins_prestigio_team section.team span.prev,
.olins_prestigio_team section.team span.next {
display: block;
position: absolute;
width: 14px;
height: 14px;
cursor: pointer;
border-radius: 5px;
transition: all 0.3s ease;
}
.olins_prestigio_team section.team span.prev.prev,
.olins_prestigio_team section.team span.next.prev {
background: url("images/prestigio/left.png") no-repeat center;
right: 40px;
top: 170px;
margin-top: -15px;
}
.olins_prestigio_team section.team span.prev.prev:hover,
.olins_prestigio_team section.team span.next.prev:hover {
background: url("images/prestigio/left-h.png") no-repeat center;
}
.olins_prestigio_team section.team span.prev.next,
.olins_prestigio_team section.team span.next.next {
background: url("images/prestigio/right.png") no-repeat center;
right: 10px;
top: 170px;
margin-top: -15px;
}
.olins_prestigio_team section.team span.prev.next:hover,
.olins_prestigio_team section.team span.next.next:hover {
background: url("images/prestigio/right-h.png") no-repeat center;
}
.olins_prestigio_team section.team .our {
margin-top: 55px;
display: block;
text-align: right;
font-family: 'Arial';
font-size: 35px;
color: #353535;
text-transform: uppercase;
padding-right: 10px;
line-height: 1.2;
}
.olins_prestigio_team section.team .team {
display: block;
text-align: right;
font-family: 'Arial Black', 'Arial';
font-weight: bold;
font-size: 35px;
font-weight: 900;
color: #e44b2e;
text-transform: uppercase;
padding-right: 10px;
line-height: 1.2;
}
.olins_prestigio_team section.team .team-slider {
width: 764px;
float: right;
}
.olins_prestigio_team section.team .team-slider li {
opacity: 0;
transition: all 0.3s ease;
}
.olins_prestigio_team section.team .team-slider .col-3 {
display: block;
position: relative;
height: 252px;
}
.olins_prestigio_team section.team .team-slider .col-3 img {
width: 100%;
border-radius: 5px;
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(100%);
transition: all 0.3s ease;
}
.olins_prestigio_team section.team .team-slider .col-3 h3 {
text-align: center;
font-size: 18px;
color: #353535;
text-transform: none;
margin-bottom: 8px;
margin-top: 20px;
transition: all 0.3s ease;
}
.olins_prestigio_team section.team .team-slider .col-3 p {
text-align: center;
font-size: 11px;
color: #a3a3a3;
}
.olins_prestigio_team section.team .team-slider .col-3 .a {
display: block;
width: 100%;
position: relative;
overflow: hidden;
}
.olins_prestigio_team section.team .team-slider .col-3 .hover {
display: block;
height: 40px;
width: 100%;
position: absolute;
bottom: -50%;
background: #fff;
transition: all 0.3s ease;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.olins_prestigio_team section.team .team-slider .col-3 .hover:before {
display: block;
position: absolute;
content: "";
top: -8px;
background: url(images/prestigio/team-dot.png) no-repeat center;
width: 14px;
height: 8px;
left: 50%;
margin-left: -7px;
}
.olins_prestigio_team section.team .team-slider .col-3 .hover a {
display: inline-block;
transition: all 0.3s ease;
}
.olins_prestigio_team section.team .team-slider .col-3 .hover a:hover {
opacity: 0.7;
}
.olins_prestigio_team section.team .team-slider .col-3:hover > .a > img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.olins_prestigio_team section.team .team-slider .col-3:hover > .a > .hover {
bottom: 0;
}
.olins_prestigio_team section.team .team-slider .col-3:hover > h3 {
color: #e44b2e;
}
.olins_prestigio_testimonials .flex-control-nav {
position: absolute;
text-align: center;
width: 100%;
bottom: -40px;
}
.olins_prestigio_testimonials .flex-control-nav li {
margin: 0 7px;
display: inline-block;
zoom: 1;
*display: inline;
}
.olins_prestigio_testimonials .flex-control-nav li a {
cursor: pointer;
width: 4px;
height: 4px;
display: block;
text-indent: -9999px;
background: #bfbfbf;
border-radius: 50%;
}
.olins_prestigio_testimonials .flex-control-nav li a:hover {
background: #e44b2e;
}
.olins_prestigio_testimonials .flex-control-nav li a.flex-active {
background: #e44b2e;
cursor: default;
}
.olins_prestigio_testimonials h2 {
position: relative;
color: #ffffff;
text-transform: uppercase;
font-size: 35px;
line-height: 1.2;
}
.olins_prestigio_testimonials h2 span {
display: block;
position: absolute;
width: 26px;
height: 26px;
border: 2px solid transparent;
cursor: pointer;
border-radius: 5px;
transition: all 0.3s ease;
}
.olins_prestigio_testimonials h2 span.prev {
background: url("images/prestigio/left-w.png") no-repeat center;
left: 21.5%;
top: 50%;
margin-top: -15px;
}
.olins_prestigio_testimonials h2 span.prev:hover {
background: url("images/prestigio/left-h.png") no-repeat center;
border: 2px solid #e44b2e;
}
.olins_prestigio_testimonials h2 span.next {
background: url("images/prestigio/right-w.png") no-repeat center;
right: 21.5%;
top: 50%;
margin-top: -15px;
}
.olins_prestigio_testimonials h2 span.next:hover {
background: url("images/prestigio/right-h.png") no-repeat center;
border: 2px solid #e44b2e;
}
.olins_prestigio_testimonials ul,
.olins_prestigio_testimonials ol {
margin: 0;
}
.olins_prestigio_testimonials .olins_prestigio_testimonials-slider {
margin-top: 45px;
position: relative;
}
.olins_prestigio_testimonials .olins_prestigio_testimonials-slider li {
opacity: 0;
text-align: center;
transition: all 0.3s ease;
}
.olins_prestigio_testimonials .olins_prestigio_testimonials-slider img {
border-radius: 5px;
}
.olins_prestigio_testimonials .olins_prestigio_testimonials-slider h3 {
font-size: 12px;
color: #fff;
text-transform: none;
margin-top: 13px;
}
.olins_prestigio_testimonials .olins_prestigio_testimonials-slider h3 a {
color: inherit;
}
.olins_prestigio_testimonials .olins_prestigio_testimonials-slider h3 span:first-child {
color: #a3a3a3;
padding: 0 3px;
}
.olins_prestigio_testimonials .olins_prestigio_testimonials-slider h3 span:last-child {
font-size: 12px;
color: #a3a3a3;
}
.olins_prestigio_testimonials .olins_prestigio_testimonials-slider .line {
width: 100%;
background: url("images/prestigio/testimonials.png") no-repeat center;
height: 19px;
margin-top: 15px;
margin-bottom: 16px;
}
.olins_prestigio_testimonials .olins_prestigio_testimonials-slider p {
text-align: center;
font-size: 13px;
font-style: italic;
color: #fff;
padding: 0 15px;
line-height: 24px;
margin-bottom: 8px;
}
.olins_progress_bar {
margin-bottom: 45px;
}
.olins_progress_bar h3 {
width: 100%;
font-family: Arial;
font-size: 12px;
color: #fff;
text-transform: none;
}
.olins_progress_bar h3 span {
float: right;
}
.olins_progress_bar .bar {
margin-top: 15px;
position: relative;
border-radius: 5px;
height: 17px;
width: 100%;
background: url("images/prestigio/dot.png") repeat;
}
.olins_progress_bar .bar .progress {
position: absolute;
left: 0;
height: 100%;
background: #e44b2e;
box-shadow: 0 0 18px 0 #e44b2e;
border-top-right-radius: 15px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
visibility: hidden;
}
.olins_shop_categories_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.olins_shop_categories_box .shop_category_item {
width: 33.33333%;
background: #f5e5e2;
margin-bottom: 30px;
position: relative;
text-align: right;
display: flex;
align-items: center;
flex-direction: row-reverse;
padding-right: 30px;
box-sizing: border-box;
transition: all 600ms ease-in-out;
}
.olins_shop_categories_box .shop_category_item img {
z-index: 9;
}
.olins_shop_categories_box .shop_category_item .mask {
content: "";
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0;
background: #f4f2eb;
/* Old browsers */
background: -moz-linear-gradient(45deg, #f4f2eb 0%, #e6d7c9 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #f4f2eb 0%, #e6d7c9 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #f4f2eb 0%, #e6d7c9 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f2eb', endColorstr='#e6d7c9', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
transition: all 600ms ease-in-out;
}
.olins_shop_categories_box .shop_category_item a.box_mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.olins_shop_categories_box .shop_category_item .shop_category_scroll {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 75% 0;
}
.olins_shop_categories_box .shop_category_item .title_holder {
position: absolute;
top: 0;
left: 0;
margin-top: 90px;
text-align: left;
z-index: 10;
}
.olins_shop_categories_box .shop_category_item .title_holder h3.title {
text-transform: uppercase;
font-size: 14px;
color: #FFF;
background-color: #212122;
line-height: 26px;
padding: 0 20px;
margin-bottom: 13px;
transition: all 300ms ease-in-out;
}
.olins_shop_categories_box .shop_category_item .title_holder h3.title a {
color: inherit;
font-size: 14px;
line-height: 14px;
display: inline-block;
transition: all 300ms ease-in-out;
}
.olins_shop_categories_box .shop_category_item .title_holder h3.title a:hover {
opacity: 0.8;
transition: all 300ms ease-in-out;
}
.olins_shop_categories_box .shop_category_item .title_holder .items_count {
font-size: 15px;
line-height: 15px;
color: #808080;
padding-left: 18px;
transition: all 300ms ease-in-out;
}
.olins_shop_categories_box .shop_category_item:nth-child(2n) {
background-color: #f3f3ee;
}
.olins_shop_categories_box .shop_category_item:nth-child(3n) {
background-color: #f5f0ea;
}
.olins_shop_categories_box .shop_category_item:nth-child(4n) {
background-color: #e6e4d6;
}
.olins_shop_categories_box .shop_category_item:nth-child(5n) {
background-color: #efe2d6;
}
.olins_shop_categories_box .shop_category_item.big {
width: calc(66.66666% - 12px);
height: 460px;
}
.olins_shop_categories_box .shop_category_item.medium {
width: calc(33.33333% - 18px);
height: 460px;
}
.olins_shop_categories_box .shop_category_item.simple {
width: calc(33.33333% - 20px);
height: 350px;
}
.olins_shop_categories_box .shop_category_item.simple .shop_category_scroll {
background-position: 100% 0;
}
.olins_shop_categories_box .shop_category_item:hover .mask {
opacity: 1;
}
.olins_shop_categories_box .shop_category_item:hover h3.title {
padding-right: 50px;
transition: all 300ms ease-in-out;
}
.olins_shop_categories_box .shop_category_item:hover .items_count {
color: #212122;
transition: all 300ms ease-in-out;
}
.olins_shop_products_box {
margin-top: 60px;
}
.olins_shop_products_box ul.filter_categories {
text-align: center;
margin: 0 0 35px 0;
}
.olins_shop_products_box ul.filter_categories li {
list-style: none;
display: inline-block;
color: #808080;
font-size: 15px;
font-weight: 300;
letter-spacing: 0.15em;
margin: 0 10px;
}
.olins_shop_products_box ul.filter_categories li a {
color: inherit;
}
.olins_shop_products_box ul.filter_categories li.ui-state-active {
color: #212122;
border-bottom: 1px solid #212122;
}
.olins_exotico_statistics {
position: relative;
min-height: 519px;
background-repeat: no-repeat;
background-size: cover;
}
.olins_exotico_statistics .circle-text {
width: 100%;
position: absolute;
text-align: center;
display: inline-block;
}
.olins_exotico_statistics .statistics__wrap {
position: absolute;
top: 0;
right: 4%;
}
.olins_exotico_statistics .statistics__item {
text-align: center;
margin: 28.125% 0;
}
.olins_exotico_statistics .statistics__circle {
display: block;
height: 160px;
color: #ff7029;
}
.olins_exotico_statistics .statistics__text {
font-size: 1.07692308em;
color: #a07258;
margin-top: 6.25%;
}
.olins_exotico_team {
/* end slider controls */
}
.olins_exotico_team ul {
margin: 0;
}
.olins_exotico_team .wrap-slider {
position: relative;
overflow: hidden;
}
.olins_exotico_team .slider-heading {
position: relative;
background: #ff6720;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjcyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjQ4MTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff6720 0%, #ff4817 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6720), color-stop(100%, #ff4817));
background: -webkit-linear-gradient(top, #ff6720 0%, #ff4817 100%);
background: -o-linear-gradient(top, #ff6720 0%, #ff4817 100%);
background: -ms-linear-gradient(top, #ff6720 0%, #ff4817 100%);
background: linear-gradient(to bottom, #ff6720 0%, #ff4817 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6720', endColorstr='#ff4817', GradientType=0);
padding: 1.14583333% 0 1.875%;
}
.olins_exotico_team .slider-heading .select-filter {
position: absolute;
right: 60px;
top: 50%;
margin-top: -8px;
}
.olins_exotico_team .slider-controls {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.olins_exotico_team .slider-controls div {
display: inline-block;
width: 57px;
height: 100%;
background: #eb4516;
margin-left: -3px;
}
.olins_exotico_team .slider-controls div:first-child {
margin-left: 0;
}
.olins_exotico_team .slider-controls div a {
position: relative;
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
}
.olins_exotico_team .slider-controls div a:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
width: 17px;
height: 16px;
}
.olins_exotico_team .slider-controls__prev {
border-right: 1px solid #df4115;
}
.olins_exotico_team .slider-controls__prev a:before {
background: url(images/icons.png) no-repeat 0 -50px;
}
.olins_exotico_team .slider-controls__prev a:hover:before {
background-position: -200px -50px;
}
.olins_exotico_team .slider-controls__next a:before {
background: url(images/icons.png) no-repeat -50px -50px;
}
.olins_exotico_team .slider-controls__next a:hover:before {
background-position: -250px -50px;
}
.olins_exotico_team .slider-heading__title {
font-size: 3.30769231em;
color: #fff;
text-align: center;
text-transform: lowercase;
margin-bottom: 0;
}
.olins_exotico_team .people-slider__item {
background: #fff9e7;
border-right: 1px solid #f2ebda;
}
.olins_exotico_team .man {
height: 298px;
word-break: break-all;
}
.olins_exotico_team .man__thumb {
text-align: center;
}
.olins_exotico_team .man__details {
height: 82px;
color: #000;
text-align: center;
padding: 12.5% 2.60416667% 7.8125%;
}
.olins_exotico_team .man__name {
font-size: 1.14615385em;
margin-bottom: -1.64835165%;
}
.olins_exotico_team .man__last-name {
font-size: 1.84615385em;
font-weight: bold;
}
.olins_exotico_team .man__post {
font-size: 0.92307692em;
}
.ospedale_find_doctor {
/*Grid1*/
}
.ospedale_find_doctor .box_homeform {
width: 100%;
background: transparent no-repeat center center;
min-height: 690px;
position: relative;
}
.ospedale_find_doctor .box_homeform .linepngbox {
width: 100%;
height: 11px;
background: url(images/ospedale/line.png) 50% 50% no-repeat;
margin-bottom: 10px;
}
.ospedale_find_doctor .box_homeform ul,
.ospedale_find_doctor .box_homeform ol {
margin: 0;
list-style: none;
}
.ospedale_find_doctor .box_homeform ul li,
.ospedale_find_doctor .box_homeform ol li {
list-style: none;
}
.ospedale_find_doctor .text-center {
text-align: center;
}
.ospedale_find_doctor .text-center .ultra_bold {
font-weight: 800;
}
.ospedale_find_doctor .text-center p {
text-align: center;
padding-top: 12px;
color: #646565;
font-size: 13px;
}
.ospedale_find_doctor .text-center h1 {
font-size: 40px;
padding-top: 40px;
text-transform: none;
font-weight: 300;
}
.ospedale_find_doctor .grup {
width: 100%;
min-height: 290px;
position: relative;
margin-top: 116px ;
}
.ospedale_find_doctor .grup .icon {
font-size: 24px;
color: #64baa9;
margin-bottom: 20px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.ospedale_find_doctor .grup .icon i {
color: inherit;
}
.ospedale_find_doctor .list-left {
float: left;
width: 24%;
}
.ospedale_find_doctor .list-left p {
text-align: center;
margin-top: -5px;
}
.ospedale_find_doctor .list-left b {
font-size: 14px;
font-weight: 700;
}
.ospedale_find_doctor .list-left li {
margin-top: 41px;
margin-bottom: 70px;
}
.ospedale_find_doctor .list-right {
float: right;
width: 24%;
}
.ospedale_find_doctor .list-right p {
text-align: center;
margin-top: 6px;
}
.ospedale_find_doctor .list-right b {
font-size: 14px;
font-weight: 700;
}
.ospedale_find_doctor .list-right li {
margin-top: 41px;
margin-bottom: 70px;
}
.ospedale_find_doctor .center {
display: block;
margin: 0 auto;
margin-bottom: 20px;
}
.ospedale_find_doctor .blok {
margin: -8px auto 8px 69px;
}
.ospedale_find_doctor .grid1 {
box-shadow: 1px 20px 35px -20px rgba(0, 0, 0, 0.4);
width: 460px;
min-height: 415px;
position: relative;
margin: 0 auto;
margin-top: -90px;
color: #FFFFFF;
font-size: 10px;
background: -moz-linear-gradient(left, #77cca7, #50a699);
/* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(left, #77cca7, #50a699);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #77cca7, #50a699);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #77cca7, #50a699);
/* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #77cca7, #50a699);
/* Standard syntax (must be last) */
border-radius: 3px;
padding-bottom: 30px;
}
.ospedale_find_doctor .grid1 ul {
margin-left: 40px;
}
.ospedale_find_doctor .grid1 ul .botom_find_form {
display: flex;
align-items: center;
justify-content: space-between;
}
.ospedale_find_doctor .grid1 ul .botom_find_form p {
color: #bde0da;
font-size: 12px;
margin-left: 30px;
margin-bottom: 0;
}
.ospedale_find_doctor .grid1 li {
margin-bottom: 20px;
float: left;
margin-left: 10px;
margin-right: 10px;
}
.ospedale_find_doctor .grid1 li br {
display: none;
}
.ospedale_find_doctor .grid2 {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
width: 100%;
height: 7px;
background: -webkit-linear-gradient(left, #98eba4, #257975);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #98eba4, #257975);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #98eba4, #257975);
/* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #98eba4, #257975);
/* Standard syntax (must be last) */
}
.ospedale_find_doctor input.default_field {
width: 167px;
border-radius: 2px;
box-shadow: 0px 1px 0px #9e9e9e;
border: 3px solid transparent;
}
.ospedale_find_doctor input.default_field:focus {
border: 3px solid rgba(0, 0, 0, 0.2);
}
.ospedale_find_doctor label {
display: block;
cursor: pointer;
padding-bottom: 6px;
font-size: 12px;
}
.ospedale_find_doctor textarea {
width: 354px;
height: 80px;
border: 3px solid rgba(0, 0, 0, 0);
border-radius: 2px;
box-shadow: 0 1px 0 #9E9E9E;
}
.ospedale_find_doctor textarea:focus {
border: 3px solid rgba(0, 0, 0, 0.2);
}
.ospedale_find_doctor .cild {
margin-top: 50px;
}
.ospedale_find_doctor input[type="submit"] {
border: none;
letter-spacing: 0;
height: 35px;
padding: 0 20px;
margin: 0!important;
}
.ale_ospedale_about .about-as {
width: 100%;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
min-height: 450px;
}
.ale_ospedale_about .about-as .about {
width: 48%;
float: right;
margin-top: 60px;
}
.ale_ospedale_about .about-as .about .icon {
height: 85px;
max-width: 480px;
}
.ale_ospedale_about .about-as .about .icon p {
text-align: center;
margin-top: 7px;
line-height: 22px;
}
.ale_ospedale_about .about-as .about .icon b {
font-size: 54px;
color: #000000;
font-family: "Open Sans";
font-weight: 700;
}
.ale_ospedale_about .about-as .about .text2 {
color: #000000;
font-size: 40px;
margin-bottom: 25px;
font-weight: 300;
}
.ale_ospedale_about .about-as .about .text2 .ultra_bold {
font-weight: 800;
}
.ale_ospedale_about .about-as .about p {
line-height: 24px;
}
.ale_ospedale_about .about-as .photo {
width: 48%;
margin-top: -1px;
margin-bottom: -1px;
overflow: hidden;
height: 452px;
background: url(images/about-as.png) right no-repeat;
background-size: cover;
float: left;
}
.ale_ospedale_about .about-as div.text-color {
color: #646565;
font-size: 12px;
max-width: 480px;
margin-bottom: 55px;
}
.ale_ospedale_about .about-as div.text-color p {
margin-bottom: 0;
}
.ale_ospedale_about .about-as .ospedale_icon {
max-width: 480px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.ale_ospedale_about .about-as .ospedale_icon i {
color: #64baa9;
font-size: 38px;
margin-right: 15px;
}
.ale_ospedale_about .about-as .ospedale_icon::after,
.ale_ospedale_about .about-as .ospedale_icon::before {
display: none;
}
.ale_ospedale_about .about-as .ospedale_icon .item {
display: flex;
align-items: flex-start;
}
.ale_ospedale_about .about-as .ospedale_icon .item .text_icons {
flex-wrap: wrap;
}
.ale_ospedale_about .about-as .ospedale_icon .item .text_icons .number_count {
font-size: 54px;
line-height: 54px;
color: #000000;
font-weight: 700;
margin-bottom: 5px;
}
.ale_ospedale_about .about-as .ospedale_icon .item .text_icons span {
width: 100%;
display: block;
color: #646565;
}
.custom_pricing_ospedale .olins_ospedale_table .item {
margin-top: -30px;
}
.custom_pricing_ospedale .olins_ospedale_table .item h4 {
font-size: 40px;
}
.custom_pricing_ospedale .olins_ospedale_table .item span.period {
margin-bottom: 36px;
display: block;
}
.olins_ospedale_table .item {
padding: 30px;
background: #FFFFFF;
padding-bottom: 40px;
width: 100%;
-webkit-box-shadow: 0px 20px 35px -20px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 20px 35px -20px rgba(0, 0, 0, 0.4);
box-shadow: 0px 20px 35px -20px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-sizing: border-box;
text-align: center;
}
.olins_ospedale_table .item h4 {
font-size: 30px;
color: #64baa9;
margin-bottom: 5px;
}
.olins_ospedale_table .item span.period {
color: #646565;
font-size: 12px;
}
.olins_ospedale_table .item .price_holder {
background: #64baa9;
border-radius: 50%;
width: 138px;
height: 138px;
margin: 0 auto;
margin-bottom: 20px;
margin-top: 15px;
display: flex;
align-items: center;
justify-content: center;
font-size: 40px;
color: #FFF;
}
.olins_ospedale_table .item .button_table .ale_button {
border: none;
letter-spacing: 0;
color: #FFFFFF;
background: #f34c70;
border-radius: 3px;
margin-top: 10px;
padding: 10px 35px 10px 35px;
font-weight: 600;
font-size: 16px;
border-bottom: 2px solid #D13D5D;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.olins_ospedale_table .item .button_table .ale_button:hover {
background: #de5270;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.olins_ospedale_table .item .description ul {
list-style: none;
text-align: left;
line-height: 34px;
padding-bottom: 25px;
padding-top: 30px;
padding-left: 30px;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
margin-bottom: 50px;
margin-left: -30px;
margin-right: -30px;
}
.olins_ospedale_table .item .description ul li {
list-style: none;
}
.olins_ospedale_table .item .description ul li::before {
content: "\f067";
color: #64baa9;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
margin-right: 10px;
}
.lineheight30 {
line-height: 30px;
}
.olins_ospedale_teamslider {
display: flex;
align-items: center;
}
.olins_ospedale_teamslider .col-3 {
color: #353535;
font-size: 40px;
font-weight: 300;
text-align: right;
padding-right: 80px;
line-height: 47px;
box-sizing: border-box;
}
.olins_ospedale_teamslider .col-3 .arrows {
font-weight: 400;
font-size: 34px;
color: #c4c4c4;
}
.olins_ospedale_teamslider .col-3 .arrows .fa {
transition: all 300ms ease-in-out;
}
.olins_ospedale_teamslider .col-3 .arrows .fa:hover {
color: #f34c70;
transition: all 300ms ease-in-out;
cursor: pointer;
}
.olins_ospedale_teamslider .col-3 .arrows .fa-angle-left {
margin-right: 15px;
}
.olins_ospedale_teamslider .col-3 strong {
font-weight: 800;
color: #000;
}
.col-9 .item .avatar {
margin-bottom: 20px;
}
.col-9 .item .avatar img {
border-radius: 100%;
overflow: hidden;
}
.col-9 .item .slide_data_holder {
text-align: left;
padding-right: 30px;
}
.col-9 .item .slide_data_holder p.position {
font-size: 11px;
line-height: 14px;
}
.col-9 .item .slide_data_holder a.name {
font-weight: 700;
font-size: 14px;
color: #000;
}
.col-9 .item .slide_data_holder a.name:hover {
text-decoration: underline;
color: #52a89d;
}
.enforcement_service_item {
width: 100%;
margin-bottom: 70px;
}
.enforcement_service_item .image_box {
margin-bottom: 30px;
}
.enforcement_service_item .image_box img {
max-width: 100%;
height: auto;
}
.enforcement_service_item h3 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.15em;
line-height: 14px;
margin-bottom: 30px;
}
.enforcement_service_item h3 span.prefix {
font-size: 8px;
line-height: 8px;
margin-right: 15px;
}
.enforcement_service_item span.price {
display: block;
font-size: 28px;
line-height: 28px;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-left: 40px;
margin-bottom: 30px;
}
.enforcement_service_item .description {
border-top: 1px solid #000000;
padding-top: 25px;
line-height: 30px;
}
.enforcement_item_additional {
width: 100%;
margin-bottom: 80px;
}
.enforcement_item_additional .top_line {
display: flex;
align-items: center;
height: 50px;
margin-bottom: 20px;
}
.enforcement_item_additional .top_line .icon {
margin-right: 35px;
}
.enforcement_item_additional .top_line h5.title {
font-size: 20px;
color: #2f2f2f;
line-height: 20px;
letter-spacing: 0.05em;
}
.enforcement_item_additional .bottom_line {
line-height: 30px;
}
.full_width {
width: 100%;
}
.enforcement_about_slider {
cursor: pointer;
}
.enforcement_about_slider .slide_item_about {
width: calc(100% - 60px);
margin-left: 30px;
margin-right: 30px;
}
.enforcement_about_slider .slide_item_about .item_testimonial .top_divider {
margin-bottom: 30px;
display: flex;
justify-content: space-between;
align-items: center;
height: 20px;
}
.enforcement_about_slider .slide_item_about .item_testimonial .top_divider .left,
.enforcement_about_slider .slide_item_about .item_testimonial .top_divider .right {
width: auto;
flex-grow: 1;
height: 1px;
background: #000000;
}
.enforcement_about_slider .slide_item_about .item_testimonial .top_divider .icon {
padding-right: 7px;
padding-left: 7px;
}
.enforcement_about_slider .slide_item_about .item_testimonial .testy_top {
display: flex;
align-items: center;
margin-left: 35px;
margin-right: 35px;
margin-bottom: 30px;
}
.enforcement_about_slider .slide_item_about .item_testimonial .testy_top .avatar {
margin-right: 20px;
}
.enforcement_about_slider .slide_item_about .item_testimonial .testy_top .avatar img {
border-radius: 100%;
max-width: 82px;
height: auto;
}
.enforcement_about_slider .slide_item_about .item_testimonial .testy_top .name_box .name {
display: block;
font-size: 14px;
letter-spacing: 0.145em;
text-transform: uppercase;
color: #000;
line-height: 14px;
margin-bottom: 14px;
}
.enforcement_about_slider .slide_item_about .item_testimonial .testy_top .name_box .link {
display: block;
color: #bebebe;
font-size: 14px;
letter-spacing: 0.2em;
line-height: 14px;
}
.enforcement_about_slider .slide_item_about .item_testimonial .testy_top .name_box .link a {
color: inherit;
}
.enforcement_about_slider .slide_item_about .item_testimonial .testimonial_text {
margin-right: 30px;
margin-left: 35px;
}
.enforcement_about_slider .slide_item_about .item_testimonial .testimonial_text p {
margin-bottom: 0;
line-height: 32px;
font-size: 16px;
}
.enforcement_skills_line {
margin-bottom: 40px;
position: relative;
}
.enforcement_skills_line .skillsname {
display: block;
color: #bebebe;
font-size: 14px;
letter-spacing: 0.2em;
line-height: 36px;
}
.enforcement_skills_line .progress_bar {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: #bebebe;
}
.enforcement_skills_line .progress_bar .current_progress {
position: absolute;
top: 0;
left: 0;
height: 1px;
width: 2%;
background: #000;
}
.enforcement_skills_line .progress_count {
position: absolute;
left: 100%;
margin-left: -34px;
top: 0;
color: #bebebe;
font-size: 14px;
letter-spacing: 0.2em;
line-height: 36px;
}
.enforcement_team_corporate .team_item {
width: 100%;
margin-bottom: 100px;
position: relative;
}
.enforcement_team_corporate .team_item:hover .image_holder .mask_hover {
bottom: 20px;
top: 20px;
transition: all 300ms ase-in-out;
}
.enforcement_team_corporate .team_item .image_holder {
position: relative;
overflow: hidden;
}
.enforcement_team_corporate .team_item .image_holder .mask_hover {
transition: all 300ms ase-in-out;
position: absolute;
bottom: 100%;
right: 75px;
top: -120px;
left: 20px;
background: #FFF;
display: flex;
justify-content: center;
align-items: center;
}
.enforcement_team_corporate .team_item .image_holder .mask_hover .social_l {
width: 100%;
text-align: center;
}
.enforcement_team_corporate .team_item .image_holder .mask_hover .social_l::after {
width: 80px;
height: 1px;
background: #000;
content: "";
display: block;
margin: 15px auto 0;
}
.enforcement_team_corporate .team_item .image_holder .mask_hover a {
font-size: 14px;
letter-spacing: 0.2em;
text-transform: uppercase;
margin: 0 13px;
display: inline-block;
}
.enforcement_team_corporate .team_item .image_holder img {
width: 100%;
height: auto;
}
.enforcement_team_corporate .team_item .text_holder {
width: 101%;
display: inline-block;
background: #FFF;
transform-origin: left top;
position: absolute;
left: 100%;
margin-left: -55px;
height: 55px;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.enforcement_team_corporate .team_item .text_holder h4 {
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.15em;
line-height: 14px;
margin-bottom: 10px;
margin-top: 15px;
}
.enforcement_team_corporate .team_item .text_holder .team_occupation {
font-size: 14px;
line-height: 14px;
color: #bebebe;
letter-spacing: 0.2em;
display: block;
}
/*
======================
Responsive for Modules
======================
*/
@media (max-width: 1200px) {
.olins_taxipress_contact .inner .col-6.right .form .bg_letter {
width: 100%;
left: 55%;
background-size: 100%;
}
}
@media (max-width: 1024px) {
.olins_taxipress_team_slider .team .background {
width: 100%;
background-position: 0% 70%;
}
.olins_taxipress_team_slider .team .founder .wide-line img {
width: 75%;
}
.olins_taxipress_contact .inner .col-6.right .form .bg_letter {
background-size: 100%;
}
.olins_taxipress_contact .inner .col-6.right .form form {
width: 100%;
}
.olins_taxipress_contact .inner .col-6.left {
padding-right: 60px;
}
.olins_taxipress_contact .inner .col-6.right {
padding-left: 60px;
}
.olins_taxipress_contact .inner .col-6.right .form .bg_letter {
width: 115%;
left: 65%;
}
.olins_taxipress_services .tiles > .col-6 {
height: 190px;
}
.olins_taxipress_services .tiles > .col-6 .txt {
padding: 25px !important;
}
.olins_taxipress_services .tiles > .col-6 .txt h3 {
font-size: 16px;
}
body.home header .left .text {
padding-right: 60px;
}
body.home header .right .text {
padding-left: 60px;
}
body.home header .left h2 {
font-size: 40px;
}
body.home .background {
height: 684px;
}
body.home header .left img.car {
width: 100%;
}
body.home section.our-services {
padding-top: 100px;
}
body.home .olins_taxipress_app > .mobile {
margin-top: 0;
padding-top: 120px;
}
body.home section.how-it-works .list .icon {
width: 80px;
height: 80px;
position: absolute;
}
body.home section.how-it-works .list p,
body.home section.how-it-works .list h3 {
padding-left: 105px;
}
body.home section.our-cars h2:before,
body.home section.our-cars h2:after {
width: 250px;
}
body.home section.our-cars .gallery #slider {
height: 390px;
}
body.home section.our-cars .gallery #slider li img {
width: 80%;
}
body.home section.newsspecials .news article .right {
padding-top: 20px;
}
body.home section.newsspecials .news article .right h2 {
font-size: 14px;
}
body.home section.newsspecials .specials .content .container:first-of-type {
background-position: -20% center;
}
body.home section.newsspecials .specials .content .container:first-of-type .text {
width: 190px;
}
body.home section.newsspecials .specials .content .container:last-of-type .offer {
font-size: 120px;
line-height: 1.7;
}
}
@media (max-width: 870px) {
.olins_works_masonry_grid.brigitte_design .grid-sizer,
.olins_works_masonry_grid.brigitte_design .grid_item_work {
width: 50%;
}
.olins_works_masonry_grid .grid-sizer,
.olins_works_masonry_grid .grid_item_work {
width: 50%;
}
.olins_slider_one_container .olins_slider_one ul.slides li figure figcaption .slide_meta .slider_one_title {
font-size: 40px;
line-height: 40px;
}
.olins_slider_one_container .olins_slider_one ul.slides li figure figcaption .slide_meta .slider_one_pre_title {
font-size: 16px;
line-height: 16px;
}
.olins_slider_one_container .olins_slider_one ul.slides li figure figcaption .slide_meta .slider_one_button .ale_button {
font-size: 10px;
padding: 0.5em 0.7em;
border-width: 2px;
}
.olins_slider_one_container .olins_slider_one ul.slides li figure figcaption .slide_meta .slider_one_button {
margin-top: 15px;
}
.olins_featured_post .image_holder .post_data .post_link .ale_button {
display: none;
}
.olins_featured_post .image_holder .post_data .date,
.olins_featured_post .image_holder .post_data h2.title,
.olins_featured_post .image_holder .post_data .desc {
margin-bottom: 5px;
}
.olins_corporate_team .image_box {
text-align: center;
}
.olins_corporate_team {
margin-bottom: 20px;
text-align: center;
}
.olins_corporate_team .social_link a {
margin-right: 10px;
margin-left: 10px;
}
.ospedale_find_doctor .list-left {
width: 100%;
float: none;
}
.ospedale_find_doctor .list-left ul {
display: flex;
justify-content: space-between;
}
.ospedale_find_doctor .list-right {
width: 100%;
float: none;
}
.ospedale_find_doctor .list-right ul {
display: flex;
justify-content: space-between;
}
.ospedale_find_doctor .grid1 {
float: none;
margin-top: 0;
}
.ospedale_find_doctor .grup {
min-height: auto;
margin-top: 10px;
}
.ospedale_find_doctor .list-left li,
.ospedale_find_doctor .list-right li {
margin: 10px 30px;
width: calc(50% - 60px);
}
.ospedale_find_doctor .box_homeform .linepngbox {
display: none;
}
.ospedale_find_doctor .text-center h1 {
margin-bottom: 10px;
}
.ale_ospedale_about .about-as .photo {
width: 100%;
margin-bottom: 40px;
}
.ale_ospedale_about .about-as .about {
width: 100%;
float: none;
}
.ale_ospedale_about .about-as .ospedale_icon {
margin: 0 auto;
}
.ale_ospedale_about .about-as div.text-color {
max-width: 780px;
}
.slider-wrapper .top-slider ul.slides li .contry p {
font-size: 40px;
}
.ospedale_blogposts .blogitem {
width: calc(50% - 20px);
margin-right: 10px;
margin-left: 10px;
}
}
@media (max-width: 830px) {
.organic_lenta::before {
display: none;
}
.organic_lenta .organic_timeline_item {
margin-top: 0;
}
.organic_lenta .organic_timeline_item .image_holder,
.organic_lenta .organic_timeline_item .data_holder {
width: 50%!important;
}
.organic_lenta .organic_timeline_item .data_holder::after {
display: none!important;
}
.organic_works_line .item_work_organic .overlay {
display: none;
}
.olins_taxipress_team_slider .team .founder .col-3 .img {
width: 100%;
}
.olins_taxipress_team_slider .team .founder .col-3 .img img {
width: 100%;
}
.olins_taxipress_team_slider .team .founder .team-slider .col-3 {
padding: 0 20px;
}
.olins_taxipress_team_slider .team .background {
display: none;
}
.olins_taxipress_team_slider .team .founder .team-slider .slides > li .img:before {
display: none;
}
.olins_taxipress_team_slider .team .founder .team-slider .slides > li {
padding-top: 18px;
}
.olins_taxipress_team_slider .team .founder .team-slider .flex-direction-nav li {
top: 30%;
}
.olins_taxipress_cars section.our-cars .img img,
body.home section.our-cars .gallery #slider li img {
height: auto;
}
body.home header .left h2 {
font-size: 35px;
}
body.home header .left .text {
padding-right: 40px;
margin-top: 60px;
}
body.home header .right .text {
padding-left: 40px;
margin-top: 60px;
}
body.home header .right .col-2 {
width: 25%;
}
body.home header .right .col-10 {
width: 75%;
}
body.home header .right .adress .col-10 p {
box-sizing: border-box;
width: 100%;
text-align: left;
margin-bottom: 0;
}
body.home header .right .type a {
width: 30%;
}
body.home .background {
height: 753px;
}
body.home header .left img.car {
top: 433px;
}
body.home section.our-services h2,
body.home section.how-it-works h2 {
font-size: 45px;
}
body.home section.our-services h2:before,
body.home section.our-services h2:after {
width: 140px;
}
body.home .olins_taxipress_app > .mobile {
margin-top: 120px;
}
body.home .mobile:after {
width: 150px;
margin-left: -75px;
background-size: 100%;
height: 350px;
bottom: -50px;
}
body.home .mobile .col-6:first-of-type {
padding-right: 100px;
}
body.home .mobile .col-6:last-of-type {
padding-left: 100px;
}
body.home section.how-it-works {
padding-top: 60px;
padding-bottom: 60px;
}
body.home section.how-it-works .list {
margin-top: 50px;
}
body.home section.how-it-works .list .col-4 {
text-align: center;
position: relative;
}
body.home section.how-it-works .list .icon {
left: 50%;
margin-left: -40px;
}
body.home section.how-it-works .list h3,
body.home section.how-it-works .list p {
width: 100%;
padding-left: 0;
display: inline-block;
margin-top: 10px;
text-align: center;
}
body.home section.how-it-works .list h3 {
margin-top: 100px;
}
body.home section.suggestions .left:before {
display: none;
}
body.home section.suggestions .left form {
width: 100%;
}
body.home section.suggestions .left:after {
width: 100%;
}
body.home section.suggestions .right {
padding-left: 60px;
padding-top: 40px;
}
body.home section.our-cars h2:before,
body.home section.our-cars h2:after {
width: 150px;
}
body.home section.our-cars .gallery #slider {
height: 295px;
}
body.home section.our-cars .gallery #slider li h4 {
margin-top: 10px;
}
body.home .mobile .store {
margin-bottom: 60px;
}
body.home section.newsspecials .specials .caption h3,
body.home section.newsspecials .news .caption h3 {
font-size: 30px;
}
/* */
body.home section.newsspecials .news,
body.home section.newsspecials .specials {
width: 100%;
}
body.home section.newsspecials .news article .right {
padding-top: 25px;
}
body.home section.newsspecials .specials .content .container:first-of-type {
background-position: 0% center;
}
body.home section.newsspecials .specials .content .container:first-of-type .text {
right: 70px;
}
body.home section.newsspecials .specials .content .container:last-of-type {
background-size: cover;
}
body.home section.newsspecials .specials .content .container:last-of-type .offer {
font-size: 172px;
line-height: 1.2;
}
body.home section.newsspecials .news article .right {
height: 100px;
padding-top: 20px;
}
body.home section.newsspecials .news .content {
height: 300px;
}
body.home section.newsspecials .news article .left {
padding-top: 0px;
}
body.home section.newsspecials .news article .right:before {
top: 35px;
}
/* Contact */
.olins_taxipress_contact .inner .col-6.right .form .bg_letter {
display: none;
}
.olins_taxipress_contact .inner .col-6.right .form:after {
display: none;
}
.olins_taxipress_contact .inner .col-6.right h3 {
padding-left: 0;
}
.olins_taxipress_contact .inner .col-6.right .form form {
padding: 50px 25px 50px 25px;
}
.olins_taxipress_services .tiles > .col-6 {
width: 100%;
margin-bottom: 1px;
}
.olins_taxipress_services .tiles > .col-6 {
height: 250px;
}
.olins_taxipress_services .tiles > .col-6 .txt {
padding: 45px !important;
}
}
@media screen and (max-width: 630px) {
.nunta_lenta .coloritem:nth-child(odd) .datebox,
.nunta_lenta .coloritem:nth-child(even) .datebox {
font-size: 14px;
margin-left: 0;
}
.nunta_lenta .coloritem:nth-child(even) .roundbox {
margin-left: 0;
}
.nunta_lenta .coloritem:nth-child(odd),
.nunta_lenta .coloritem:nth-child(even) {
width: 100%;
}
.nunta_lenta {
width: 100%;
}
.nunta_lenta .coloritem .rightpart {
width: 60%;
}
.nunta_lenta .coloritem .leftpart {
width: 40%;
}
.olins_image_title .image_box_holder {
width: calc(50% - 10px);
margin-bottom: 20px;
}
.olins_image_title .image_box_holder:nth-child(2n+2) {
margin-right: 0;
}
.olins_image_title .image_box_holder img {
width: 100%;
height: auto;
}
.olins_recent_works ul li {
width: 33.3%;
}
.olins_recent_works ul li:nth-child(4n) {
width: 100%;
}
.olins_products_carousel .carousel_nav .carousel_tile .olins_carouser_pre_title {
font-size: 12px;
line-height: 12px;
}
.olins_products_carousel .carousel_nav .carousel_tile .olins_carousel_title {
font-size: 20px;
line-height: 20px;
}
.olins_products_carousel .carousel_nav .carousel_tile {
padding: 0 15px;
}
.olins_products_carousel .carousel_nav a.flex-prev span,
.olins_products_carousel .carousel_nav a.flex-next span {
width: 25px;
height: 25px;
line-height: 25px;
font-size: 14px;
}
.olins_products_carousel .carousel_nav {
margin-bottom: 30px;
}
.olins_pricing_element img {
max-width: none;
width: 100%;
}
.vc_custom_heading {
word-break: break-all;
}
.olins_contact_form_shortcode .form_container {
width: 100%;
}
.olins_ospedale_teamslider .col-3,
.olins_ospedale_teamslider .col-9 {
width: 50%;
}
.olins_taxipress_services .tiles > .col-6 {
height: auto;
}
.olins_taxipress_services .tiles > .col-6 .txt {
padding: 20px !important;
}
.olins_taxipress_services .tiles > .col-6 .img {
width: 100%;
}
.olins_taxipress_services .tiles > .col-6 .txt {
width: 100%;
}
.olins_taxipress_services .tiles > .col-6 .txt.right:after {
right: 0;
top: 163px;
}
.olins_taxipress_services .tiles > .col-6 .txt.left:after {
left: 0;
top: 4%;
}
.olins_taxipress_contact .inner .col-6.left,
.olins_taxipress_contact .inner .col-6.right {
width: 100%;
padding: 0 !important;
}
.olins_taxipress_contact .background {
height: 300px;
}
.olins_taxipress_contact .background .col-6:first-of-type,
.olins_taxipress_contact .inner .back-right {
display: none;
}
.olins_taxipress_contact .background .col-6:last-of-type {
width: 100%;
}
.olins_taxipress_contact.inner .back-left {
width: 100%;
}
.olins_taxipress_contact .inner {
height: auto;
padding: 30px 0;
background: url("images/taxipress/pattern2.jpg") repeat;
margin-top: 100px;
}
.olins_taxipress_contact .inner h2.font_three {
color: #000 !important;
}
.olins_taxipress_contact .inner .col-6.right h3 {
color: #000;
margin-top: 15px;
}
.olins_taxipress_home_services section.our-services .columns .item .img img {
height: auto;
}
.olins_taxipress_suggest section.suggestions .left .letter_box {
display: none;
}
.olins_taxipress_app .mobile .app {
background-size: cover;
height: 321px;
width: 157px;
}
body.home header .right .text {
padding-left: 0;
}
.olins_taxipress_team_slider .team h3 {
font-size: 40px;
}
.olins_taxipress_team_slider .team .founder .name {
width: 100%;
text-align: center;
padding-right: 0;
margin-bottom: 25px;
}
.olins_taxipress_team_slider .team .founder .img:before {
background: url("images/taxipress/team-circle.png") no-repeat center;
top: -45px;
}
.olins_taxipress_team_slider .team .founder .info {
margin-top: 40px;
padding-left: 0;
text-align: center;
}
.olins_taxipress_team_slider .team .founder .wide-line {
display: none;
}
.olins_taxipress_team_slider .team .founder .team-slider .col-3 {
width: 100%;
padding-left: 20%;
padding-right: 20%;
margin-bottom: 10px;
}
.olins_taxipress_team_slider .team .founder .team-slider .flex-direction-nav li {
top: 0;
}
.olins_booking_home header .left,
.olins_booking_home header .right {
width: 100%;
}
.olins_booking_homee header .left .text {
margin-top: 30px;
}
body.home .background .col-6:first-of-type {
width: 100%;
}
body.home .background .col-6:last-of-type {
display: none;
}
.olins_booking_home header .left .text {
padding-right: 0;
}
body.home .background .col-6:first-of-type {
display: none;
}
body.home header .left img {
position: static;
margin-top: 10px;
max-width: 80%;
}
.olins_booking_home header .left h2,
.olins_booking_home header .left p {
text-align: left;
color: #fff;
}
.olins_booking_home header .right .text {
padding-left: 0;
}
body.home .background {
height: auto;
}
body.home header .right .type a {
width: 19%;
}
body.home section.our-services h2:before,
body.home section.our-services h2:after {
display: none;
}
body.home section.our-services .columns .col-3 {
width: 100%;
}
body.home .olins_taxipress_app > .mobile {
margin-top: 40px;
}
body.home .mobile .col-6:first-of-type,
body.home .mobile .col-6:last-of-type {
width: 100%;
padding-right: 0;
padding-left: 0;
text-align: left;
}
body.home .mobile .col-6:last-of-type {
width: 80%;
}
body.home .mobile .col-6:first-of-type h3,
body.home .mobile .col-6:first-of-type p {
text-align: left;
}
body.home .mobile .col-6:first-of-type h3 {
font-size: 20px;
}
body.home .mobile .col-6:last-of-type p {
font-family: 'Arial';
font-size: 11px;
}
body.home .mobile .col-6:last-of-type h3 {
color: #fff;
}
body.home .mobile .app {
left: 75%;
bottom: -10px;
}
body.home .mobile .col-6:last-of-type {
padding-right: 150px;
}
body.home .mobile .store {
margin-bottom: 30px;
}
body.home section.how-it-works .list .col-4 {
width: 100%;
margin-bottom: 15px;
}
body.home section.suggestions .left,
body.home section.suggestions .right {
width: 100%;
padding-left: 0;
padding-right: 0;
}
body.home section.suggestions .right h2 {
font-size: 50px;
}
body.home section.our-cars h2:before,
body.home section.our-cars h2:after {
display: none;
}
body.home section.our-cars .gallery .col-3,
body.home section.our-cars .gallery .col-6 {
width: 100%;
}
body.home section.our-cars .gallery .col-6 {
margin-bottom: 5px;
padding-left: 0;
padding-right: 0;
}
body.home section.newsspecials {
padding-top: 50px;
}
body.home section.newsspecials .news .content {
height: auto;
}
body.home section.newsspecials .news article .right {
height: 150px;
padding-top: 15px;
}
body.home section.newsspecials .specials .content .container:first-of-type {
background-position: -110% center;
}
body.home section.newsspecials .specials .content .container:first-of-type .text {
right: 0px;
}
body.home section.newsspecials .specials .content .container:first-of-type .text {
width: 135px;
top: 28%;
}
body.home section.newsspecials .specials .content .container:last-of-type h3 {
left: 20px;
}
body.home section.newsspecials .specials .content .container:last-of-type .offer {
font-size: 90px;
line-height: 2.4;
}
body.home section.suggestions .left:after {
display: none;
}
body.home section.suggestions .left form {
margin-left: 0;
}
body.home header .right .col-2 {
width: 15%;
}
body.home header .right .col-10 {
width: 80%;
}
body.home section.our-cars .gallery #slider {
height: 270px;
}
body.home section.our-cars .gallery #slider .slides {
margin-top: 15%;
}
body.home section.our-services {
padding-top: 40px;
}
body.home section.our-services h2 {
margin-bottom: 50px;
}
body.home section.newsspecials .news article .right p {
font-size: 11px;
}
.slider-wrapper .top-slider ul.slides li .contry p {
font-size: 26px!important;
}
.slider-wrapper .top-slider ul.slides li .contry {
left: 14%!important;
}
.olins_ospedale_table .item .description ul {
text-align: center!important;
padding-left: 0!important;
}
.olins_ospedale_table {
margin-bottom: 50px;
}
.custom_pricing_ospedale .olins_ospedale_table .item {
margin-top: 0!important;
}
}
@media screen and (max-width: 400px) {
.olins_works_masonry_grid .grid-sizer,
.olins_works_masonry_grid .grid_item_work {
width: 100%;
}
.olins_slider_one_container .olins_slider_one ul.slides li figure figcaption .slide_meta .slider_one_title {
font-size: 20px;
line-height: 20px;
}
.olins_slider_one_container .olins_slider_one ul.slides li figure figcaption .slide_meta .slider_one_pre_title {
font-size: 12px;
line-height: 12px;
}
.slider-wrapper .top-slider ul.slides li .contry {
display: none;
}
.slider-wrapper .top-slider .flex-control-paging {
margin-left: 40%;
}
.ospedale_find_doctor .list-left ul,
.ospedale_find_doctor .list-right ul {
flex-wrap: wrap;
}
.ospedale_find_doctor .list-left li,
.ospedale_find_doctor .list-right li {
width: 100%;
}
.ospedale_find_doctor .grup .icon i {
font-size: 40px;
}
.ospedale_find_doctor .list-left b,
.ospedale_find_doctor .list-right b {
font-size: 22px;
}
.ospedale_find_doctor .grid1 {
width: auto;
}
.ospedale_find_doctor div.wpcf7 {
content: "";
clear: both;
display: table;
}
.ospedale_find_doctor input.default_field {
width: 80%;
}
.ospedale_find_doctor ul li:first-child {
margin-top: 50px;
}
.ospedale_find_doctor .cild {
margin-top: 0;
}
.ospedale_find_doctor .grid1 ul .botom_find_form {
flex-wrap: wrap;
}
.ospedale_find_doctor .grid1 ul .botom_find_form p {
margin-left: 0;
margin-top: 20px;
}
.ale_ospedale_about .about-as .ospedale_icon {
flex-wrap: wrap;
}
.ale_ospedale_about .about-as .ospedale_icon:last-child {
margin-bottom: 50px;
}
.ale_ospedale_about .about-as .ospedale_icon .item {
width: 100%;
justify-content: center;
margin-bottom: 30px;
}
.ale_ospedale_about .about-as .about .icon {
margin: 0;
}
.ale_ospedale_about .about-as .about p {
font-size: 18px;
line-height: 34px;
}
.ospedale_blogposts .blogitem {
width: 100%;
}
}