/* =Slider -------------------------------------------------------------- */ .mega_block_slider { background: #f6f9f9; /*padding-top: 110px;*/ } .owl-carousel .owl-item .slide-wrapper div.thumb img { -webkit-transform-style: flat !important; } .slide-wrapper { background-position: 50% top; } @media only screen and (max-width: 767px) { .slide-wrapper { background-position: 50% bottom; } .slide-inner { margin-top: 64px; } } @media only screen and (min-width: 1599px) { .slide-wrapper { min-height: 890px; } } @media only screen and (min-width: 767px) and (max-width: 1023px) { .slide-wrapper { min-height: 65vmin; } .slide-inner { margin-top: 2vmin; } } @media only screen and (min-width: 1919px) { .slide-wrapper { background-size: cover; } .cover .slide-inner .overlay1 { background-size: 195.5%; } } .slide-inner { min-height: 300px; } @media only screen and (min-width: 1023px) { .to-top .slide-inner { margin-top: 9vmin !important; margin-bottom: 90px; } } .to-center:not(.cover) .slide-inner { max-width: 900px; } @media only screen and (min-width: 1023px) { .to-center:not(.cover) .slide-inner { margin-top: 100px; } } @media only screen and (min-width: 1023px) and (min-height: 550px) and (max-height: 799px) { .to-center:not(.cover) .slide-inner { margin-top: 10vmin; } } .cover .slide-inner .overlay { background-position: 50% -190px; -webkit-filter: blur(1.6px); } @media only screen and (min-width: 1279px) { .cover .slide-inner { padding: 90px 77px; } .to-center.cover .slide-inner { margin-top: 30px; } .to-center.cover .slide-inner { max-width: 1050px; } .cover .slide-inner > .overlay { background-color: rgba(74, 86, 94, 0.41); } } @media only screen and (min-width: 1023px) and (max-width: 1279px) { .cover .slide-inner { margin-top: 10vmin; } .to-center.cover .slide-inner { max-width: 900px; } } @media only screen and (min-width: 319px) and (max-width: 1279px) { .cover.slide-wrapper > .overlay { background-color: rgba(74, 86, 94, 0.41); } } .slide-inner h2 { font-size: 83px; color: #000; margin-bottom: 36px; line-height: 1; } .slide-inner .text { font-size: 20px; line-height: 32px; color: #5B6A6A; width: 78%; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 767px) { .slide-inner h2 { font-size: 45px; } .slide-inner .text { font-size: 15px; } } @media only screen and (min-width: 767px) and (max-width: 1366px) { .slide-inner .text { font-size: 18px; } } .slide-inner .button { font-size: 15px; margin-top: 50px; line-height: 46px; height: 46px; } .mega_block_slider .owl-nav { opacity: 0; -webkit-transition: all .2s; transition: all .2s; max-width: 1330px; width: 100%; position: absolute; top: 50%; margin: 0 auto; left: 0; right: 0; } .mega_block_slider:hover .owl-nav { opacity: 1; } /* to core? */ @media only screen and (max-width: 1366px) { .mega_block_slider .owl-nav { max-width: 100%; } } .mega_block_slider .owl-nav span { display: none; } .mega_block_slider .owl-prev, .mega_block_slider .owl-next { width: 60px; height: 60px; display: block !important; position: absolute; top: -30px; box-sizing: border-box; z-index: 90; background-color: #636363; border-radius: 2px; text-align: center; cursor: pointer; color: #FFF; line-height: 60px; padding-top: 1px; } .mega_block_slider .owl-prev { left: -40px; } .mega_block_slider .owl-next { right: -40px; } @media only screen and (min-width: 1599px) { .mega_block_slider .owl-prev { left: -100px; } .mega_block_slider .owl-next { right: -100px; } } @media only screen and (max-width: 1366px) { .mega_block_slider .owl-prev { left: 0; } .mega_block_slider .owl-next { right: 0; } } .ltr .mega_block_slider .owl-prev i:before, .rtl .mega_block_slider .owl-next i:before { content: "\f053"; margin-right: 1px; } .rtl .mega_block_slider .owl-prev i:before, .ltr .mega_block_slider .owl-next i:before { content: "\f054"; margin-left: 1px; } /* Tablet & Desktop */ @media only screen and (min-width: 1023px) { .slide-wrapper.to-left div.thumb, .slide-wrapper.to-right div.thumb, .slide-wrapper.to-left .slide-inner, .slide-wrapper.to-right .slide-inner { width: 50%; } .slide-wrapper.to-left div.thumb, .slide-wrapper.to-right:not(.cover) .slide-inner { padding-left: 25px; } .slide-wrapper.to-right div.thumb, .slide-wrapper.to-left:not(.cover) .slide-inner { padding-right: 25px; } .slide-wrapper.to-left .slide-wrapper-inner, .slide-wrapper.to-right .slide-wrapper-inner { margin-top: 5vh; } .slide-wrapper:not(.to-top) { padding-bottom: 100px; } } @media only screen and (min-width: 767px) and (max-width: 1024px) { .slide-inner .text { max-height: 64px; } } @media only screen and (max-width: 766px) { .slide-inner .text { max-height: 96px; } }