body, html,
body *, html * {
word-break: break-word;
box-sizing: border-box;
}
.s3 {color: #7da19a; font-weight: 600;}
a:hover span.s3 {
font-weight: bolder;
}
.top-call a {
color: black;
}
#appView .powrMark {
display:none;
}
.video {
margin-left:15%;
}
.upper-text {
text-transform: uppercase;
}
.featured_section p {
padding:0 10px;
}
.featured_section {
background: #c3c4c4;
padding: 70px 0 60px;
}
.featured_section .sixteen.columns.featured_links {
margin: 0 4%;
}
.home-product-grid {
background: #f8f8f8;
padding: 50px 0;
}
.home-product-grid button {
margin-top: 20px;
}
.section-text-images {
padding:30px 0;
}
.hover-zoom-block strong{
display:block;
position:absolute;
top:50%;
height:65px;
width:100%;
z-index:9;
margin-top:-38px;
font-size:16px;
line-height:65px;
font-weight:700;
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
color:#333;
/* text-shadow:-1px 1px 1px #333;*/
background:no-repeat;
background-size:100% 75px;
}
.hover-zoom-block strong:before {
content:'';
background:rgba(255, 255, 255, 0.6);
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:-1;
}
.hover-zoom-block .item {
position:relative;
}
.hover-zoom-block img {
display: block;
max-width: 100%;
}
.hover-zoom-block .one-third.column {
position:relative;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition: 0.5s all;
-ms-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}
.hover-zoom-block .one-third.column:hover {
/* padding:0;*/
-webkit-box-shadow:0 0 15px #999;
-ms-box-shadow:0 0 15px #999;
-o-box-shadow:0 0 15px #999;
box-shadow:0 0 15px #999;
-webkit-transition: 0.5s all;
-ms-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
-webkit-transform:scale(1.0);
-ms-transform:scale(1.0);
-o-transform:scale(1.0);
transform:scale(1.0);
}
.hover-zoom-block .one-third.column.work {
margin: 0 32px 0 0;
}
.hover-zoom-block .one-third.column.hover-effect {
margin: 0px 32px 0 0;
}
.hover-zoom-block .one-third.column.choose {
margin: 0px 32px 0 0;
}
.hover-zoom-block .one-third.column.visit {
margin: 0 0 0 0;
}
.hover-zoom-block.clearfix {
padding: 0 0 50px;
}
.section.clearfix.instagram-div {
padding: 30px 0;
}
.extra-btn a.button {
padding: 5px 10px;
color: #fff !important;
box-shadow: none !important;
height: 33px;
line-height: 24px;
}
.title-img img{
width:100%;
display:block;
}
.guide-content .wk-section-block:nth-child(2n) {
background: #f8f8f8;
}
.guide-help .button{
margin:50px 0;
padding:5px 20px;
}
.clearfix.step3-seprt {
margin: 20px;
}
.featurd-bottom-img img {
max-width: 100%;
}
.text-left1 {
text-align: left;
list-style-position: inside;
}
.text-right1 {
text-align: right !important;
list-style-position: inside;
}
.text-left1 .top-call{
display:inline-block;
font-weight: bold;
}
.promo_banner{
background:none;
}
/* .header_bar */ .promo_banner{
background:rgba(248, 248, 248, 0.9);
box-shadow: 0 0 3px 1px #ccc;
}
.header_bar .promo_banner{
background:rgba(248, 248, 248, 1);
box-shadow: 0 0 3px 1px #ccc;
}
.header_bar .promo_banner a:hover{
color:#7da19a !important;
}
.social-top-header{
margin:0;
}
.social-top-header li {
list-style: none;
display: inline-block;
margin: 0;
padding-top: 0px;
vertical-align: middle;
line-height: 23px;
}
span.rmail-lebel {
margin-left: 20px;
}
#fb-root {
display: none;
}
.contact-call{
font-size:20px;
}
.contact-call i{
padding-right:10px;
}
.contact-call i.icon-mail:before {
color: #7da19a;
}
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}
.main-contnt p{
margin-bottom:0;
}
.main-contnt p:last-child{
margin-bottom:20px;
}
.hover-zoom-block .one-third.column {
width: 23%;
}
.button.find-out {
background: #323335 none repeat scroll 0 0;
border-radius: 30px;
font-size: 16px;
padding: 10px 30px;
text-transform: capitalize;
font-weight:bold;
}
@media only screen and (max-width: 1279px) {
.featured_section .sixteen.columns.featured_links {
margin: 0;
}
/* .hover-zoom-block .featured_links {
margin: 0 4%;
} */
.hover-zoom-block .one-third.column {
width: 340px;
}
.hover-zoom-block .one-third.column.work {
margin-right: 25px;
}
.hover-zoom-block .one-third.column.hover-effect {
margin: 0 15px;
}
.hover-zoom-block .one-third.column.choose {
margin-left: 25px;
}
.hover-zoom-block .one-third.column.visit {
margin-left: 25px;
}
.hover-zoom-block .one-third.column {
width: 22%;
}
}
@media only screen and (max-width: 1199px) {
.hover-zoom-block .featured_links {
margin: 0;
}
.hover-zoom-block .one-third.column {
/* width: 300px; */
}
.hover-zoom-block .one-third.column.work {
margin-right: 15px;
}
.hover-zoom-block .one-third.column.hover-effect {
margin: 0 15px;
}
.hover-zoom-block .one-third.column.choose {
margin-left: 15px;
}
.hover-zoom-block .one-third.column.visit {
margin-left: 15px;
}
.hover-zoom-block strong {
font-size:14px;
}
.container.step1 .one.column{
display:none;
}
.step1 .four.columns {
width: 28%;
}
}
@media only screen and (max-width: 959px) {
.hover-zoom-block .one-third.column:hover {
-webkit-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
.hover-zoom-block .one-third.column {
/* width: 236px; */
}
.hover-zoom-block .one-third.column.work {
margin-right: 10px;
}
.hover-zoom-block .one-third.column.hover-effect {
margin: 0 10px;
}
.hover-zoom-block .one-third.column.choose {
margin-left: 10px;
}
.hover-zoom-block .one-third.column.visit {
margin-left: 10px;
}
.hover-zoom-block strong {
font-size:12px;
height: 45px;
line-height: 45px;
margin-top: -18px;
}
.top-call {
font-size: 9px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1279px) {
.two.columns.topbar-btn {
float: right;
position: relative;
right: 6%;
}
}
@media only screen and (max-width: 767px) {
.hover-zoom-block .one-third.column {
margin: 10px 0 !important;
width: 280px;
float:none;
display:inline-block;
}
.hover-zoom-block{
text-align:center;
}
.hover-zoom-block img {
margin: 0 auto;
}
.hover-zoom-block .one-third.column:hover {
-webkit-box-shadow:none;
-ms-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
}
.step1 .four.columns {
clear: both;
display: inline-block;
float: none;
margin-bottom: 9px;
width: 280px;
}
.step1{
text-align:center;
}
.text-right1, .text-left1{
text-align:center !important;
}
.main-contnt p{
font-size:13px;
margin-bottom:10px;
letter-spacing:1px;
}
.featurd-bottom-img{
margin-top:15px;
}
.hover-zoom-block.clearfix {
padding: 0 0 30px;
}
.button.find-out {
font-size: 15px;
padding: 8px 15px;
}
#header a span
{
font-weight: 400;
}
div.content {
padding: 47px 0px 0px 0px!important;
}
}
/* Custom styles */
.footer a:visited {
color: #858182;
}
.top-call a {
font-size: 18px;
font-weight: lighter;
margin-left: 10px;
text-transform: none;
}
.top-call i.icon-mail {
margin-left: 15px;
}
.top-call i.icon-mail:before {
color: #7da19a;
}
.social-top-header [class*="icon-"] {
background-color: #000;
border-radius: 20px;
color: #fff !important;
display: inline-block;
height: 20px;
line-height: 21px;
margin: auto 3px;
width: 20px;
font-size: 11px;
text-align: center;
}
.fa-pinterest-p:before {
content: "\f231";
}
/*---------------home page-----------------*/
#body_container{
width:1216px;
margin:auto;
}
.mm-page #homepage_slider{
/* display: none; */
}
.hover-zoom-block .one-third.column.work.featured_wrapper1{
margin: 0 32px 0 0;
}
.hover-zoom-block .one-third.column.work.featured_wrapper2{
margin: 0 32px 0 0;
}
.hover-zoom-block .one-third.column.work.featured_wrapper3{
margin: 0 32px 0 0;
}
@media only screen and (min-width: 1199px) and (max-width: 1279px){
.hover-zoom-block .one-third.column.work{
margin: 0 32px 0 0;
width: 23%;
}
.hover-zoom-block .one-third.column.hover-effect{
margin: 0 32px 0 0;
width: 23%;
}
.hover-zoom-block .one-third.column.choose{
margin: 0 32px 0 0;
width: 23%;
}
.hover-zoom-block .one-third.column.visit{
margin: 0 0 0 0;
width: 23%;
}
}
@media only screen and (min-width: 959px) and (max-width: 1199px){
.hover-zoom-block .one-third.column.work{
margin: 0 32px 0 0;
width: 22%;
}
.hover-zoom-block .one-third.column.hover-effect{
margin: 0 32px 0 0;
width: 22%;
}
.hover-zoom-block .one-third.column.choose{
margin: 0 32px 0 0;
width: 22%;
}
.hover-zoom-block .one-third.column.visit{
margin: 0 0 0 0;
width: 22%;
}
.container.content .featured_links_wrapper{
margin-left: 14px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px){
.hover-zoom-block .one-third.column.work{
margin: 0 15px 0 0;
width: 22%;
}
.hover-zoom-block .one-third.column.hover-effect{
margin: 0 15px 0 0;
width: 22%;
}
.hover-zoom-block .one-third.column.choose{
margin: 0 15px 0 0;
width: 22%;
}
.hover-zoom-block .one-third.column.visit{
margin: 0 0 0 0;
width: 22%;
}
.container.content .featured_links_wrapper{
margin-left: 39px;
}
}
@media only screen and (min-width: 0) and (max-width: 1217px){
#body_container{
width:100%;
margin:auto;
}
}
@media only screen and (min-width: 767px) and (max-width: 959px){
.container.content .featured_links_wrapper{
margin-left: 42px;
}
}
.image1{
margin-top: 135px;
width: 100%;
}
.top_image{
position: relative;
}
.top_image strong{
position: absolute;
line-height: 47px;
font-size: 40px;
font-weight: lighter;
top: 50%;
left: 60px;
}
.bottom_image{
position: relative;
}
.image2{
position: relative;
margin-top: 32px;
width: 100%;
}
.bottom_image p {
position: absolute;
top: 24%;
right: 32px;
font-size: 32px;
color: white;
}
.bottom_image strong {
position: absolute;
line-height: 29px;
font-size: 21px;
color: white;
font-weight: lighter;
top: 40%;
right: 30px;
text-align: right;
}
@media only screen and (min-width: 0) and (max-width: 1279px){
.section-text-images.container{
float:left;
}
}
@media only screen and (min-width: 0) and (max-width: 767px){
.top_image strong {
position: absolute;
line-height: 36px;
font-size: 26px;
font-weight: lighter;
float: left;
top: 53%;
left: 34px;
}
.image1{
height:240px;
}
.bottom_image p {
top: 22%;
font-size: 27px;
}
.bottom_image strong {
line-height: 23px;
font-size: 17px;
top: 42%;
}
.image2{
height: 240px;
}
}
@media only screen and (min-width: 0) and (max-width: 450px){
.bottom_image p {
top: 25%;
font-size: 22px;
}
.bottom_image strong {
line-height: 20px;
font-size: 12px;
top: 42%;
}
}
@media only screen and (min-width: 0) and (max-width: 400px){
.top_image strong {
line-height: 28px;
font-size: 23px;
float: left;
top: 55%;
left: 16px;
}
.image1{
height:240px;
}
}
.wk-section-block.clearfix.text-center.featured_section{
display: none;
}
/* .wk-section-block{
display: none;
} */
.one-third.column.work{
border: 1px solid #e5e5e5;
/* width:280px;
height: 252px; */
}
.skype {
float: left;
border: 1px solid #e5e5e5;
width: 48.5%;
padding: 27px 50px 27px 50px;
letter-spacing: -0.5px;
}
.skype strong{
position: relative;
font-weight: normal;
margin-top: 2.2%;
/* margin-left: 2%; */
width: 42%;
}
.week {
float: right;
border: 1px solid #e5e5e5;
width: 48.5%;
padding: 27px 73px 27px 73px;
letter-spacing: -0.5px;
}
.week strong{
position: relative;
font-weight: normal;
margin-top: 2.2%;
width: 42%;
}
.how_it_works{
text-align: center;
position: absolute;
margin: 0 auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60%;
}
.num_1{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.num_1 img{
margin: 0 auto;
margin-bottom: 1em;
}
.num_1 .design_guide{
background: #af1f31;
border-radius: 2px;
width: 49%;
margin: 0 auto;
padding: 5px 0px 5px 0;
}
.num_1 .design_guide a{
color: white;
}
.num_2{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.num_2 img{
margin: 0 auto;
margin-bottom: 1em;
}
.num_2 .design_guide{
background: #af1f31;
border-radius: 2px;
width: 49%;
margin: 0 auto;
padding: 5px 0px 5px 0;
}
.num_2 .design_guide a{
color: white;
}
.num_3{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.num_3 img{
margin: 0 auto;
margin-bottom: 1em;
}
.num_3 .design_guide{
background: #af1f31;
border-radius: 2px;
width: 49%;
margin: 0 auto;
padding: 5px 0px 5px 0;
}
.num_3 .design_guide a{
color: white;
}
.item a img{
opacity:0.5;
}
@media only screen and (min-width: 0) and (max-width: 1173px){
.week {
float: right;
border: 1px solid #e5e5e5;
width: 48.5%;
padding: 27px 73px 54px 73px;
letter-spacing: -0.5px;
}
}
@media only screen and (min-width: 0) and (max-width: 1100px){
.skype {
float: none;
width: 86.4%;
padding: 27px 55px 27px 55px;
letter-spacing: -0.5px;
margin: 0 auto;
margin-bottom: 25px;
}
.week {
float: none;
width: 86.4%;
padding: 27px 73px 27px 73px;
letter-spacing: -0.5px;
margin: 0 auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px){
.how_it_works h1{
font-size: 17px;
}
.how_it_works p{
font-size: 13px;
}
.num_1 img{
margin-bottom: 0em;
}
.num_1 h2{
margin-bottom: 0em;
}
.num_2 img{
margin-bottom: 0em;
}
.num_2 h2{
margin-bottom: 0em;
}
.num_3 img{
margin-bottom: 0em;
}
.num_3 h2{
margin-bottom: 0em;
}
}
.clean{
clear: both;
}
@media only screen and (min-width: 0) and (max-width: 700px){
.skype {
float: none;
width: 86.4%;
padding: 27px 20px 27px 20px;
letter-spacing: -0.5px;
margin: 0 auto;
margin-bottom: 25px;
}
.week {
float: none;
width: 86.4%;
padding: 27px 25px 27px 25px;
letter-spacing: -0.5px;
margin: 0 auto;
}
}
.index .header .nav a{
color: black;
font-weight: 500px;
}
.index .header .nav a.icon-cart span{
color: white;
}
.nav ul li .cart-button span{
color: white;
}
@media only screen and (max-width:691px){
.logo_image{
width: 100%;
}
.image1{
margin-top:0px;
}
.top_image strong{
top:30%;
}
}
/*-------------------homepage new ----------------*/
.homepage-banner {
position: relative;
width: 100%;
height: auto;
padding-bottom: 56.75%;
overflow: hidden;
}
.homepage-banner img {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.text-1{
margin-top: 30px;
font-size: 30px;
font-weight: 400;
font-family: "Adobe Garamond Pro", "Times";
text-align: center;
color: #414042;
}
.text-block {
text-align: center;
color: #414042;
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
font-weight: 400;
}
.contact-button {
background-color: #4d4d4c;
border: none;
padding: 5px 5px;
text-align: center;
text-decoration: none;
width: 172px;
margin: auto;
}
.contact-button-3 {
background-color: #4d4d4c;
border: none;
border-radius: 2px;
padding: 5px 5px;
text-align: center;
text-decoration: none;
width: 169px;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 20px;
}
.contact-text {
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
color: white;
}
.pricing-button {
background-color: #4d4d4c;
border: none;
padding: 5px 5px;
text-align: center;
text-decoration: none;
width: 190px;
margin: auto;
margin-bottom: 40px;
}
.pricing-text {
font-family: "Source Sans Pro", sans-serif;
font-size: 18px;
color: white;
}
/*
a:visited {
color: black;
}
*/
.onboard {
height: 410px;
width: 100%;
max-width: 450px;
background: url(//cdn.shopify.com/s/files/1/0989/4044/files/design-your-own.jpg?13462828835202283621) 50% 0 no-repeat;
background-size:cover;
}
.onboard-2 {
height: 410px;
width: 100%;
max-width: 450px;
background: url(//cdn.shopify.com/s/files/1/0989/4044/files/white-kitchen-image.jpg?13462828835202283621) 50% 0 no-repeat;
background-size:cover;
}
.design-your-kitchen {
border-collapse: collapse;
border: none;
float:left;
width: 50%;
display: flex;
justify-content: center;
padding: 0 10px 15px;
}
.design-text {
font-family: "Adobe Garamond Pro", "Times";
font-size: 32px;
color: #414042;
position: relative;
left: 33%;
transform: translateX(-50%);
top: 69px;
width: 80%;
max-width: 280px;
display: inline-block;
}
.design-text-block {
color: #414042;
font-family: 'Source Sans Pro', sans-serif;
font-size: 22px;
font-weight: 400;
position: relative;
left: 33%;
transform: translateX(-50%);
top: 82px;
width: 80%;
max-width: 280px;
display: inline-block;
}
.design-guide-button {
background-color: #ababab;
border: none;
padding: 5px 5px;
text-align: center;
text-decoration: none;
width: 124px;
position: relative;
left: 33%;
transform: translateX(-50%);
top: 138px;
width: 80%;
max-width: 280px;
display: inline-block;
}
.design-button-text {
font-family: "Source Sans Pro", sans-serif;
font-size: 18px;
color: white;
}
.get-in-touch {
border-collapse: collapse;
border: none;
float:left;
width: 50%;
display: flex;
justify-content: center;
padding: 0 10px 15px;
}
.get-in-touch-text {
font-family: "Adobe Garamond Pro", "Times";
font-size: 32px;
color: #414042;
position: relative;
left: 33%;
transform: translateX(-50%);
top: 69px;
width: 80%;
max-width: 280px;
display: inline-block;
}
.get-in-touch-text-block {
color: #414042;
font-family: 'Source Sans Pro', sans-serif;
font-size: 22px;
font-weight: 400;
position: relative;
left: 33%;
transform: translateX(-50%);
top: 82px;
width: 80%;
max-width: 280px;
display: inline-block;
}
.contact-button-2 {
background-color: #ababab;
border: none;
padding: 5px 5px;
text-align: center;
text-decoration: none;
width: 130px;
position: relative;
left: 33%;
transform: translateX(-50%);
top: 138px;
width: 80%;
max-width: 280px;
display: inline-block;
}
.contact-text-2 {
font-family: "Source Sans Pro", sans-serif;
font-size: 18px;
color: white;
}
.flexslider .headline {
margin-left: 5%;
margin-top: 9%;
padding: 0px;
background: 0;
}
@media (max-width: 690px) {
.design-your-kitchen,
.get-in-touch {
width: 100%;
}
}
@media (max-width: 390px) {
.design-text,
.get-in-touch-text {
line-height: 40px;
}
.design-text-block,
.get-in-touch-text-block {
line-height: 30px;
}
}
@media only screen and (max-width:479px){
.onboard {
height: 386px;}
.onboard-2 {
height: 386px;}
}
@media only screen and (min-width: 480px) and (max-width: 690px){
.onboard {
height: 339px;}
.onboard-2 {
height: 339px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px){
.flex-caption .action_button {width:197px; left: 10%;}
}
@media only screen and (min-width: 960px) and (max-width: 1199px){
.flex-caption .action_button {width: 200px; left:10%;}}
@media only screen and (min-width: 400px) and (max-width: 767px){
.flex-caption .action_button { width: 200px!important; left: 5%;}}
@media only screen and (min-width: 0px) and (max-width: 399px){
.flex-caption .action_button { display:none;}}
/*-------------------shop page-----------------*/
.title_wrapper .four.columns.section_select.offset-by-four.omega{
margin: 0 0 0 0;
}
.sixteen.columns.breadcrumb.clearfix{
float: left;
padding: 0 0 0 0;
}
.title_wrapper{
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
height: 65px;
}
.product_title{
padding: 13px 0 0 0;
float: left;
}
.four.columns.section_select.offset-by-four.omega{
float: right;
padding: 13px 0 0 0;
}
.three.columns.alpha.thumbnail.even{
border: 1px solid #e5e5e5;
height:440px;
}
.three.columns.thumbnail.odd{
border: 1px solid #e5e5e5;
height:440px;
}
.three.columns.thumbnail.even{
border: 1px solid #e5e5e5;
height:440px;
}
.quick_shop.action_button{
display: inline !important;
}
#col-right-scroll{
margin-top:20px;
}
.container .sixteen.columns.breadcrumb{
width: 1180px;
}
.info .price span{
color: #7da19a;
}
@media only screen and (min-width:0) and (max-width:1180px){
.container .sixteen.columns.breadcrumb{
width: 100%;
}
}
/*-----------------product page-------------*/
div.container div.breadcrumb{
float: right;
padding: 17px 0 0 0;
}
.products_title{
float: left;
}
.products_title h1{
padding-top: 16px;
}
.product_name{
font-size: 32px;
font-weight: lighter;
}
.single-option-selector{
width: 79%;
border-radius: 0px;
}
.current_price{
font-size: 32px;
color: #7da19a;
font-weight: normal;
}
.description{
font-size: 19px;
}
.selector-wrapper label{
font-weight: normal;
}
.left label{
font-weight: normal;
}
.left {
float: left;
width: 38%;
}
input.quantity{
display: inline;
margin-bottom: 0;
padding: 8px 5px;
height: 40px;
width: 100%;
border-radius: 0px;
}
.purchase.clearfix.inline_purchase{
width: 37%;
}
.action_button.add_to_cart{
border-radius: 0px;
width: 100%;
margin-top: 6px;
height: 40px;
text-transform: uppercase;
}
.sixteen.columns .title.center{
text-align: left;
border-top: 1px solid #e5e5e5;
font-size: 21px;
font-weight: lighter;
padding: 15px 0px 15px 0px;
}
h4, .h4, h4.title a, h6.title{
border-bottom: 1px solid #e5e5e5;
}
.meta p{
font-size: 17px;
}
.meta p a{
color: #7da19a;
}
.social-product [class*="icon-"] {
background-color: #bfbfbf;
border-radius: 20px;
color: #fff !important;
display: inline-block;
height: 20px;
line-height: 21px;
margin: auto 3px;
width: 20px;
font-size: 11px;
text-align: center;
}
.social-product{
list-style: none;
display: inline-flex;
margin-left: 0px;
}
.mm-label{
width: 90%;
}
#cart textarea{
width: 90%;
margin: 25px 20px 8px;
box-sizing: border-box;
min-height: 8em;
border-radius: 0px;
}
#cart a.action_button.edit_cart{
width: 180px;
margin-left: 20px;
margin-top: 20px;
background-color: black;
color: /*!setting.btn_text_color{*/white/*}*/;
text-align: center;
text-indent: 0;
border-radius: 0px;
text-transform: none;
}
.mm-label strong{
font-size: 14px;
font-weight: lighter;
}
.mm-counter{
font: inherit;
font-size: 17px;
font-style: normal;
text-indent: 0;
line-height: 20px;
display: block;
margin-top: -10px;
position: absolute;
right: 40px;
top: 50%;
font-weight: bold;
}
.cart_item .item_title{
font-size: 17px;
}
.cart_item .price{
font-size: 17px;
}
/*-----------------gallery page-------------------*/
.container.main.content .gallery_content_wrapper .eight.columns.omega{
height: 345px;
overflow-y: scroll;
background-color: #f3f3f3;
padding: 10px;
}
.gallery_text-center{
text-align: left !important;
font-size: 41px;
}
.table-summary-pricing {
width: 360px;
height: 215px;
display: block;
margin: 30px auto;
font-weight: 300;
font-size: 20px;
border: none;
}
.table-summary-pricing tbody {
float: left;
display: block;
border: none;
}
.table-summary-pricing tr {
width: 100%;
float: left;
display: block;
border: none !important;
}
.table-summary-pricing td:first-child {
width: 78%;
float: left;
display: block;
padding: 2%;
border: none;
}
.table-summary-pricing td:last-child {
width: 22%;
float: left;
display: block;
padding: 2%;
border: none;
}
@media only screen and (max-width: 1199px) {
.container.main.content .gallery_content_wrapper .eight.columns.omega {
max-height: 277px;
}
}
@media only screen and (max-width: 959px) {
.table-summary-pricing {
margin: 0 auto;
}
.container.main.content .gallery_content_wrapper .eight.columns.omega {
max-height: 234px;
}
}
@media only screen and (max-width: 767px) {
.container.main.content .gallery_content_wrapper .eight.columns.omega {
height: auto;
max-height: auto;
}
.table-summary-pricing {
margin: 30px auto;
}
}
@media only screen and (max-width: 479px) {
.table-pricing tbody tr td {
font-size: 13px;
}
.table-summary-pricing {
width: 300px;
font-size: 15px;
}
}
/*-----------------contact page-------------------*/
.contact{
display: none;
}
.contact-form{
display: none;
}
.contact_image_wrapper{
background: black;
}
.contact_image{
opacity: 0.2;
}
.contact_image_wrapper{
position: relative;
text-align: center;
}
.contact_image_wrapper .image_container strong{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.contact-text1{
color:white;
font-size:40px;
font-weight:100;
display: inline-block;
}
.contact-text2{
color:#fff;
font-size:21px;
font-weight:normal;
display: inline-block;
margin-bottom: 12%;
}
.contact-text2 a{
color:#fff;
}
.contact-text3{
color:white;
font-size:21px;
font-weight:bold;
}
.contact-text4{
color:white;
font-size:21px;
font-weight:lighter;
display: inline-block;
margin-top: 12%;
}
.contact-text5{
color:white;
font-size:21px;
font-weight:lighter;
font-style: italic;
display: inline-block;
margin-top: 12%;
}
@media only screen and (min-width: 0) and (max-width: 1199px){
/* .container.main.content{
width: 100%;
} */
.contact-text1 {
font-size: 35px;;
margin-bottom: 10%;
}
.contact-text2 {
font-size: 16px;
margin-bottom: 3%;
}
.contact-text3 {
font-size: 17px;
font-weight: bold;
}
.contact-text4 {
font-size: 16px;
margin-top: 6%;
}
.contact-text5 {
font-size: 17px;
margin-top: 2%;
}
}
@media only screen and (min-width: 0) and (max-width: 690px){
.contact-text1 {
font-size: 25px;
margin-bottom: 5%;
}
.contact-text2 {
font-size: 11px;
margin-bottom: 0%;
line-height: 15px;
}
.contact-text3 {
font-size: 11px;
font-weight: bold;
line-height: 0px;
}
.contact-text4 {
font-size: 11px;
margin-top: 0%;
line-height: 15px;
}
.contact-text5 {
font-size: 11px;
margin-top: 0%;
}
}
@media only screen and (min-width: 0) and (max-width: 490px){
.contact_image_wrapper .image_container .contact_image{
height: 243px;
}
}
/*----------------------blog page----------------------*/
.container.main.content #blog_title_top_line, #blog_title_bottom_line{
border: none;
}
.five.columns.alpha.omega.blog_meta h6{
font-size: 17px;
color: #7da19a;
}
.five.columns.alpha.omega.blog_meta{
width: 17%;
}
.blog_content img{
width: auto;
height: auto;
}
#blog_title_top_line .four.columns.section_select.omega .blog_filter{
display: none;
}
.container.main.content #blog_title_bottom_line{
width: 800px;
}
.container.main.content #blog_title_bottom_line .blog_content{
padding: 0 0 0 0;
}
.container.main.content .blog_content_wrapper{
width: 800px;
margin: 0 auto;
}
.container.main.content .blog_content_wrapper .five.columns.alpha.omega.blog_meta{
width: 100%;
}
.blogs_date .meta{
font-size: 17px;
}
.blog_tags{
font-size: 23px;
}
.ten.columns.alpha.blog_content{text-align:left; width: 750px;}
.five.columns.alpha.omega.blog_meta {
width: 22%;
margin-top: 67px;
}
.ten.columns.alpha.blog_content {
padding-left: 76px;
}
.sixteen.columns.breadcrumb_text {
display: none;
}
.five.columns.alpha.omega.blog_meta hr {
width: 100%;
float:left;
margin: auto;
border-color: rgba(204, 204, 204, 0.17);
}
@media only screen and (max-width: 959px) and (min-width: 759px){
.ten.columns.alpha.blog_content {
width: 76%;
padding-left: 5%;}
}
@media only screen and (max-width: 1199px) and (min-width: 960px){
.ten.columns.alpha.blog_content {
text-align: left;
width: 700px;
}}
@media only screen and (min-width: 0) and (max-width: 769px){
.container.main.content .blog_content_wrapper{
width: 100%;
}
.container.main.content #blog_title_bottom_line{
width: 100%;
}
.five.columns.alpha.omega.blog_meta {
width: 75%;
margin-top: 3%;
}
}
/*----------------------design guide---------------------*/
.design_guide_header_wrapper{
position: relative;
}
.design_guide_header_wrapper .title-img{
opacity: 0.6;
}
.design_guide_header_wrapper h6{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 40px;
font-weight: lighter;
}
.wk-section-block ul li, .wk-section-block ol li {
line-height: 1.2em !important;}
p.intro {
line-height: 29px;
}
hr {
border: 0;
clear:both;
display:block;
width: 40%;
height: 1px;
margin-bottom: 0.75em;
margin-left: 31%;
border-style: inset;
border-width: 1px;
}
.guide-content .container .design_guide{
width: 69% !important;
margin-left: 17%;
}
.design_guide .design_guide_step1_text1{
font-size: 20px;
line-height: 33px;
margin: 31px 0 25px;
}
.design_guide .design_guide_step1_text2{
font-size: 17px;
font-weight: normal;
}
.design_guide .design_guide_step1_text3{
font-size: 17px;
font-weight: normal;
}
.design_guide .design_guide_step1_text4{
font-size: 17px;
font-weight: normal;
}
p.design_guide_step1_text2{color: #5e5e5e;
}
p.design_guide_step1_text3{color: #5e5e5e;
}
p.design_guide_step1_text4{color: #5e5e5e;
}
.main.content .design_guide_step1{
background: none;
}
.design_guide_step1 .wk-module{
background: #f2f2f2;
}
.design_guide_step1{
padding: 0 0 0 0;
}
.design_guide_step2 .eight.columns.alpha{
width: 100%;
}
.design_guide_step2{
padding: 0 0 0 0;
}
.design_guide_step2_wrapper p{
font-size: 17px;
font-weight: normal;
line-height: 25px;
}
.design_guide_step2_wrapper .eight.columns.alpha{
position: relative;
}
.design_guide_step2_wrapper .eight.columns.omega{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 49%;
}
.design_guide_step2_image{
opacity: 0.2;
}
.design_guide_step2_wrapper h2{
margin-bottom: 40px;
}
.guide-content .design_guide_step3.wk-section-block.clearfix{
background: none;
}
.design_guide_step3{
padding: 0 0 0 0;
}
.design_guide_step3 .container{
padding: 0 0 0 0;
}
.design_guide_step3 .eight.columns.alpha{
width: 100%;
}
.design_guide_step3_image{
opacity: 0.2;
}
.design_guide_step3 .eight.columns.alpha{
position: relative;
}
.design_guide_step3 .eight.columns.omega{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 49%;
}
.design_guide_step3 h2{
font-size: 24px;
}
.design_guide_step3_text1{
font-size: 16px;
text-align: center;
font-weight: normal;
}
.design_guide_step3 p{
font-size: 17px;
font-weight: normal;
}
.design_guide_step4 .eight.columns.alpha{
width: 100%;
}
.design_guide_step4 .eight.columns.alpha{
position: relative;
}
.design_guide_step4 .eight.columns.omega{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 48%;
}
.design_guide_step4 p{
font-size: 17px;
line-height: 25px;
font-weight: normal;
}
.design_guide_step4{
padding: 25px 0 0 0;
}
.design_guide_step4 .container{
padding: 0 0 0 0;
}
.guide-content .design_guide_step5.wk-section-block.clearfix{
background: none;
}
.design_guide_step5 .eight.columns.alpha{
width: 100%;
}
.design_guide_step5 .eight.columns.alpha{
position: relative;
}
.design_guide_step5 .eight.columns.omega{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 48%;
}
.design_guide_step5 p{
font-size: 17px;
line-height: 25px;
font-weight: normal;
}
.design_guide_step5_image{
opacity: 0.2;
}
.design_guide_step5{
padding: 25px 0 0 0;
}
.design_guide_step5 .container{
padding: 0 0 0 0;
}
.design_guide_step6 .eight.columns.alpha{
width: 100%;
}
.design_guide_step6 .eight.columns.alpha{
position: relative;
}
.design_guide_step6 .eight.columns.omega{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 62%;
}
.design_guide_step6 h2{
font-size: 40px;
color: white;
}
.design_guide_step6 p{
font-size: 17px;
color: white;
text-align: center;
line-height: 25px;
}
.design_guide_step6{
padding: 25px 0 0 0;
}
.design_guide_step6 .container{
padding: 0 0 0 0;
}
.main.content .design_guide_step1 .one.column{
width: 0px;
height: 0px;
}
.main.content .design_guide_step1 .min-height{
min-height: 0px;
margin: 0px;
}
.main.content .design_guide_step1 .columns{
margin: 0 32px 0 0;
width: 31.56%;
border: none;
}
.main.content .design_guide_step1 .like{
margin: 0 0 0 0;
}
.guide-content .design_guide_step{
padding: 0 0 0 0;
}
.guide-content .wk-section-block .design_guide_text{
padding: 52px 0 0 0;
}
@media only screen and (min-width: 0) and (max-width: 1199px){
.main.content .design_guide_step1 .columns {
width: 31.06%;
}
.design_guide_step2_wrapper p {
font-size: 14px;
font-weight: normal;
line-height: 19px;
}
.design_guide_step2_wrapper h2 {
margin-bottom: 28px;
font-size: 19px;
}
.design_guide_step3 h2 {
font-size: 19px;
}
.design_guide_step3_text1 {
font-size: 13px;
text-align: center;
}
.design_guide_step3 p {
font-size: 14px;
line-height: 22px;
}
.design_guide_step4 h2 {
margin-bottom: 10px;
font-size: 19px;
}
.design_guide_step4 p {
font-size: 14px;
line-height: 20px;
}
.design_guide_step5 p {
font-size: 14px;
line-height: 20px;
}
.design_guide_step5 h2 {
margin-bottom: 10px;
font-size: 19px;
}
.design_guide_step6 h2 {
margin-bottom: 10px;
font-size: 25px;
}
}
@media only screen and (min-width: 0) and (max-width: 959px){
.main.content .design_guide_step1 .columns{
margin: 0 25px 0 0;
}
h1 .text-center{
font-size: 22px;
}
h1 {
font-size: 22px;
}
h2 .text-center{
font-size: 20px;
}
h2 {
font-size: 20px;
}
.main.content .like.wk-module.four.columns.wk-bordered{
margin: 0 0 0 0;
}
.design_guide_step2_wrapper h2 {
margin-bottom: 28px;
}
.design_guide_step2_wrapper p {
font-size: 16px;
font-weight: normal;
line-height: 22px;
}
.design_guide_step2.wk-section-block.clearfix .container{
width: 100%;
}
.design_guide_step3 h2 {
margin-bottom: 28px;
}
.design_guide_step3 p {
font-size: 16px;
font-weight: normal;
line-height: 22px;
}
.design_guide_step3.wk-section-block.clearfix .container{
width: 100%;
}
.design_guide_step4 h2 {
margin-bottom: 28px;
}
.design_guide_step4 p {
font-size: 16px;
font-weight: normal;
line-height: 22px;
}
.design_guide_step4.wk-section-block.clearfix .container{
width: 100%;
}
.design_guide_step5 h2 {
margin-bottom: 28px;
}
.design_guide_step5 p {
font-size: 16px;
font-weight: normal;
line-height: 22px;
}
.design_guide_step5.wk-section-block.clearfix .container{
width: 100%;
}
.design_guide_step6 .eight.columns.omega {
width: 85%;
}
.design_guide_step6 .container{
width: 100%;
}
p.design-text {margin-left:14%;}
.design-guide-button {margin-left: 14%;}
p.design-text-block {margin-left:14%;}
p.get-in-touch-text {margin-left:14%;}
p.get-in-touch-text-block {margin-left:14%;}
.contact-button-2 {margin-left:14%;}
}
@media only screen and (min-width: 0) and (max-width: 767px){
.design_guide_header_wrapper img{
height: 150px;
}
.design_guide_header_wrapper h6{
font-size: 25px;
}
.main.content .design_guide_step1 .wk-module.four.columns.wk-bordered.text-center{
margin: 0 0 32px 0;
width: 75%;
}
.main.content .design_guide_step1 .wk-module.four.columns.wk-bordered{
margin: 0 0 32px 0;
width: 75%;
}
.main.content .design_guide_step1 .like.wk-module.four.columns.wk-bordered{
margin: 0 0 32px 0;
width: 75%;
}
.guide-content .container .design_guide{
width: 100% !important;
margin-left: 0px;
}
.design_guide_text.container{
width: 95%;
}
.design_guide_step6 h2{
margin-bottom: 10px;
}
.design_guide_step6 p{
font-size: 13px;
}
.contact-button {
margin: 30px auto 0;
}
.pricing-button {
margin: 27px auto 40px;
}
p.get-in-touch-text{
line-height: 36px;
left: 40%;
margin-left: 4%;
}
p.design-text-block {
line-height: 24px;
left: 40%;
margin-left: 4%;
}
p.get-in-touch-text-block{
line-height: 24px;
left: 40%;
margin-left: 4%;
}
p.design-text {
line-height: 36px;
left: 40%;
margin-left:4%;
}
.design-guide-button {
left: 39%;
margin-left: 4%;
}
.contact-button-2{
left: 33%;
}
.onboard {width:86%;}
.onboard-2 {width:86%;}
.logo_image {
display: block;
margin-left: auto;
margin-right: auto;
}
.four.columns.logo {
width: 100%;
}
}
@media only screen and (min-width: 600px) and (max-width: 690px){
.onboard {width:70%;}
.onboard-2 {width:70%;}
}
@media only screen and (min-width: 465px) and (max-width: 600px){
.design_guide_step2_wrapper h2 {
margin-bottom: 10px;
font-size: 13px;
}
.design_guide_step2_wrapper p {
font-size: 10px;
font-weight: normal;
line-height: 10px;
}
.design_guide_step3 h2 {
margin-bottom: 10px;
font-size: 13px;
}
.design_guide_step3 p {
font-size: 10px;
font-weight: normal;
line-height: 10px;
}
.design_guide_step4 h2 {
margin-bottom: 10px;
font-size: 13px;
}
.design_guide_step4 p {
font-size: 10px;
font-weight: normal;
line-height: 10px;
}
.design_guide_step5 h2 {
margin-bottom: 10px;
font-size: 13px;
}
.design_guide_step5 p {
font-size: 10px;
font-weight: normal;
line-height: 10px;
}
.design_guide_step3_text1{
line-height: 0px;
}
}
@media only screen and (min-width: 391px) and (max-width: 464px){
.design_guide_step2_wrapper h2 {
margin-bottom: 10px;
font-size: 13px;
}
.design_guide_step2_wrapper p {
font-size: 10px;
font-weight: normal;
line-height: 6px;
}
.design_guide_step3 h2 {
margin-bottom: 2px;
font-size: 9px;
}
.design_guide_step3_text1{
line-height: 0px;
font-size: 10px;
}
.design_guide_step3 p {
font-size: 10px;
font-weight: normal;
line-height: 6px;
}
.design_guide_step4 h2 {
margin-bottom: 10px;
font-size: 13px;
}
.design_guide_step4 p {
font-size: 10px;
font-weight: normal;
line-height: 6px;
}
.design_guide_step5 h2 {
margin-bottom: 10px;
font-size: 13px;
}
.design_guide_step5 p {
font-size: 10px;
font-weight: normal;
line-height: 6px;
}
}
@media only screen and (min-width: 0px) and (max-width: 600px){
.design_guide .design_guide_step1_text1 {
font-size: 20px;
line-height: 29px;
}
.design_guide_step2_wrapper h2 {
margin-bottom: 15px;
font-size: 18px;
}
.design_guide_step2_wrapper p {
font-size: 16px;
font-weight: normal;
line-height: 22px;
}
.design_guide_step3 h2 {
margin-bottom: 15px;
font-size: 18px;
}
.design_guide_step3 p {
font-size: 16px;
font-weight: normal;
line-height: 22px;
}
.design_guide_step3_text1{
font-size: 16px;
line-height: 22px;
}
.design_guide_step4 h2 {
margin-bottom: 15px;
font-size: 18px;
}
.design_guide_step4 p {
font-size: 16px;
font-weight: normal;
line-height: 22px;
}
.design_guide_step5 h2 {
margin-bottom: 15px;
font-size: 18px;
}
.design_guide_step5 p {
font-size: 16px;
font-weight: normal;
line-height: 22px;
}
p {
margin: 0 0 8px;
font-style: normal;
line-height: 28px;
}
design_guide .design_guide_step1_text3 {
font-size: 16px;
}
.guide-content .wk-section-block .design_guide_text {
padding: 0;
}
.design_guide_step6 p {
font-size: 16px;
}
.design_guide_step6 .eight.columns.alpha {
height: 232px;}
}
/*----------------------screen test for guide page----------------------*/
@media only screen and (max-width: 390px){
img.design_guide_step2_image {
height: 946px;
}
img.design_guide_step3_image{
height: 650px;
}
img.design_guide_step4_image{
height: 811px;
}
img.design_guide_step5_image{
height: 715px;
}
h2.text-center {
font-size: 18px;}
.design_guide_step2_wrapper .eight.columns.omega {
top: 495px;
width: 93%;
}
.design_guide_step3 .eight.columns.omega {
top: 326px;
width: 93%;
}
.design_guide_step4 .eight.columns.omega {
top: 404px;
width: 93%; }
.design_guide_step5 .eight.columns.omega {
top: 360px;
width: 93%; }
img.design_guide_step6_image {
height: 254px;
}
.design_guide_step6 .eight.columns.omega {
width: 87%;
top: 127px;
}
}
@media only screen and (min-width: 450px) and (max-width: 599px){
img.design_guide_step2_image {
height: 839px;
}
img.design_guide_step3_image{
height: 595px;
}
img.design_guide_step4_image{
height: 776px;
}
img.design_guide_step5_image{
height: 669px;
}
h2.text-center {
font-size: 18px;}
.design_guide_step2_wrapper .eight.columns.omega {
top: 438px;
width: 65%;
}
.design_guide_step3 .eight.columns.omega {
top: 293px;
width: 65%;
}
.design_guide_step4 .eight.columns.omega {
top: 382px;
width: 65%; }
.design_guide_step5 .eight.columns.omega {
top: 320px;
width: 65%; }
}
@media only screen and (min-width: 391px) and (max-width: 450px){
img.design_guide_step2_image {
height: 946px;
}
img.design_guide_step3_image{
height: 650px;
}
img.design_guide_step4_image{
height: 811px;
}
img.design_guide_step5_image{
height: 715px;
}
h2.text-center {
font-size: 18px;}
.design_guide_step2_wrapper .eight.columns.omega {
top: 495px;
width: 73%;
}
.design_guide_step3 .eight.columns.omega {
top: 324px;
width: 73%;
}
.design_guide_step4 .eight.columns.omega {
top: 404px;
width: 73%; }
.design_guide_step5 .eight.columns.omega {
top: 360px;
width: 73%; }
img.design_guide_step6_image {
height: 241px;
}
}
@media only screen and (min-width: 600px) and (max-width: 959px){
img.design_guide_step2_image {
height: 30%;
}
img.design_guide_step3_image{
height: 619px;
}
img.design_guide_step4_image{
height: 734px;
}
img.design_guide_step5_image{
height: 623px;
}
h2.text-center {
font-size: 18px;}
.design_guide_step2_wrapper .eight.columns.omega {
top: 50%;
width: 62%;
}
.design_guide_step3 .eight.columns.omega {
top: 49%;
width: 62%;
}
.design_guide_step4 .eight.columns.omega {
top: 50%;
width: 62%;
}
.design_guide_step5 .eight.columns.omega {
top: 50%;
width: 62%;
}
.design_guide_step2_wrapper .design_guide_step3 .design_guide_step4 .design_guide_step5 h2 {
margin-bottom: 13px;
}
.guide-content .wk-section-block .design_guide_text {
padding: 20px;
}
}
@media only screen and (min-width: 0px) and (max-width: 500px){
.design_guide_step6 h2{
margin-bottom: 10px;
font-size: 22px;
}
.design_guide_step6 p{
font-size: 13px;
}
.design_guide_step6 .eight.columns.omega{
width: 76%;
}
.design_guide_step6 h2 {
margin-bottom: 3px;
font-size: 22px;
}
.design_guide_step6 p {
font-size: 16px;
}
}
/*----------------------footer menu----------------------*/
.social-bottom-footer li {
list-style: none;
margin: 0;
padding-top: 0px;
vertical-align: middle;
line-height: 23px;
}
.social-bottom-footer [class*="icon-"] {
background-color: #808080;
border-radius: 20px;
color: #fff !important;
display: inline-block;
height: 20px;
line-height: 21px;
margin: auto 3px;
width: 20px;
font-size: 11px;
text-align: center;
position: relative;
}
.social-bottom-footer li p{
position: absolute;
margin-top: -24px;
margin-left: 29px;
font-size: 14px;
}
.badgee{
background-color: #7ac143;
height: 59px;
width: 205px;
font-size: 21px;
font-weight: 500;
border-radius: 5px;
color: white;
margin: 0 auto;
box-sizing: border-box;
padding: 17px 20px;
}
.badge a{
color: white;
}
.footercol {
width: calc(100%/3 - 127px);
}
.footercol:nth-child(5) {
min-width: 300px;
max-width: 300px;
}
.footercol h6.title {
border: none;
}
.sub-footer .container {
padding: 30px 20px;
}
@media (max-width: 1199px) and (min-width: 960px) {
/* .footercol {
width: calc(100%/2 - 240px);
}
.footercol:nth-child(2) {
min-width: 100px;
max-width: 100px;
} */
}
@media (max-width: 959px) {
.footercol {
width: calc(100%/3 - 20px);
}
.footercol:nth-child(5) {
clear: both;
}
}
@media (max-width: 767px) {
.footercol {
width: calc(100% - 20px);
}
.sub-footer .container {
padding: 30px 0;
}
}
/*----------------------style&finish----------------------*/
.container .ten.columns{
width: 85%;
margin: 0 auto;
text-align: center
}
@media only screen and (min-width: 0) and (max-width: 768px){
.container .ten.columns{
float: none;
}
}
.container .sixteen.columns{
width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 490px){
.galcolumn{
width: 100% !important;
}
}
/*---------------------larder Cupboard--------------------*/
.larder_cupboard{
width: 384px;
text-align: center;
border: 1px solid #e5e5e5;
margin: 0 auto;
}
.larder_cupboard_wrapper{
margin-top: 80px;
}
.larder_button{
padding: 10px 0 10px 0;
background: black;
color: white;
width: 92%;
margin: 0 auto;
margin-bottom: 15px;
font-weight: 500;
}
.larder_cupboard_image{
margin-top: 25px;
}
@media only screen and (min-width: 0) and (max-width: 408px){
.larder_cupboard{
width: 100%;
}
}
.sixteen.columns.clearfix.collection_nav .text-center{
font-size: 30px;
}
/*---------------------larder cupboard new---------------------*/
.row::after {
content: "";
clear: both;
display: block;
}
.colHalf {
width: 50%;
float: left;
display: block;
padding: 0 2% 0 0;
position: relative;
}
.colHalf:nth-child(2) {
padding: 0 0 0 2%;
}
@media (max-width: 768px) {
.colHalf {
width: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.colHalf:nth-child(2){
width: 100%;
padding: 0 0 0 0;
margin: 30px 0 0 0;
}
}
.opme,
.opmeimg {
position: relative;
}
.opme h3 {
font-size: 36px;
font-weight: 100;
font-style: italic;
line-height: 40px;
font-family: "Adobe Garamond Pro", "Times";
}
.opme ul li {
font-size: 20px;
font-weight: 100;
font-style: normal;
line-height: 30px;
}
.opme a {
font-weight: 100;
text-transform: initial;
padding: 5px 15px;
}
.opmeimg img {
width: 100%;
margin: 0;
display: block;
}
.LDualColImg img {
width: 100%;
margin: 0;
display: block;
}
.LDualColImg .colHalf > div {
position: relative;
max-width: 300px;
margin: 0 auto;
}
p.lcaption {
background: rgba(0, 0, 0, .5);
color: #FFF;
padding: 5px 15px;
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
margin: 0;
}
.larder-intro-text {
text-align: center;
color: #414042;
font-family: "Adobe Garamond Pro", "Times";
font-size: 30px;
position: relative;
bottom: 50px;
font-weight: 300;
}
.list-section {
position: relative;
left: 170px;
}
.image-section div {
background-repeat: no-repeat;
background-size: 100%;
/* background-position: center-top;*/
position: relative;
padding: 5px 5px;
overflow: hidden;
width: 400px;
height:477px;
float: right;
position: relative;
bottom: 350px;
right: 170px;
}
.image-content {
background-image: url(//cdn.shopify.com/s/files/1/0989/4044/files/rsz_white-kitchen-larder-cupboard-image-1.jpg?13548550081238370254);
}
.image-section div div {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.image-section span {
position: absolute;
width: 100%;
color: #fff;
font-family: 'Source Sans Pro', sans-serif;
text-align: center;
padding: 5px;
font-size: 16px;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(65, 64, 66, 0.6);
overflow: hidden;
}
.para-text p {
font-family: 'Source Sans Pro', sans-serif;
color: #414042;
text-align: center;
font-size: 20px;
font-weight: 400;
}
.image-section-1 div {
background-repeat: no-repeat;
background-size: 100%;
/* background-position: center-top;*/
position: relative;
padding: 5px 5px;
overflow: hidden;
width: 301px;
height:450px;
float: right;
position: relative;
bottom: 250px;
left: 170px;
}
.image-content-1 {
background-image: url(//cdn.shopify.com/s/files/1/0989/4044/files/rsz_white-kitchen-larder-cupboard-image-2.jpg?10614298725394749765);
}
.image-section-1 div div {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.image-section-1 span {
position: absolute;
width: 100%;
color: #fff;
font-family: 'Source Sans Pro', sans-serif;
text-align: center;
padding: 5px;
font-size: 16px;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(65, 64, 66, 0.6);
overflow: hidden;
}
.image-section-2 div {
background-repeat: no-repeat;
background-size: 100%;
/* background-position: center-top;*/
position: relative;
padding: 5px 5px;
overflow: hidden;
width: 301px;
height:450px;
float: right;
position: relative;
bottom: 250px;
right: 170px;
}
.image-content-2 {
background-image: url(//cdn.shopify.com/s/files/1/0989/4044/files/rsz_white-kitchen-larder-cupboard-image-3.jpg?10614298725394749765);
}
.image-section-2 div div {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.image-section-2 span {
position: absolute;
width: 100%;
color: #fff;
font-family: 'Source Sans Pro', sans-serif;
text-align: center;
padding: 5px;
font-size: 16px;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(65, 64, 66, 0.6);
overflow: hidden;
}
.title-text {
color: #414042;
font-family: "Adobe Garamond Pro", "Times";
font-size: 36px;
clear: both;
text-align: center;
position: relative;
}
.larder-video {
position: absolute;
margin: auto;
}
.view-larder {
background-color: #4d4d4c;
border: none;
padding: 5px 5px;
text-align: center;
text-decoration: none;
width: 225px;
margin: auto;
}
.view-larder-text {
color: white;
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
}
/*---------------------testimonials page-------------------*/
.container .ten.columns .testimonials_wrapper p{
font-weight: 500;
line-height: 29px;
font-size: 25px;
}
.container .ten.columns .testimonials_wrapper .test_text3, .container .ten.columns .testimonials_wrapper .test_text5, .container .ten.columns .testimonials_wrapper .test_text7, .container .ten.columns .testimonials_wrapper .test_text9{
font-size: 25px;
font-weight: 500;
line-height: 29px;
/* color: #cccccc; */
}
.container .ten.columns .testimonials_wrapper .test_text4, .container .ten.columns .testimonials_wrapper .test_text6, .container .ten.columns .testimonials_wrapper .test_text8, .container .ten.columns .testimonials_wrapper .test_text10{
font-size: 25px;
font-weight: 500;
line-height: 29px;
/* color: #cccccc; */
text-align: left;
}
.container .ten.columns .testimonials_wrapper .testimonials_img1 .test_image1{
width: 1216px;
height: 650px;
max-width: none;
}
.test_text29{
margin-bottom: 130px;
}
.test_text11, .test_text12, .test_text13, .test_text14, .test_text15, .test_text16, .test_text17{
margin-top: 40px;
}
.test_text18{
margin-top:100px;
margin-bottom: 40px;
}
.test_text19{
margin-bottom: 40px;
margin-top: 40px;
}
.test_text20{
margin-bottom: 100px;
}
.test_text21{
margin-bottom: 40px;
margin-top: 40px;
}
.test_text22{
margin-bottom: 100px;
}
.test_text23{
margin-bottom: 40px;
}
.test_text24{
margin-bottom: 40px;
}
.test_text25{
margin-bottom: 100px;
}
.test_text26{
margin-top: 100px;
margin-bottom: 40px
}
@media only screen and (min-width: 0) and (max-width:600px){
.container .ten.columns .testimonials_wrapper p{
font-weight: 500;
line-height: 29px;
font-size: 20px;
}
.container .ten.columns .testimonials_wrapper p{
font-size: 20px;
}
.container .ten.columns .testimonials_wrapper .test_text3, .container .ten.columns .testimonials_wrapper .test_text5, .container .ten.columns .testimonials_wrapper .test_text7, .container .ten.columns .testimonials_wrapper .test_text9{
font-size: 20px;
}
.container .ten.columns .testimonials_wrapper .test_text4, .container .ten.columns .testimonials_wrapper .test_text6, .container .ten.columns .testimonials_wrapper .test_text8, .container .ten.columns .testimonials_wrapper .test_text10{
font-size: 20px;
}
}
/*--------------------customer login page----------------------*/
.container .six.columns.offset-by-five {
width: 60%;
}
@media only screen and (max-width: 1199px) and (min-width: 960px){
.container .six.columns.offset-by-five {
width: 60%;
}
}
.guide-content .design_guide_step .container .design_content{
margin-left: 4%!important;
width: 60%;
}
.guide-content .design_guide_step .container .design_content p{
font-size:20px;
}
.guide-content .design_guide_step .container .design_content .design_page_title{
font-size:40px;
}
.guide-content .design_guide_step .container .design_image_wrapper{
float: right;
width: 30%;
margin-right: 4%;
}
.guide-content .design_guide_step .container .design_image_wrapper ul{
list-style-type: none;
}
.guide-content .design_guide_step .container .design_content .design_header_wrapper{
margin-bottom: 25px;
}
.guide-content .design_guide_step .container .design_content .design_header_wrapper .book_design{
float:left;
}
.guide-content .design_guide_step .container .design_content .design_header_wrapper .book_button .book_image_button{
margin-left:31%;
}
.guide-content .design_guide_step .container .design_content .design_header_wrapper .clear{
clear:both;
}
@media only screen and (max-width: 1199px) and (min-width: 960px){
.guide-content .design_guide_step .container .design_content p {
font-size: 17px;
}
.guide-content .design_guide_step .container .design_content {
margin-left: 4%!important;
width: 55%;
}
.guide-content .design_guide_step .container .design_image_wrapper {
float: right;
width: 27%;
margin-right: 4%;
}
}
@media only screen and (max-width: 959px) and (min-width: 768px){
.guide-content .design_guide_step .container .design_content p {
font-size: 17px;
}
.guide-content .design_guide_step .container .design_content {
margin-left: 4%!important;
width: 55%;
}
.guide-content .design_guide_step .container .design_image_wrapper {
float: right;
width: 30%;
margin-right: 4%;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.guide-content .design_guide_step .container .design_content p {
font-size: 17px;
line-height: 29px;
}
.guide-content .design_guide_step .container .design_content .design_bottom_text{
font-size: 25px;
}
.guide-content .design_guide_step .container .design_content .design_page_title{
font-size:36px;
}
.guide-content .design_guide_step .container .design_content {
margin-left: 4%!important;
width: 100%;
}
.guide-content .design_guide_step .container .design_image_wrapper{
float: right;
width: 100%;
margin-right: 4%;
}
}
.guide-content .book_design_wrapper{
background:url(//cdn.shopify.com/s/files/1/0989/4044/t/15/assets/design_background.png?4081098895535666517)no-repeat;
}
@media only screen and (max-width: 479px) and (min-width: 0px){
.guide-content .design_guide_step .container .design_content p {
font-size: 15px;
line-height: 25px;
margin-bottom: 10px;
}
.guide-content .design_guide_step .container .design_content .design_bottom_text{
font-size: 20px;
}
.guide-content .design_guide_step .container .design_content .design_page_title{
font-size:36px;
}
.guide-content .design_guide_step .container .design_content {
margin-left: 4%!important;
width: 100%;
}
.guide-content .design_guide_step .container .design_image_wrapper{
float: right;
width: 100%;
margin-right: 4%;
}
}
/* project gallery page */
.first-r {
vertical-align: top;
display: inline-block;
text-align: center;
margin:0 5.5% 4% 0;
}
.second-r {
vertical-align: top;
display: inline-block;
text-align: center;
margin:0 5.5% 4% 0;
}
.third-r {
vertical-align: top;
display: inline-block;
text-align: center;
margin:0 0 4% 0;
}
.caption {
display: block;
color:#414042;
}
@media screen and (max-width: 767px) and (min-width: 480px) {
.first-r {margin: 0 0 6% 8.5%;}
.second-r {margin: 0 0 6% 8.5%;}
.third-r {margin: 0 0 6% 8.5%;}
}
@media screen and (max-width: 959px) and (min-width: 768px) {
.first-r {margin: 0 2% 6% 2%;}
.second-r {margin: 0 2% 6% 2%;}
.third-r {margin: 0 2% 6% 2%;}
}
@media screen and (max-width: 1199px) and (min-width: 960px) {
.first-r {margin: 0 0 6% 8%;}
.second-r {margin: 0 0 6% 8%;}
.third-r {margin: 0 0 6% 8%;}
}
/* Custom CSS - Pro PPC*/
.section-text-images {
padding: 80px 0 !important;
}
.text-left1 {
text-align: right;
}
/* MY-slider */
.ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img { width: 100%; list-style: none; margin: 0; padding: 0; }
.ism-slider {
overflow: hidden;
position: relative;
padding: 0 !important;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
z-index: 2;
background-color: rgba(0, 0, 0, 0.1);
-webkit-animation: ism-fadein 3s;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
@-webkit-keyframes ism-fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-webkit-keyframes ism-loading {
50% { left: 120px; }
}
.ism-slider .ism-slides {
list-style: none;
position: absolute;
height: 100%;
top: 0;
padding: 0 !important;
margin-top: 0;
margin-bottom: 0;
z-index: 1;
}
.ism-slider li.ism-slide {
height: 100%;
overflow: hidden;
position: absolute;
display: block;
top: 0;
bottom: 0;
margin: 0 !important;
padding: 0 !important;
background-color: #d5d5d5;
text-align: center;
}
.ism-slider .ism-img-frame {
display: block;
position: absolute;
width: 100%;
height: 100%;
}
.ism-slider a.ism-image-link {
position: absolute;
color: inherit;
text-decoration: none;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ism-slider .ism-img {
display: block;
border: none;
position: absolute;
pointer-events: none;
}
.ism-button, .ism-pause-button {
position: absolute;
display: block;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
border: none;
outline: none;
text-align:center;
z-index: 6;
cursor: pointer;
padding: 0;
background-repeat: no-repeat;
background-position: center center;
}
.ism-pause-button {
display: none;
left: 50%;
}
.ism-slider:hover .ism-pause-button {
display: block;
}
.ism-caption {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
padding: 0 1em;
text-shadow: none;
line-height: 1.2em;
padding: 0.25em 0.5em;
width: auto;
height: auto;
text-align: center;
visibility: hidden;
}
a.ism-image-link .ism-caption, a.ism-caption {
text-decoration: none;
font-weight: normal;
}
a.ism-caption:hover {
text-decoration: underline;
}
.ism-caption-0 {
z-index: 3;
}
.ism-caption-1 {
z-index: 4;
}
.ism-caption-2 {
z-index: 5;
}
.ism-radios {
margin: 0;
padding: 0;
list-style: none;
color: #fff;
font-size: 1px;
}
.ism-slider .ism-radios {
position: absolute;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
z-index: 6;
bottom: 5px;
left: 0;
right: 0;
width: auto;
background-color: rgba(255, 255, 255, 0.0);
padding: 0 7px;
height: 0;
overflow: visible;
}
.ism-slider .ism-radios.ism-radios-as-thumbnails {
bottom: 5px;
}
.ism-radios li {
position: relative;
display: inline-block;
margin: 0 3px;
padding: 0;
}
.ism-radios input.ism-radio {
display: none;
}
.ism-radios label {
display: block;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
margin: 0;
text-decoration: none;
cursor: pointer;
}
.ism-radios-as-thumbnails label {
-webkit-background-size: 120% auto; -moz-background-size: 120% auto; -o-background-size: 120% auto; background-size: 120% auto;
background-position: center center;
background-repeat: no-repeat;
border: 2px solid rgba(255, 255, 255, 0.6);
opacity: 0.8;
}
.ism-radios-as-thumbnails label:hover {
border: 2px solid #fff;
opacity: 1;
}
.ism-radios-as-thumbnails li.active label {
border: 2px solid rgba(255, 255, 255, 1.0);
opacity: 1;
}
p.ism-badge {
margin: 0 auto;
text-align: right;
font-size: 10px;
padding-top: 1px;
color: #ccc;
font-family: sans-serif;
font-weight: normal;
}
p.ism-badge a.ism-link {
color: inherit;
text-decoration: none;
margin-right: 0.25em;
}
p.ism-badge a.ism-link:hover {
color: #aaa;
text-decoration: underline;
}
.ism-zoom-in {
-webkit-animation: zoomin 0.81s linear 1;
animation: zoomin 0.81s linear 1;
}
@-webkit-keyframes zoomin {
0% { -webkit-transform: scale(1.0); transform: scale(1.0); }
100% { -webkit-transform: scale(3.0); transform: scale(3.0); }
}
@keyframes zoomin {
0% { -webkit-transform: scale(1.0); transform: scale(1.0); }
100% { -webkit-transform: scale(3.0); transform: scale(3.0); }
}
@-webkit-keyframes fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-webkit-keyframes slidein {
0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); }
100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@keyframes slidein {
0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); }
100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@-webkit-keyframes popin {
50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}
@keyframes popin {
50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}
.ism-zoom-pan {
-webkit-animation: zoompan 20.0s linear 1;
animation: zoompan 20.0s linear 1;
}
@-webkit-keyframes zoompan {
0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); }
100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
}
@keyframes zoompan {
0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); }
100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
}
.ism-zoom-rotate {
-webkit-animation: zoomrotate 20.0s linear 1;
animation: zoomrotate 20.0s linear 1;
}
@-webkit-keyframes zoomrotate {
0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }
50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); }
100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }
}
@keyframes zoomrotate {
0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }
50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); }
100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }
}
/* SLIDER */
#my-slider {
width: 1200px;
border-radius: 0;
}
#my-slider-ism-badge {
width: 1200px;
}
#my-slider:before {
content: ''; display: block; padding-top: 75%;
}
#my-slider .ism-frame {
position: absolute; top: 0; bottom: 0; left: 0; width: 100%;
}
#my-slider .ism-button {
display: block;
width: 60px; height: 60px; background-size: 16px 16px; top: 50%; margin-top: -30px;
color: #fff; background-color: rgba(0, 0, 0, 0.0);
display: block; visibility: visible;
}
#my-slider .ism-button-prev {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABUSURBVEjH7dYxCgAgEAPB8weX/39WFBtBbsFSY2sYyzXicDLq0wQDKQGQAKiJAZTEvC+IRgPBYAEyYOB1AAf4hAkTXxB5nySOGmaRw4pp5rhv34MOQwscJ7/MrxQAAAAASUVORK5CYII=);
left: 10px;
}
#my-slider .ism-button-next {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABYSURBVEjH7dYxDoAwDEPR5Ab1/S8LVEgsyL8SG3XWWK/dnKpnumA0/L4lAOSJE/DEtXfEBBxxBwYFBH8IEWJbggL4RIAAPwFWC+VDqXEtYrFyNWO5v58HB4q9HAkl7KTYAAAAAElFTkSuQmCC);
right: 10px;
}
#my-slider .ism-pause-button {
width: 60px; height: 60px; background-size: 16px 16px; top: 50%; margin-top: -30px; border-radius: 30px; margin-left: -30px;
color: #fff; background-color: rgba(0, 0, 0, 0.0);
}
#my-slider .ism-button-prev:hover {
left:7px;
}
#my-slider .ism-button-next:hover {
right:7px;
}
#my-slider .ism-radios {
display: block;
height: 20px;
text-align: center;
}
#my-slider .ism-radios label {
width: 20px; height: 20px;
border-radius: 3px;
color: #000; background-color: rgba(255, 255, 255, 0.5);
}
#my-slider .ism-radios li.active label {
background-color: rgba(255, 255, 255, 1.0);
}
#my-slider .ism-radios label:hover {
background-color: rgba(255, 255, 255, 0.8);
}
/* SLIDES */
#my-slider .ism-slide-0 .ism-img-frame {
width: 100%;
}
#my-slider .ism-slide-0 .ism-img {
width: 100%;
top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
#my-slider .ism-slide-1 .ism-img-frame {
width: 100%;
}
#my-slider .ism-slide-1 .ism-img {
width: 100%;
top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
#my-slider .ism-slide-2 .ism-img-frame {
width: 100%;
}
#my-slider .ism-slide-2 .ism-img {
width: 100%;
top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
#my-slider .ism-slide-3 .ism-img-frame {
width: 100%;
}
#my-slider .ism-slide-3 .ism-img {
width: 100%;
top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
#my-slider .ism-slide-4 .ism-img-frame {
width: 100%;
}
#my-slider .ism-slide-4 .ism-img {
width: 100%;
top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
#my-slider .ism-slide-5 .ism-img-frame {
width: 100%;
}
#my-slider .ism-slide-5 .ism-img {
width: 100%;
top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
#my-slider .ism-slide-6 .ism-img-frame {
width: 100%;
}
#my-slider .ism-slide-6 .ism-img {
width: 100%;
top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
#my-slider .ism-slide-7 .ism-img-frame {
width: 100%;
}
#my-slider .ism-slide-7 .ism-img {
width: 100%;
top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
#my-slider .ism-slide-8 .ism-img-frame {
width: 100%;
}
#my-slider .ism-slide-8 .ism-img {
width: 100%;
top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
/* CAPTIONS */
#my-slider .ism-slide-0 .ism-caption-0.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-0 .ism-caption-1.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-0 .ism-caption-2.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-1 .ism-caption-0.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-1 .ism-caption-1.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-1 .ism-caption-2.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-2 .ism-caption-0.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-2 .ism-caption-1.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-2 .ism-caption-2.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-3 .ism-caption-0.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-3 .ism-caption-1.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-3 .ism-caption-2.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-4 .ism-caption-0.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-4 .ism-caption-1.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-4 .ism-caption-2.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-5 .ism-caption-0.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-5 .ism-caption-1.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-5 .ism-caption-2.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-6 .ism-caption-0.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-6 .ism-caption-1.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-6 .ism-caption-2.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-7 .ism-caption-0.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-7 .ism-caption-1.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-7 .ism-caption-2.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-8 .ism-caption-0.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-8 .ism-caption-1.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-8 .ism-caption-2.ism-caption-anim {
-webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}
#my-slider .ism-slide-0 .ism-caption-0 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 10%;
left: 5%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-0 .ism-caption-1 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 60%;
left: 40%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-0 .ism-caption-2 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 20%;
left: 60%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-1 .ism-caption-0 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 10%;
left: 5%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-1 .ism-caption-1 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 60%;
left: 40%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-1 .ism-caption-2 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 20%;
left: 60%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-2 .ism-caption-0 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 10%;
left: 5%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-2 .ism-caption-1 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 60%;
left: 40%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-2 .ism-caption-2 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 20%;
left: 60%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-3 .ism-caption-0 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 10%;
left: 5%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-3 .ism-caption-1 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 60%;
left: 40%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-3 .ism-caption-2 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 20%;
left: 60%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-4 .ism-caption-0 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 10%;
left: 5%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-4 .ism-caption-1 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 60%;
left: 40%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-4 .ism-caption-2 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 20%;
left: 60%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-5 .ism-caption-0 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 10%;
left: 5%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-5 .ism-caption-1 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 60%;
left: 40%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-5 .ism-caption-2 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 20%;
left: 60%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-6 .ism-caption-0 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 10%;
left: 5%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-6 .ism-caption-1 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 60%;
left: 40%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-6 .ism-caption-2 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 20%;
left: 60%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-7 .ism-caption-0 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 10%;
left: 5%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-7 .ism-caption-1 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 60%;
left: 40%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-7 .ism-caption-2 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 20%;
left: 60%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-8 .ism-caption-0 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 10%;
left: 5%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-8 .ism-caption-1 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 60%;
left: 40%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
#my-slider .ism-slide-8 .ism-caption-2 {
font-size: 1.25em;
font-family: sans-serif;
position: absolute; top: 20%;
left: 60%;
border-radius: 4px;
border: none;
color: #fff; background-color: rgba(0, 0, 0, 0.70);
}
.h1interactive {margin-bottom: 34px;}