/*******************************************************/ .label-wrap { display: inline-block; font-size: 0; vertical-align: middle; line-height: normal; } .label-wrap .label:last-child { margin: 0; } .label-wrap .label { display: inline-block; margin-right: 5px; color: #757575; border-radius: 2px; font-size: 14px; padding: 0; /*0 5px*/ text-transform: uppercase; margin-bottom: 0; line-height: 24px; vertical-align: top; font-weight: 500; } /*.label-status, .label-default { background-color: #000001; }*/ @media (max-width: 767px) { .label-wrap .label { font-size: 13px; } } .label-wrap-top { display: inline-block; font-size: 0; vertical-align: middle; line-height: normal; position: absolute; top: 10px; left: 25px; z-index: 3; } .label-wrap-top .label:last-child { margin: 0; } .label-wrap-top .label { display: inline-block; margin-right: 5px; color: #fff; background-color: #504b34; border-radius: 2px; font-size: 14px; padding: 0; /*0 5px*/ text-transform: uppercase; margin-bottom: 0; line-height: 24px; vertical-align: top; font-weight: 500; } /*START owlbanner AND SLICK SLIDER ARROWS STYLE*/ .slick-prev:hover, .slideshow .slide .slick-next:hover, .slideshow .slideshow-nav .slick-next:hover, .testimonial-carousel .slick-next:hover, .banner-slider .slick-next:hover, .slick-prev:focus, .slideshow .slide .slick-next:focus, .slideshow .slideshow-nav .slick-next:focus, .testimonial-carousel .slick-next:focus, .banner-slider .slick-next:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; /*background: rgba(0, 174, 239, 0.8);*/ background: #000001; } .owlbanner-theme .owlbanner-controls .owlbanner-nav [class*="owlbanner-"] { background: rgba(90, 90, 100, 0.85); border: 1px solid transparent; } .owlbanner-controls .owlbanner-nav .owlbanner-prev:hover, .owlbanner-controls .owlbanner-nav .owlbanner-prev:focus, .owlbanner-controls .owlbanner-nav .owlbanner-next:hover, .owlbanner-controls .owlbanner-nav .owlbanner-next:focus, .owlbanner-controls .owlbanner-nav .owlbanner-next:active, .owlbanner-controls .owlbanner-nav .owlbanner-next:active { color: #fff; outline: none; background: #000001; /*border-color: #000001;*/ } .owlbanner-prev .fa, .owlbanner-next .fa { display: block; line-height: 21px; font-size: 16px; } .owlbanner-controls .owlbanner-nav .owlbanner-prev { left: 10px; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .owlbanner-controls .owlbanner-nav .owlbanner-next { right: 12px; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .owlbanner-carousel .item-wrap { margin-bottom: 0; } /*START HEADER MEDIA*/ .header-media { position: relative; } /*START BANNERS MODULE STYLE*/ .banner-video { height: 600px; overflow: hidden; position: relative; } @media (min-width: 768px) and (max-width: 991px) { .banner-video { height: 450px; } } .banner-video .banner-video-inner { width: 100%; height: 100%; position: absolute; } .banner-parallax { position: relative; height: 940px; overflow: hidden; /*-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);*/ } .banner-parallax .banner-inner { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .banner-parallax .banner-bg-wrap { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; backface-visibility: hidden; visibility: inherit; z-index: 0; opacity: 1; } @media (max-width: 767px) { .banner-parallax { height: 450px !important; } } .banner-inner { position: relative; height: 800px; width: 100%; /*@include respond-to(tablet-portrait){ height: 300px; background-size: 150% auto; background-attachment: fixed !important; background-position: top center !important; } @include respond-to(phone){ height: 280px; background-size: 240% auto; }*/ } .banner-inner:before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 100%; width: 100%; /*background-color: rgba(0, 0, 0, 0.25);*/ z-index: 3; } .banner-caption { position: absolute; left: 0; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 2; width: 100%; } .banner-caption h1 { color: #fff; } .banner-caption h2 { color: #fff; } @media (min-width: 991px) { body.transparent-yes .banner-caption { top: 55%; } } .banner-video-inner { position: absolute; width: 100%; height: 100% !important; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .banner-module { position: relative; padding: 0; } .banner-module .slick-slide { position: relative; } .banner-module .slick-slide .caption { opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(-30%, -50%) scale(0.5); -o-transform: translate(-30%, -50%) scale(0.5); -ms-transform: translate(-30%, -50%) scale(0.5); -webkit-transform: translate(-30%, -50%) scale(0.5); transform: translate(-30%, -50%) scale(0.5); } .banner-module .slick-active .caption { opacity: 1; filter: alpha(opacity=100); -moz-transform: translate(-30%, -50%) scale(1); -o-transform: translate(-30%, -50%) scale(1); -ms-transform: translate(-30%, -50%) scale(1); -webkit-transform: translate(-30%, -50%) scale(1); transform: translate(-30%, -50%) scale(1); } @media (max-width: 767px) { .banner-module .slick-active .caption { left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .banner-module .owlbanner-item { position: relative; } .banner-module .owlbanner-item .caption { /* @include translate(-30%,-50%);*/ } .banner-module .owlbanner-item.active .caption { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @media (max-width: 767px) { .banner-module .owlbanner-item.active .caption { left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .banner-module .caption { display: inline-block; width: 515px; padding: 17px; min-height: 85px; position: absolute; top: 50%; left: 30%; z-index: 2; -moz-transform: translate(-30%, -50%); -o-transform: translate(-30%, -50%); -ms-transform: translate(-30%, -50%); -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); background: rgba(255, 255, 255, 0.9); } .banner-module .caption ul { color: #000; } .banner-module .caption ul li { padding: 0; padding-right: 10px; } .banner-module .caption ul li:last-child { padding: 0; } @media (max-width: 481px) { .banner-module .caption ul { font-size: 12px; } } .banner-module .caption img { width: auto !important; } .banner-module .caption .price { position: absolute; top: 17px; right: 17px; bottom: inherit; left: inherit; z-index: 2; } .banner-module .caption .feature-label { font-size: 10px; line-height: 10px; margin: 0; font-weight: 700; text-transform: uppercase; text-align: inherit; padding: 5px; color: #fff; position: absolute; top: -20px; right: inherit; bottom: inherit; left: 0; z-index: 2; background: #77c720; } .banner-module .caption .btn-detail { border-radius: 0; padding: 7px 15px; position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 2; } .banner-module .caption .btn-detail .fa { margin-left: 5px; } @media (max-width: 767px) { .banner-module .caption { width: 350px; padding: 12px; } .banner-module .caption .price { top: 12px; right: 12px; } } @media (max-width: 481px) { .banner-module .caption { width: 270px; } .banner-module .caption .amenities { display: none; } .banner-module .caption .date { display: none; } } .banner-slider { margin: 0; /*opacity: 0; @extend %animation;*/ } .banner-slider .owlbanner-controls { margin: 0; } .banner-slider .owlbanner-controls .owlbanner-nav div[class*="owlbanner-"] { width: 50px; height: 50px; line-height: 50px; border-radius: 50px; } .banner-slider .owlbanner-controls .owlbanner-nav div[class*="owlbanner-"] .fa { line-height: 45px; font-size: 40px; } @media (max-width: 767px) { .banner-slider .owlbanner-controls .owlbanner-nav div[class*="owlbanner-"] { width: 38px; height: 38px; line-height: 38px; font-size: 30px; } .banner-slider .owlbanner-controls .owlbanner-nav div[class*="owlbanner-"] .fa { line-height: 34px; font-size: 20px; } } .banner-slider .owlbanner-controls .owlbanner-nav .owlbanner-prev { left: 10%; } .banner-slider .owlbanner-controls .owlbanner-nav .owlbanner-next { right: 10%; } @media (max-width: 767px) { .banner-slider .owlbanner-controls { padding: 7px 0; position: absolute; left: 0; right: 0; bottom: 0; } .banner-slider .owlbanner-controls .owlbanner-nav .owlbanner-prev { left: 2%; } .banner-slider .owlbanner-controls .owlbanner-nav .owlbanner-next { right: 2%; } } .banner-slider .owlbanner-dot span { background-color: #fff !important; } .banner-slider .owlbanner-dot.active span { background-color: transparent !important; border-color: #fff !important; } .banner-slider .slick-prev, .banner-slider .slideshow .slide .slick-next, .slideshow .slide .banner-slider .slick-next, .banner-slider .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .banner-slider .slick-next, .banner-slider .slick-next { width: 50px; height: 50px; line-height: 50px; background: rgba(244, 18, 19, 0.75); border-radius: 0; left: 0; right: inherit; } .banner-slider .slick-prev:before, .banner-slider .slideshow .slide .slick-next:before, .slideshow .slide .banner-slider .slick-next:before, .banner-slider .slideshow .slideshow-nav .slick-next:before, .slideshow .slideshow-nav .banner-slider .slick-next:before, .banner-slider .slick-next:before { vertical-align: middle; line-height: 46px; display: block; height: 50px; font-size: 40px; } @media (max-width: 767px) { .banner-slider .slick-prev, .banner-slider .slideshow .slide .slick-next, .slideshow .slide .banner-slider .slick-next, .banner-slider .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .banner-slider .slick-next, .banner-slider .slick-next { width: 38px; height: 38px; line-height: 38px; } .banner-slider .slick-prev:before, .banner-slider .slideshow .slide .slick-next:before, .slideshow .slide .banner-slider .slick-next:before, .banner-slider .slideshow .slideshow-nav .slick-next:before, .slideshow .slideshow-nav .banner-slider .slick-next:before, .banner-slider .slick-next:before { height: 38px; line-height: 36px; font-size: 28px; } } @media (max-width: 481px) { .banner-slider .slick-prev, .banner-slider .slideshow .slide .slick-next, .slideshow .slide .banner-slider .slick-next, .banner-slider .slideshow .slideshow-nav .slick-next, .slideshow .slideshow-nav .banner-slider .slick-next, .banner-slider .slick-next { display: none !important; } } .banner-slider .slick-next { right: 0; left: inherit; } .banner-slider .slick-slide img { width: 100%; } .banner-slider .item { height: 600px; background-position: center center; background-size: cover,100%; background-repeat: no-repeat; } .banner-slider .item2 { height: 450px; background-position: center center; background-size: cover,100%; background-repeat: no-repeat; } @media (min-width: 768px) and (max-width: 991px) { .banner-slider .item { height: 400px; } .banner-slider .item2 { height: 200px; } } @media (max-width: 767px) { .banner-slider .item { height: 300px; } .banner-slider .item2 { height: 100px; } } .banner-slider .banner-link { display: block; position: relative; height: 100%; width: 100%; z-index: 1; } .banner-page-title { height: 300px; } @media (min-width: 768px) and (max-width: 991px) { .banner-page-title { height: 240px; } } @media (max-width: 767px) { .banner-page-title { height: 170px; } } @media (max-width: 767px) { #banner-slider2 .owlbanner-controls { padding: 7px 0; position: absolute; left: -15px; right: -15px; bottom: 300px; } } #owlbanner-example .item img { display: block; width: 100%; height: auto; } .imgowl { background-color: #333; width: auto; min-height: 440px; overflow: hidden; position: relative; z-index: 1; } .imgowl img { position: absolute; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto; min-height: 100%; min-width: 100%; opacity: 1; } .divimg { overflow: hidden; position: relative; left: 3%; top: 0; z-index: 1; border: solid 7px #fff; /*padding: 50px;*/ /*width: 51%;*/ height: auto; max-height: 400px; /*-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);*/ } .divowl { overflow: hidden; position: relative; right: 40px; top: 20px; /*background-color: #f2f2f2;*/ background-color: #fff !important; z-index: 2; padding: 30px; /*width: 640px;*/ min-height: 360px; -webkit-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.35); -moz-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.35); box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.35); /*border: solid 1px #ddd;*/ } .zoom { background-color: #003da5; transition: transform .3s; /* Animation */ margin: 0 auto; } .zoom:hover { transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ } .overlayzoom { position: relative; } .overlayzoom:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .overlayzoom:hover:after { opacity: 1; background-color: rgba(0, 61, 165, 0.70); } .ma100 { margin: 100px; } @media (max-width: 991px) { .divimg { overflow: hidden; position: relative; left: 0; top: 0; z-index: 1; /*padding: 50px;*/ width: 100%; height: 250px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .divowl { overflow: hidden; position: relative; left: 0; top: 0; /*background-color: rgba(241, 241, 241, 0.80);*/ background-color: #fff; z-index: 2; padding: 8px; /*margin: 10px;*/ width: auto; min-height: 250px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ma100 { margin: 0; } .item-body .amenities i { font-size: 16px; line-height: 18px; margin: 0 0 0 0; font-weight: 400; } .ameni { margin-right: 8px; } .item-body .amenities p { font-size: 14px; line-height: 15px; } } /*.item-body .info-row + .info-row { margin-top: 10px; }*/ .item-body .amenities { min-height: 40px; } @media (max-width: 481px) { .item-body .amenities { margin-bottom: 15px; } } .item-body .property-title { font-size: 21px; line-height: 24px; margin: 0 0 5px 0; font-weight: 400; text-transform: inherit; text-align: inherit; color: #3d3d3d; /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/ } @media (max-width: 767px) { .item-body .property-title { font-size: 16px; line-height: 18px; } } .item-body .property-location { font-size: 18px; line-height: 20px; margin: 0 0 5px 0; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .item-body .property-location { font-size: 14px; line-height: 14px; } } .item-body .date p { font-size: 14px; line-height: 14px; padding-top: 6px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .item-body .phone p { font-size: 12px; line-height: 12px; margin: 8px 0 0 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .price { text-align: right; } .price .price-start { font-size: 12px; line-height: 12px; margin-bottom: 7px; } .price h3 { font-size: 20px; /*line-height: 24px;*/ margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; color: #333; } @media (max-width: 767px) { .price h3 { font-size: 18px; line-height: 18px; } } .price .rant { font-size: 15px; line-height: 15px; margin: 7px 0 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .price .item-price { font-size: 18px; line-height: 18px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .price .item-price { font-size: 14px; line-height: 14px; } } .price .item-sub-price { font-size: 12px; line-height: 12px; margin: 7px 0 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .item-thumb, figure, .carousel-module .carousel .item figure { /*.cap-actions{ @include typography(12px, 16px, 0, 400, inherit, inherit); }*/ } .item-thumb .label-featured, figure .label-featured, .carousel-module .carousel .item figure .label-featured { font-size: 10px; line-height: 11px; margin: 0; font-weight: 500; text-transform: uppercase; text-align: inherit; } .item-thumb .thumb-caption, figure .thumb-caption, .carousel-module .carousel .item figure .thumb-caption { /*.actions{ @include typography(0, 14px, 0, 400, inherit, inherit); }*/ } .item-thumb .thumb-caption .cap-price, figure .thumb-caption .cap-price, .carousel-module .carousel .item figure .thumb-caption .cap-price { font-size: 16px; line-height: 16px; margin: 0; font-weight: 500; text-transform: uppercase; text-align: inherit; } .item-thumb .thumb-caption .cap-social, figure .thumb-caption .cap-social, .carousel-module .carousel .item figure .thumb-caption .cap-social { font-size: 12px; line-height: 12px; margin: 0; font-weight: 400; text-transform: uppercase; text-align: inherit; } .item-foot { /*background-color: #fff;*/ border-bottom: 1px solid #e5e5e5; padding: 14px 0; position: relative; bottom: -70px; width: 100%; } .item-foot::before, .item-caption .item-caption-list::before, .property-item-v2 .item-body-top::before, .property-item-v2 .item-body-bottom::before { content: " "; display: table; } .item-foot .item-foot-left { float: left; } .item-foot .item-foot-right { float: right; } .item-foot p { font-size: 12px; line-height: 20px; margin: 0; font-weight: 300; text-transform: inherit; text-align: inherit; } .detail h3 { font-size: 14px; line-height: 26px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .detail ul { font-size: 14px; line-height: 18px; margin: 0; font-weight: 400; text-transform: inherit; text-align: inherit; } @media (max-width: 767px) { .detail ul { font-size: 12px; line-height: 16px; } .detail h3 { font-size: 13px !important; line-height: 20px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } } .detail .cap-price { font-size: 16px; line-height: 16px; margin: 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .item-body .amenities p { font-size: 18px; line-height: 20px; margin: 0 0 8px 0; font-weight: 400; text-transform: inherit; text-align: inherit; } .item-body .amenities i { font-size: 28px; line-height: 28px; margin: 0 2px 0 0; font-weight: 300; color: #003da5; } .ameni { margin-right: 25px; /*color: #000;*/ color: #333; font-weight: 400; font-size: 18px; } .dbottom { position: absolute; bottom: 30px; margin: auto; left: 15%; right: 15%; } @media (max-width: 991px) { .detail .cap-price { font-size: 14px; line-height: 14px; } .item-body .amenities p { font-size: 15px; line-height: 16px; margin: 0 0 8px 0; font-weight: 500; text-transform: inherit; text-align: inherit; } .item-body .amenities i { font-size: 15px; line-height: 16px; margin: 0 1px 0 0; font-weight: 300; } .ameni { margin-right: 12px; } .dbottom { position: absolute; bottom: 20px; margin: auto; left: 15%; right: 15%; } } .mlr80 { margin-left: 80px; margin-right: 80px; } @media only screen and (max-width: 768px) { .mlr80 { margin-left: 0; margin-right: 0; } } .pull-righttoleft { float: right; } @media only screen and (max-width: 768px) { .pull-righttoleft { float: left; } } .item-box figure { /*background-color: #1b130f;*/ width: auto; height: 240px; overflow: hidden; position: relative; z-index: 1; } .item-box figure img { position: absolute; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto; min-height: 100%; min-width: 100%; opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .item-box figure img:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ cursor: pointer; -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media only screen and (max-width: 768px) { .item-box figure { /*background-color: #1b130f;*/ width: auto; height: 180px; overflow: hidden; position: relative; z-index: 1; } } @media only screen and (max-width: 1068px) { .item-box figure { /*background-color: #1b130f;*/ width: auto; height: 200px; overflow: hidden; position: relative; z-index: 1; } } .photo-grid { /*margin: 1em auto;*/ /*max-width: 1106px;*/ text-align: center; padding-left: 0; } .photo-grid div { /*border: 5px solid white;*/ display: inline-block; /*margin: 1em;*/ width: 100%; } /*.photo-grid img { display: block; height: auto; max-width: 100%; }*/ /*.photo-grid figure { width: auto; height: 250px; overflow: hidden; position: relative; z-index: 1; } .photo-grid figure img { position: absolute; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto; min-height: 100%; min-width: 100%; opacity: 1; }*/ .photo-grid figcaption { background: rgba(27, 19, 15, 0.75); color: white; display: table; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 100; } .photo-grid figcaption p { display: table-cell; /*font-size: 1.2em;*/ position: relative; top: -40px; width: auto; vertical-align: middle; color: #fff } .photo-grid div:hover figcaption { opacity: 1; } .photo-grid img { display: block; height: auto; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; max-width: 100%; } .photo-grid div:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); } .photo-grid figcaption p { display: table-cell; /*font-size: 1.2em;*/ position: relative; top: -40px; width: auto; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; transition: all 300ms ease-out; vertical-align: middle; color: #000001; /*font-weight: 600;*/ } .photo-grid div:hover figcaption p { -moz-transform: translateY(40px); -webkit-transform: translateY(40px); transform: translateY(40px); } .photo-grid figcaption { background-color: rgba(0, 0, 0, .5); /*background: rgba(69, 69, 69, 0.70);*/ /*background: rgba(207, 180, 98, 0.65);*/ color: #000001; display: table; width: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; transition-delay: 100ms; z-index: 100; } .addspace { padding: 80px 0 120px; } @media (max-width: 768px) { .addspace { padding: 20px 0 30px; } } .bgcolornone { background-color: transparent !important; } /************************************************/ .padlr { padding-left: 20px; padding-right: 20px; } @media (max-width: 768px) { .padlr { padding-left: 0; padding-right: 0; } } #featured img { display: normal; width: 150px !important; /*height: 78px !important;*/ transform: scale(1) !important; opacity: 0.5; }