/* transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; font-family: 'Playfair Display', serif; font-family: 'Open Sans', sans-serif; */ /* PAGE MODULES */ body{ font-family: 'Open Sans', sans-serif; font-weight:400; color: #333336; } .alert-info { background-color: #a6928b; border-color: #a6928b; color: #FFFFFF; } form p.ajaxInfo { display: none; padding: 10px 5px; border: 1px solid #000; text-align: center; color: #FFF; font-weight: 500; font-size: 16px; margin-bottom: 35px; } form p.ajaxInfo.error { background-color: #a6928b; border-color: #a6928b; color: #FFFFFF; } form p.ajaxInfo.error_send { background-color: #a6928b; border-color: #a6928b; color: #FFFFFF; } form p.ajaxInfo.ok { background-color: #a6928b; border-color: #a6928b; color: #FFFFFF; } form p.error { display: none; } form label { text-align: right; width: 120px; display: inline-block; line-height: 44px; vertical-align: top; } form label.full { text-align: left; width: 100%; display: inline-block; } form label, form textarea, form input { width: 100%; box-sizing: border-box; } form .button { display: inline-block; vertical-align: top; } textarea, select, input:not([type="checkbox"]):not([type="radio"]) { background: #ffffff; border: 1px solid #c1bab6; box-sizing: border-box; height: 37px; padding: 0 12px; font-size: 14px; } textarea { height: 120px; border: 1px solid #c1bab6; } select { } input:not([type="checkbox"]):not([type="radio"]) { margin-bottom: 8px; } textarea.error, select.error, input:not([type="checkbox"]):not([type="radio"]).error { border-color: #f00; } :-moz-placeholder { opacity: 1; font-weight: 400; color: #a6928b; } ::-moz-placeholder { opacity: 1; font-weight: 400; color: #a6928b; } :-ms-input-placeholder { opacity: 1; font-weight: 400; color: #a6928b; } ::-webkit-input-placeholder { opacity: 1; font-weight: 400; color: #a6928b; } .tc { text-align: center; } .tr { text-align: right; } .tl { text-align: left; } .cb { clear: both; } .info { display: none; text-align: center; font-size: 24px; border: 2px solid #666; padding: 10px 20px; border-radius: 15px; margin: 10px 0 20px; } .info.show { display: block; } .info.error { background-color: #ab0268; border-color: #780148; color: #fff; } .info.ok { background-color: #02ab68; border-color: #017848; color: #fff; } .container img { max-width:100%; } .gallery { margin-top: 35px; margin: 35px -10px 0; } .gallery-item { opacity: 1; display: inline-block; vertical-align: top; background: none no-repeat scroll center top transparent; max-width: 100%; width: 25%; padding-bottom: 17%; height: 0; background-size: cover; position:relative; overflow: hidden; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; border: 10px solid #fff; } .gallery-item span { width:106px; height: 106px; position: absolute; top: 50%; left: 50%; margin-top: -53px; margin-left: -53px; position:absolute; background:rgba(166,146,139,.9) url('../img/search.png') center center no-repeat; opacity:0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .gallery-item span:before, .gallery-item span:after { content: ''; width: 100%; height: 2px; background: #d1cac5; position: absolute; top: 50%; margin-top: -1px; transition: all .35s ease; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; } .gallery-item span:before { right: 170%; } .gallery-item span:after { left: 170%; } .gallery-item:hover span { opacity:1; } .gallery-item:hover span:before { right: 83% } .gallery-item:hover span:after { left: 83% } .button { cursor: pointer; background: none no-repeat scroll center center #d70084; border: none; box-sizing: border-box; color: #fff; height: 59px; line-height: 59px; padding: 0 37px; font-weight: 700; font-size: 16px; color: #fff; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .basket-top:hover button, .button:active, .button:focus, .button:hover { background-color: #484848; text-decoration: none; outline: none; } a { color:inherit; } a:hover { text-decoration:none; } .navbar-default{ background:none; border:0; } .button { height:43px; line-height:43px; background: #a6928b; padding:0 38px; font-size:20px; font-style: italic; color:#fff; font-family: 'Playfair Display', serif; } .header { position: absolute; z-index: 10; width: 100%; top: 0; left: 0; } .header .container { position:relative; } .logo { display: block; width: 305px; margin: 0 auto -73px auto; background: rgba(0,0,0,.7); padding-top: 30px; } .header-links { position: absolute; top: 58px; right: -80px; z-index: 2; } .header-links a { display:inline-block; margin:0 2px; } #nav { text-align:center; color:#fff; font-family: 'Playfair Display', serif;} #nav ul { list-style: none; padding:0; display:inline-blockl } #nav li { display:inline-block; } #nav a { font-size:18px; font-style: italic; padding:6px 8px; } #nav a:hover, #nav a:active, #nav a:focus{ color:#a6928b; } #nav .current a { text-decoration: underline; } #nav .nav-logo { padding: 20px 0 0 0; display: inline-block; background: rgba(0,0,0,.6); margin: 0 25px; } #nav .nav-logo a { padding:0; } .header-logo { width:305px; margin:0 auto 30px auto; display: block; background: #000; padding-top: 22px; } .section-slider { height:100vh; background:#262520; } #slider { opacity:0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } #slider.owl-loaded { opacity:1; } #slider .slide { height:700px; height:100vh; background-position: center center; background-size:cover; } #slider .text { position: absolute; top: 40%; left: 50%; margin-left: -278px; border: 2px solid #bdaa93; width: 510px; height: 140px; line-height: 130px; text-align: center; background: rgba(0,0,0,.5); } #slider .text-main { font-size:33px; color:#fff; font-family: 'Playfair Display', serif; font-weight:bold; text-transform: uppercase; } #slider .text-sub { width: 240px; height: 54px; position: absolute; bottom: -27px; left: 128px; background: #bdaa93; line-height: 50px; color: #fff; font-size: 20px; font-family: 'Playfair Display', serif; font-style: italic; } .section-slider .slide-down { position: absolute; bottom: 88px; left: 50%; margin-left: -18px; z-index: 20; } .section-slider .slide-down img { position: relative; top: 20px; -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } .owl-controls { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; } .owl-dots > div { display:inline-block; width:19px; height:19px; border:3px solid #e5e5e8; margin: 0 8px; } .owl-dots > div:hover, .owl-dots > div.active { background:#d1cac5; } .page-start h1, .page-start h2, .home-contact h3, .page-images h1, .about-us h1, .page-subpage h1 { font-size:59px; margin:0 0 40px 0; font-weight:bold; color:#706158; font-family: 'Playfair Display', serif; } .home-contact h3, .page-images h1 { text-transform: initial; } .home-about-us { padding-top:70px; padding-bottom:100px; } .page-subpage h1 { margin-top:40px; } .home-banner { height:440px; background-size: cover; background-position: center center; position:relative; } .home-banner > div { width: 435px; max-width: 95%; position: absolute; left: 50%; margin-left: -217px; top: 138px; bottom: 138px; padding-top: 39px; border: 2px solid #bdaa93; color: #fff; font-size: 21px; font-family: 'Playfair Display', serif; font-style: italic; text-align: center; } .home-banner strong { font-weight:bold; font-size:30px; text-transform: uppercase; font-style: normal; } .home-categories { padding-top:90px; padding-bottom: 60px; } .categories-list .row > div { height:285px } .categories-list a { font-family: 'Playfair Display', serif; font-style:italic; } .categories-list a:first-child { height:213px; display:block; background-position: center center; background-size: cover; position:relative; overflow:hidden; } .categories-list a:first-child span { width:130px; height: 43px; line-height: 41px; position: absolute; top: 50%; left: 50%; margin-top: -21.5px; margin-left: -61px; color:#fff; position:absolute; background:#a6928b; text-align:center; font-size:20px; opacity:0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .categories-list a:first-child span:before, .categories-list a:first-child span:after { content: ''; width: 100%; height: 2px; background: #d1cac5; position: absolute; top: 50%; margin-top: -1px; transition: all .35s ease; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; } .categories-list a:first-child span:before { right: 170%; } .categories-list a:first-child span:after { left: 170%; } .categories-list a:first-child:hover span { opacity:1; } .categories-list a:first-child:hover span:before { right: 83% } .categories-list a:first-child:hover span:after { left: 83% } .categories-list a:last-child { margin-top:14px; color:#a6928b; font-size:24px; text-align:center; display:block; } .categories-list a:last-child:hover { text-decoration: underline; } .home-contact { min-height:385px; padding-top: 50px; } .home-contact ul { font-size:18px; color:#333336; padding:0; list-style: none; } .home-contact li { margin-bottom:20px; } .home-contact li:before { content:''; width:27px; height:27px; margin-right:14px; display: inline-block; vertical-align: middle; } .home-contact li:nth-child(1):before { background-image: url('../img/ico-localization.png'); } .home-contact li:nth-child(2):before { background-image: url('../img/ico-mail.png'); } .home-contact li:nth-child(3):before { background-image: url('../img/ico-phone.png'); } .home-contact li:nth-child(4):before { background-image: url('../img/ico-time.png'); } .home-contact textarea { padding:12px 17px; height: 128px; } .section-map { margin-top:6px; } /* offer */ .offer-banner { height:510px; background-size:cover; background-position: top center; } .left-nav h3 { font-size: 39px; margin: 0 0 40px 0; font-weight: bold; color: #706158; text-transform: capitalize; font-family: 'Playfair Display', serif; } .left-nav ul { list-style: none; padding:0; } .left-nav li { margin-bottom: 15px; } .left-nav a { color:#a6928b; font-size:23px; font-family: 'Playfair Display', serif; font-style: italic; position:relative; left:0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .left-nav .current a { color:#706158; font-weight:bold; } .left-nav .current a:after { content:''; display:inline-block; vertical-align: middle; width: 0; height: 0; border-style: solid; border-width: 6.5px 0 6.5px 13px; border-color: transparent transparent transparent #706158; margin-left:11px; } .left-nav li:not(.current):hover a { left:10px; color:#706158; } .left-nav ul ul { display: none; padding-left: 15px; } .left-nav ul .current ul { display: block; } .left-nav ul .current ul a { font-size: 14px; } .offer-list { padding-top:110px; padding-bottom: 60px; } .offer-list .row > div { margin-bottom: 15px; } .offer-list .row > div:nth-child(3n+1) { clear: both; } .offer-lead { font-size: 14px; text-align: center; } .offer-list a { font-family: 'Playfair Display', serif; font-style:italic; } .offer-list a:first-child { height:213px; display:block; background-position: center center; background-size: cover; position:relative; overflow:hidden; } .offer-list a:first-child span { width:106px; height: 106px; position: absolute; top: 50%; left: 50%; margin-top: -53px; margin-left: -53px; position:absolute; background:rgba(166,146,139,.9) url('../img/search.png') center center no-repeat; opacity:0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .offer-list a:first-child span:before, .offer-list a:first-child span:after { content: ''; width: 100%; height: 2px; background: #d1cac5; position: absolute; top: 50%; margin-top: -1px; transition: all .35s ease; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; } .offer-list a:first-child span:before { right: 170%; } .offer-list a:first-child span:after { left: 170%; } .offer-list a:first-child:hover span { opacity:1; } .offer-list a:first-child:hover span:before { right: 83% } .offer-list a:first-child:hover span:after { left: 83% } .offer-list a:nth-child(2) { margin-top:14px; color:#a6928b; font-size:24px; text-align:center; display:block; } .offer-list a:nth-child(2):hover { text-decoration: underline; } .offer-list.offer-list-links a:first-child { background-repeat: no-repeat; width: 200px; height: 200px; margin: 0 auto; border-radius: 100%; border: 2px solid #706158; background-size: 100%; } .secondNav, #nav, .secondNav #nav ul { margin: 0; } .secondNav .header li:not(.nav-logo) { position:relative; top:-13px; } .secondNav #nav .nav-logo { background:#2D2723; padding: 10px 0 0 0; margin-bottom: -20px; } .secondNav .header { position: static; background: #706158; } .secondNav .header nav img { width: 220px; } .secondNav .header .header-links { top:34px; } .lineage-table { width: 100%; font-family: 'Playfair Display', serif; } .lineage-table:first-child { border-bottom: 3px solid #706158; } .lineage-table td { border-bottom: 1px solid #a6928b; text-align: center; padding: 3px 0; } .lineage-table tr:nth-child(1) td:nth-child(1) { border:none; } .lineage-table tr:nth-child(5) td:nth-child(1) { border:none; } .lineage-table tr:nth-child(7) td:nth-child(1) { border:none; } .lineage-table tr:nth-child(8) td:nth-child(1) { border:none; } .lineage-table tr:nth-child(1) td:nth-child(2) { border-width: 2px; } .lineage-table tr:nth-child(3) td:nth-child(1) { border-width: 2px; } .lineage-table tr:nth-child(4) td:nth-child(1) { border-width: 2px; } .descendant.offer-list { padding-top: 40px; padding-bottom: 30px; } .descendant.offer-list .row > div { height:200px; } .descendant.offer-list a:first-child { height: 123px; } .descendant.offer-list a:nth-child(2) { font-size: 17px; margin-top:5px; } .offerDetails .main-img { height: 670px; background-size: cover; background-position: top center; } .offerDetails .subpage { margin-top: -70px; background: #F3F3F2; padding: 40px 30px; } .offerDetails h1, .offerDetails h2 { font-size:33px; margin:0 0 40px 0; font-weight:bold; color:#706158; font-family: 'Playfair Display', serif; } .gallery { text-align:center; } .gallery-item { width: 32%; padding-bottom: 23%; border: 10px solid #fff; } .show-galleries { margin-bottom:20px; } .menu-category-list { display:none; } .menu-category-list .item { display:inline-block; width:25%; margin-bottom:10px; } .menu-category-list a { color: #a6928b; font-size: 23px; font-family: 'Playfair Display', serif; font-style: italic; } .menu-category-list a:hover { color:#706158; } body:not(.page-start) .footer { margin-top: 80px; } .img-about { width: 90%; height:300px; margin-left: auto; margin-right: auto; background-size:cover; background-position: center center; margin-top: 24px; } .about-us { font-size: 16px; line-height: 1.6; } .about-us h2 { font-size: 33px; margin: 0 0 20px 0; font-weight: bold; color: #706158; font-family: 'Playfair Display', serif; font-style: italic; text-transform: capitalize; } .about-us .row > div:first-child { padding-top:30px; padding-bottom:30px; background: #F3F3F2; } .about-us .row { margin-top:60px; } .about-us .inner { padding: 0 20px; } .page-kontakt #contactFormSend { background: #F3F3F2; padding: 30px 20px; } .show-categories{ display:none; } .facebook-fixed { position:fixed; right:0; top:140px; } .youtube-fixed { position:fixed; right:0; top:200px; } /* newsy */ .news-thumbnail { height: 350px; background-size: cover; display:block; position:relative; } .news-thumbnail span { width:106px; height: 106px; position: absolute; top: 50%; left: 50%; margin-top: -53px; margin-left: -53px; position:absolute; background:rgba(166,146,139,.9) url('../img/search.png') center center no-repeat; opacity:0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .news-thumbnail span:before, .news-thumbnail span:after { content: ''; width: 100%; height: 2px; background: #d1cac5; position: absolute; top: 50%; margin-top: -1px; transition: all .35s ease; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; } .news-thumbnail span:before { right: 170%; } .news-thumbnail span:after { left: 170%; } .news-thumbnail:hover span { opacity:1; } .news-thumbnail:hover span:before { right: 83% } .news-thumbnail:hover span:after { left: 83% } .news-list h1 { text-align: center; margin-top: 25px; margin-bottom: 20px; } .news-list .news-item { margin-bottom: 25px; } .news-list .news-item:nth-child(2n) { clear:both; } .news-list .news-item h2 { margin: 10px 0 20px; } .news-list .news-item h2 a { margin-top: 14px; color: #a6928b; font-size: 24px; text-align: center; display: block; font-family: 'Playfair Display', serif; font-style: italic; text-transform: uppercase; } .news-list .news-item h2 a:hover { text-decoration: underline; } .news-details { margin-top: 60px; } .news-details h1 { text-align: center; margin-bottom: 60px; } .news-details h1 a:hover { color:inherit; } .news-details h2 { margin-bottom: 30px; } .news-details-horse .thumbnails { height: 170px; background-size: cover; display: block; position: relative; } .news-details-horse .thumbnails span { width:106px; height: 106px; position: absolute; top: 50%; left: 50%; margin-top: -53px; margin-left: -53px; position:absolute; background:rgba(166,146,139,.9) url('../img/search.png') center center no-repeat; opacity:0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .news-details-horse .thumbnails span:before, .news-details-horse .thumbnails span:after { content: ''; width: 100%; height: 2px; background: #d1cac5; position: absolute; top: 50%; margin-top: -1px; transition: all .35s ease; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; } .news-details-horse .thumbnails span:before { right: 170%; } .news-details-horse .thumbnails span:after { left: 170%; } .news-details-horse .thumbnails:hover span { opacity:1; } .news-details-horse .thumbnails:hover span:before { right: 83% } .news-details-horse .thumbnails:hover span:after { left: 83% } .news-details .news-details-horse h2 { margin-bottom: 5px; } .news-details .news-details-horse h2 a { font-size: 19px; } .news-details .news-details-horse h2 a:hover { text-decoration: underline; color:inherit; } /* loader */ #preload {position:fixed;display:block;top:0;left:0;background-color:#000;width:100%;height:100%;z-index:100; } #preload.remove { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .preload-logo { display: inline-block; background: #000; padding-top: 22px; margin-bottom: 80px; } .preload-content { position:absolute; width:100%; text-align:center; top: 40%; margin-top: -77px; } .preload-text { font-family: 'Playfair Display', serif; font-style: italic; font-size: 25px; color: #706158; margin-top: 20px; } .preload-collapse { position:absolute; left:0; z-index:130; width:100%; height:50%; background:#fff; transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; } .preload-collapse-top { top:-50%; } .preload-collapse-bottom { bottom:-50%; } .preload-collapse-top.active { top:0; } .preload-collapse-bottom.active { bottom:0; } .windows8 { position: relative; width: 90px; height:90px; margin:auto; } .windows8 .wBall { position: absolute; width: 86px; height: 86px; opacity: 0; transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); animation: orbit 5.7425s infinite; -o-animation: orbit 5.7425s infinite; -ms-animation: orbit 5.7425s infinite; -webkit-animation: orbit 5.7425s infinite; -moz-animation: orbit 5.7425s infinite; } .windows8 .wBall .wInnerBall{ position: absolute; width: 11px; height: 11px; background: rgb(112,97,88); left:0px; top:0px; border-radius: 11px; } .windows8 #wBall_1 { animation-delay: 1.256s; -o-animation-delay: 1.256s; -ms-animation-delay: 1.256s; -webkit-animation-delay: 1.256s; -moz-animation-delay: 1.256s; } .windows8 #wBall_2 { animation-delay: 0.243s; -o-animation-delay: 0.243s; -ms-animation-delay: 0.243s; -webkit-animation-delay: 0.243s; -moz-animation-delay: 0.243s; } .windows8 #wBall_3 { animation-delay: 0.5065s; -o-animation-delay: 0.5065s; -ms-animation-delay: 0.5065s; -webkit-animation-delay: 0.5065s; -moz-animation-delay: 0.5065s; } .windows8 #wBall_4 { animation-delay: 0.7495s; -o-animation-delay: 0.7495s; -ms-animation-delay: 0.7495s; -webkit-animation-delay: 0.7495s; -moz-animation-delay: 0.7495s; } .windows8 #wBall_5 { animation-delay: 1.003s; -o-animation-delay: 1.003s; -ms-animation-delay: 1.003s; -webkit-animation-delay: 1.003s; -moz-animation-delay: 1.003s; } @keyframes orbit { 0% { opacity: 1; z-index:99; transform: rotate(180deg); animation-timing-function: ease-out; } 7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; origin:0%; } 30% { opacity: 1; transform:rotate(410deg); animation-timing-function: ease-in-out; origin:7%; } 39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; origin:30%; } 70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; origin:39%; } 75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; origin:70%; } 76% { opacity: 0; transform:rotate(900deg); } 100% { opacity: 0; transform: rotate(900deg); } } @-o-keyframes orbit { 0% { opacity: 1; z-index:99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; } 7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-origin:0%; } 30% { opacity: 1; -o-transform:rotate(410deg); -o-animation-timing-function: ease-in-out; -o-origin:7%; } 39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-origin:30%; } 70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-origin:39%; } 75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-origin:70%; } 76% { opacity: 0; -o-transform:rotate(900deg); } 100% { opacity: 0; -o-transform: rotate(900deg); } } @-ms-keyframes orbit { 0% { opacity: 1; z-index:99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; } 7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-origin:0%; } 30% { opacity: 1; -ms-transform:rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-origin:7%; } 39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-origin:30%; } 70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-origin:39%; } 75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-origin:70%; } 76% { opacity: 0; -ms-transform:rotate(900deg); } 100% { opacity: 0; -ms-transform: rotate(900deg); } } @-webkit-keyframes orbit { 0% { opacity: 1; z-index:99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; } 7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin:0%; } 30% { opacity: 1; -webkit-transform:rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin:7%; } 39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin:30%; } 70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin:39%; } 75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin:70%; } 76% { opacity: 0; -webkit-transform:rotate(900deg); } 100% { opacity: 0; -webkit-transform: rotate(900deg); } } @-moz-keyframes orbit { 0% { opacity: 1; z-index:99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; } 7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-origin:0%; } 30% { opacity: 1; -moz-transform:rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-origin:7%; } 39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-origin:30%; } 70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-origin:39%; } 75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-origin:70%; } 76% { opacity: 0; -moz-transform:rotate(900deg); } 100% { opacity: 0; -moz-transform: rotate(900deg); } } /* RESPONSIVE */ /* @media (min-width: 1230px) {...} .header-logo @media (max-width: 1021px) {...} @media (min-width: 798px) {...} @media (max-width: 797px) {...} @media (max-width: 598px) {...} @media (max-width: 510px) {...} @media (min-width: 798px) and (max-width: 1021px) {...} @media (min-width: 1022px) and (max-width: 1229px) {...} */ @media (max-width: 1300px) { .header-links { top: 8px; right: 0; } .secondNav .header .header-links { display:none; } } @media (min-width: 1200px) { .header-logo { display:none; } } @media (max-width: 1199px) { #nav .nav-logo { display:none!important; } #nav { position: absolute; width: 100%; top: 180px; left:0; } .secondNav #nav { top: 106px; } .secondNav .header-logo { width: 185px; } } @media (max-width: 991px) { .offer-banner { height: 310px; } .home-about-us .row > div:last-child { text-align: center; margin-top:30px; } .left-nav ul { text-align:center; } .offer-list { padding-top: 20px; } .offer-list a:nth-child(2){ font-size: 18px; } .show-categories{ display:block; } } @media (max-width: 991px) { .offer-list .row > div { height:auto; padding-bottom:20px; } .left-nav { margin-top:40px; } .categories-list .row > div { height:auto; padding-bottom:20px; } .page-start .categories-list .row > div:nth-child(2n-1) { clear:both; } .offer-list .row > div:nth-child(3n-2) { clear: both; } .offerDetails .main-img { height: 500px; } .left-nav { text-align:center; } .left-nav ul { display:none; } .show-categories { display:inline-block; margin-bottom:15px; } .menu-category-list .item { width:33%; } } @media (max-width: 767px) { #nav { position:static; position: relative; top: 0;z-index: 1; } .header-links { right:initial; left:0; } .header-logo { position: absolute; top: 50px; left: 50%; margin-left: -155px; } .navbar-header { background: #bdaa93; margin-left: -15px; margin-right: -15px; } #nav li { display: block; margin-top: 12px; } .navbar-collapse { margin-left: -15px; margin-right: -15px; background: #bdaa93; } #slider .text { top: 260px; margin-left: -198px; width: 386px; height: 120px; line-height: 120px; } #slider .text-main { font-size: 27px; } #slider .text-sub { left: 55px; } .secondNav #nav { top: 0; } .secondNav .header-logo { position: absolute; top: 0; left: 0; margin-left: 0; z-index: 100; } .secondNav .navbar-header { padding: 20px 0; background: none; } .secondNav .navbar-default .navbar-toggle { background: #bdaa93; } .secondNav .navbar-default .navbar-collapse { position: absolute; right: 0; margin: 0px; } .offerDetails .main-img { margin-top: -90px; } .offer-list .row > div:nth-child(n) { clear:none; } .offer-list .row > div:nth-child(2n-1) { clear: both; } .page-subpage h1, .page-start h1, .page-start h2, .home-contact h3, .page-images h1, .about-us h1, .page-subpage h1 { font-size:36px; } .about-us h2 { font-size:26px; } .about-us .inner { padding:0; } } @media (max-width: 600px) { .home-banner { padding:120px 0; height: auto; } .home-banner > div { position: static; margin: 0 auto; font-size: 19px; padding: 20px 0; } .home-banner strong { font-size: 30px; } .left-nav a { font-size: 15px; } .menu-category-list .item { width: 50%; } } @media (max-width: 500px) { .offer-list .row > div { display:block; float:none; width:100%; } .categories-list .row > div { display:block; float:none; width:100%; } .categories-list a:first-child { height: 273px; } .offerDetails .main-img { height: 360px; } .gallery-item { width: 42%; padding-bottom: 32%; border: 10px solid #fff; } .img-about { height: 240px; } } @media (max-width: 440px) { #slider .text { display:none; } } @media (max-width: 350px) { .offerDetails .subpage { margin-top: -40px; padding: 40px 0; } } @media (max-width: 740px) and (orientation: landscape) { #slider .text { display:none; } } .categories-menu li:hover > ul { display: block; }