@charset "UTF-8"; /*------------------------------------------------------------------ * Brand color ($brandColor): # 01a1bb //blue light # 01a1bb * Highlight color ($highlightColor): # ba4a00 //brown ce1e1e * Highlight Color Dark ($highlightColorDark): #8e0e0e * Default Color ($defaultColor): #2c3e50 @mixin =============================================================*/ /*------------------------------------------------------------------ * [Master Stylesheet] * Project: RealtySpace * Version: 1.1 * Documantation online http://realtyspace.readthedocs.org/en/latest/index.html * Table of contens: + Header / .header + Site / .site + Center / .center + Main / .main + Authorization / .auth + Banner / .banner + Breadcrumbs / .breadcrumbs + Contacts / .contacts + Comment / .comment + Dropdown / .dropdown + Scroll Up Button / .scrollup + Social / .social + Region Select / .region-select + FAQ / .faq + Footer / .footer + Listing / .listing + Navbar / .navabar + Form property / .form-property + Property Details / .property + Address / .address + Article / .article + Feature / .feature + Form / .form + Map / .map + Nav / .nav + Partners / .partners + Pricing / .pricing + Properites / .properties + Review / .review + Search / .search + Slider / .slider + Subscribe / .subscribe + Worker / .worker + Article categories / .article-categories + Gosubmit / .gosubmit * Vendor styles: + Colorbox Core / #colorbox + Bonsai / .bonsai + Leaflet / .leaflet + PhotoSwipe / .pswp + RangeSlider / .irs + Slick-slider / .slick-slider + Pnotify / .ui-pnotify @mixin =============================================================*/ @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; -ms-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); -ms-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } @keyframes jello { 11.1% { -webkit-transform: none; -ms-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -ms-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -ms-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -ms-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -ms-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); -ms-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); -ms-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); -ms-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); -ms-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); -ms-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-webkit-keyframes flipInX { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } } @keyframes flipInX { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } } @-webkit-keyframes flipInY { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } } @keyframes flipInY { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } } @-webkit-keyframes flipOutX { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } 100% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } } @keyframes flipOutX { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } 100% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); } } @-webkit-keyframes flipOutY { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } 100% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } } @keyframes flipOutY { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); } 100% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } } @-webkit-keyframes lightSpeedIn { 0% { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } 60% { opacity: 1; -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); } 80% { opacity: 1; -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); } } @keyframes lightSpeedIn { 0% { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } 60% { opacity: 1; -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); } 80% { opacity: 1; -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); } } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } } @keyframes lightSpeedOut { 0% { opacity: 1; -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); } } @-webkit-keyframes rotateIn { 0% { opacity: 0; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } } @keyframes rotateIn { 0% { opacity: 0; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } } @-webkit-keyframes rotateInDownLeft { 0% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @keyframes rotateInDownLeft { 0% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @-webkit-keyframes rotateInDownRight { 0% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes rotateInDownRight { 0% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @-webkit-keyframes rotateInUpLeft { 0% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @keyframes rotateInUpLeft { 0% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @-webkit-keyframes rotateInUpRight { 0% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes rotateInUpRight { 0% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @-webkit-keyframes rotateOut { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } 100% { opacity: 0; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } } @keyframes rotateOut { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } 100% { opacity: 0; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @keyframes rotateOutDownLeft { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes rotateOutDownRight { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @keyframes rotateOutUpLeft { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } 100% { opacity: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @keyframes rotateOutUpRight { 0% { opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 20%, 60% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 40% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 80% { opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 100% { opacity: 0; -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 20%, 60% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 40% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 80% { opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 100% { opacity: 0; -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); } } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @-webkit-keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @-webkit-keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @-webkit-keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @-webkit-keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -ms-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -ms-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -ms-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -ms-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } @-webkit-keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } 100% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } /*------------------------------------------------------------------ * Brand color ($brandColor): #00bbaa * Brand color dark ($brandColorDark): darken($brandColor, 10%) * Highlight color ($highlightColor): #f3bc65 * Highlight Color Dark ($highlightColorDark): #d99221 * Default Color ($defaultColor): #2c3e50 * Gray Color ($grayColor): #a6a6a6 * Footer HeadColor ($brandHighlightColor): $brandColor * Footer Social Color ($footerSocialColor): $brandHighlightColor * Banner Line Color ($highlightColorOnDark): $brandColor * On Brand Color ($onBrandColor): $defaultColor * Button Color ($buttonColor): #222 * Brand Color Hover ($brandColorHover: lighten($brandColor, 10%) * Highlight Color Hover ($highlightColorHover: lighten($highlightColor, 15%) * PlaceholderColorOnDark ($placeholderColorOnDark): #bebebe * Link color ($link-color): $brandColor * Link hover color ($link-hover-color): $brandColorHover * Link hover decoration ($link-hover-decoration): underline * Footer Color ($footerColor): #bebebe * Succes Color ($succesColor): $brandColor * Warning Color ($warningColor): #f3bc65 * Danger Color ($dangerColor): #e95b35 @mixin =============================================================*/ a { color: #01a1bb; text-decoration: none; } a.hover, a:hover { color: #01a1bb; } a.focus, a:focus { color: #01a1bb; } a.active, a:active { color: #c61515; text-decoration: none; } a.disabled, a:disabled { cursor: not-allowed; color: #ccc; } p { color: #606e7c; } /*------------------------------------------------------------------ * Font family ($font-family-sans-serif): "Source Sans Pro", sans-serif * Grid gutter width ($grid-gutter-width): 30px * Container width ($container-large-desktop): 1170px + $grid-gutter-width * Text Color ($text-color): $defaultColor * Font size base ($font-size-base): 15px * Line height base ($line-height-base): 1.6 * Padding base vertical ($padding-base-vertical): 6px @mixin =============================================================*/ @font-face { font-family: "Montserrat Thin"; src: url("../fonts/montserrat/montserrat-thin.eot"); src: url("../fonts/montserrat/montserrat-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-thin.woff") format("woff"), url("../fonts/montserrat/montserrat-thin.ttf") format("truetype"), url("../fonts/montserrat/montserrat-thin.svg") format("svg"); font-weight: 200; font-style: normal; } @-webkit-keyframes wobble-reverse { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(25%) rotate(5deg); transform: translateX(25%) rotate(5deg); } 30% { -webkit-transform: translateX(-20%) rotate(-3deg); transform: translateX(-20%) rotate(-3deg); } 45% { -webkit-transform: translateX(15%) rotate(3deg); transform: translateX(15%) rotate(3deg); } 60% { -webkit-transform: translateX(-10%) rotate(-2deg); transform: translateX(-10%) rotate(-2deg); } 75% { -webkit-transform: translateX(5%) rotate(1deg); transform: translateX(5%) rotate(1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble-reverse { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(25%) rotate(5deg); transform: translateX(25%) rotate(5deg); } 30% { -webkit-transform: translateX(-20%) rotate(-3deg); transform: translateX(-20%) rotate(-3deg); } 45% { -webkit-transform: translateX(15%) rotate(3deg); transform: translateX(15%) rotate(3deg); } 60% { -webkit-transform: translateX(-10%) rotate(-2deg); transform: translateX(-10%) rotate(-2deg); } 75% { -webkit-transform: translateX(5%) rotate(1deg); transform: translateX(5%) rotate(1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } select { display: block; width: 100%; padding: 6px 20px; font-size: 16px; border-radius: 0 !important; border-color: #d6d6d6; } [class*="block-grid-"] { display: block; margin: -15px; padding: 0; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } .block-grid-item { display: inline; margin: 0; padding: 15px; height: auto; float: left; list-style: none; } .block-grid-xs-1 > .block-grid-item { width: 100%; } .block-grid-xs-1 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-xs-1 > .block-grid-item:nth-of-type(1n+1) { clear: both; } .block-grid-xs-2 > .block-grid-item { width: 50%; } .block-grid-xs-2 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-xs-2 > .block-grid-item:nth-of-type(2n+1) { clear: both; } .block-grid-xs-3 > .block-grid-item { width: 33.33333%; } .block-grid-xs-3 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-xs-3 > .block-grid-item:nth-of-type(3n+1) { clear: both; } .block-grid-xs-4 > .block-grid-item { width: 25%; } .block-grid-xs-4 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-xs-4 > .block-grid-item:nth-of-type(4n+1) { clear: both; } .block-grid-xs-5 > .block-grid-item { width: 20%; } .block-grid-xs-5 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-xs-5 > .block-grid-item:nth-of-type(5n+1) { clear: both; } .block-grid-xs-6 > .block-grid-item { width: 16.66667%; } .block-grid-xs-6 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-xs-6 > .block-grid-item:nth-of-type(6n+1) { clear: both; } .block-grid-xs-7 > .block-grid-item { width: 14.28571%; } .block-grid-xs-7 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-xs-7 > .block-grid-item:nth-of-type(7n+1) { clear: both; } .block-grid-xs-8 > .block-grid-item { width: 12.5%; } .block-grid-xs-8 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-xs-8 > .block-grid-item:nth-of-type(8n+1) { clear: both; } .block-grid-xs-9 > .block-grid-item { width: 11.11111%; } .block-grid-xs-9 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-xs-9 > .block-grid-item:nth-of-type(9n+1) { clear: both; } .block-grid-xs-10 > .block-grid-item { width: 10%; } .block-grid-xs-10 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-xs-10 > .block-grid-item:nth-of-type(10n+1) { clear: both; } .block-grid-xs-11 > .block-grid-item { width: 9.09091%; } .block-grid-xs-11 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-xs-11 > .block-grid-item:nth-of-type(11n+1) { clear: both; } .block-grid-xs-12 > .block-grid-item { width: 8.33333%; } .block-grid-xs-12 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-xs-12 > .block-grid-item:nth-of-type(12n+1) { clear: both; } @media (min-width: 768px) { .block-grid-sm-1 > .block-grid-item { width: 100%; } .block-grid-sm-1 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-sm-1 > .block-grid-item:nth-of-type(1n+1) { clear: both; } .block-grid-sm-2 > .block-grid-item { width: 50%; } .block-grid-sm-2 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-sm-2 > .block-grid-item:nth-of-type(2n+1) { clear: both; } .block-grid-sm-3 > .block-grid-item { width: 33.33333%; } .block-grid-sm-3 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-sm-3 > .block-grid-item:nth-of-type(3n+1) { clear: both; } .block-grid-sm-4 > .block-grid-item { width: 25%; } .block-grid-sm-4 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-sm-4 > .block-grid-item:nth-of-type(4n+1) { clear: both; } .block-grid-sm-5 > .block-grid-item { width: 20%; } .block-grid-sm-5 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-sm-5 > .block-grid-item:nth-of-type(5n+1) { clear: both; } .block-grid-sm-6 > .block-grid-item { width: 16.66667%; } .block-grid-sm-6 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-sm-6 > .block-grid-item:nth-of-type(6n+1) { clear: both; } .block-grid-sm-7 > .block-grid-item { width: 14.28571%; } .block-grid-sm-7 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-sm-7 > .block-grid-item:nth-of-type(7n+1) { clear: both; } .block-grid-sm-8 > .block-grid-item { width: 12.5%; } .block-grid-sm-8 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-sm-8 > .block-grid-item:nth-of-type(8n+1) { clear: both; } .block-grid-sm-9 > .block-grid-item { width: 11.11111%; } .block-grid-sm-9 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-sm-9 > .block-grid-item:nth-of-type(9n+1) { clear: both; } .block-grid-sm-10 > .block-grid-item { width: 10%; } .block-grid-sm-10 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-sm-10 > .block-grid-item:nth-of-type(10n+1) { clear: both; } .block-grid-sm-11 > .block-grid-item { width: 9.09091%; } .block-grid-sm-11 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-sm-11 > .block-grid-item:nth-of-type(11n+1) { clear: both; } .block-grid-sm-12 > .block-grid-item { width: 8.33333%; } .block-grid-sm-12 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-sm-12 > .block-grid-item:nth-of-type(12n+1) { clear: both; } } @media (min-width: 992px) { .block-grid-md-1 > .block-grid-item { width: 100%; } .block-grid-md-1 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-md-1 > .block-grid-item:nth-of-type(1n+1) { clear: both; } .block-grid-md-2 > .block-grid-item { width: 50%; } .block-grid-md-2 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-md-2 > .block-grid-item:nth-of-type(2n+1) { clear: both; } .block-grid-md-3 > .block-grid-item { width: 33.33333%; } .block-grid-md-3 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-md-3 > .block-grid-item:nth-of-type(3n+1) { clear: both; } .block-grid-md-4 > .block-grid-item { width: 25%; } .block-grid-md-4 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-md-4 > .block-grid-item:nth-of-type(4n+1) { clear: both; } .block-grid-md-5 > .block-grid-item { width: 20%; } .block-grid-md-5 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-md-5 > .block-grid-item:nth-of-type(5n+1) { clear: both; } .block-grid-md-6 > .block-grid-item { width: 16.66667%; } .block-grid-md-6 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-md-6 > .block-grid-item:nth-of-type(6n+1) { clear: both; } .block-grid-md-7 > .block-grid-item { width: 14.28571%; } .block-grid-md-7 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-md-7 > .block-grid-item:nth-of-type(7n+1) { clear: both; } .block-grid-md-8 > .block-grid-item { width: 12.5%; } .block-grid-md-8 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-md-8 > .block-grid-item:nth-of-type(8n+1) { clear: both; } .block-grid-md-9 > .block-grid-item { width: 11.11111%; } .block-grid-md-9 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-md-9 > .block-grid-item:nth-of-type(9n+1) { clear: both; } .block-grid-md-10 > .block-grid-item { width: 10%; } .block-grid-md-10 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-md-10 > .block-grid-item:nth-of-type(10n+1) { clear: both; } .block-grid-md-11 > .block-grid-item { width: 9.09091%; } .block-grid-md-11 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-md-11 > .block-grid-item:nth-of-type(11n+1) { clear: both; } .block-grid-md-12 > .block-grid-item { width: 8.33333%; } .block-grid-md-12 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-md-12 > .block-grid-item:nth-of-type(12n+1) { clear: both; } } @media (min-width: 1200px) { .block-grid-lg-1 > .block-grid-item { width: 100%; } .block-grid-lg-1 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-lg-1 > .block-grid-item:nth-of-type(1n+1) { clear: both; } .block-grid-lg-2 > .block-grid-item { width: 50%; } .block-grid-lg-2 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-lg-2 > .block-grid-item:nth-of-type(2n+1) { clear: both; } .block-grid-lg-3 > .block-grid-item { width: 33.33333%; } .block-grid-lg-3 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-lg-3 > .block-grid-item:nth-of-type(3n+1) { clear: both; } .block-grid-lg-4 > .block-grid-item { width: 25%; } .block-grid-lg-4 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-lg-4 > .block-grid-item:nth-of-type(4n+1) { clear: both; } .block-grid-lg-5 > .block-grid-item { width: 20%; } .block-grid-lg-5 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-lg-5 > .block-grid-item:nth-of-type(5n+1) { clear: both; } .block-grid-lg-6 > .block-grid-item { width: 16.66667%; } .block-grid-lg-6 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-lg-6 > .block-grid-item:nth-of-type(6n+1) { clear: both; } .block-grid-lg-7 > .block-grid-item { width: 14.28571%; } .block-grid-lg-7 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-lg-7 > .block-grid-item:nth-of-type(7n+1) { clear: both; } .block-grid-lg-8 > .block-grid-item { width: 12.5%; } .block-grid-lg-8 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-lg-8 > .block-grid-item:nth-of-type(8n+1) { clear: both; } .block-grid-lg-9 > .block-grid-item { width: 11.11111%; } .block-grid-lg-9 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-lg-9 > .block-grid-item:nth-of-type(9n+1) { clear: both; } .block-grid-lg-10 > .block-grid-item { width: 10%; } .block-grid-lg-10 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-lg-10 > .block-grid-item:nth-of-type(10n+1) { clear: both; } .block-grid-lg-11 > .block-grid-item { width: 9.09091%; } .block-grid-lg-11 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-lg-11 > .block-grid-item:nth-of-type(11n+1) { clear: both; } .block-grid-lg-12 > .block-grid-item { width: 8.33333%; } .block-grid-lg-12 > .block-grid-item:nth-of-type(n) { clear: none; } .block-grid-lg-12 > .block-grid-item:nth-of-type(12n+1) { clear: both; } } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes moveUp { 0% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @-webkit-keyframes scaleFromUp { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleFromUp { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } /*------------------------------------------------------------------ * Pagination (multiple pages) @mixin =============================================================*/ .pagination-custom { display: block; padding-left: 0; margin: 0; line-height: 1; } .pagination-custom > li { display: inline-block; margin: 0 5px 0 0; } .pagination-custom > li:last-child { margin-right: 0; } .pagination-custom > li > span { position: relative; float: left; padding: 6px 5px; line-height: 1.6; text-decoration: none; color: #2c3e50; margin-left: -1px; } .pagination-custom > li > a { position: relative; float: left; padding: 6px 5px; min-width: 33px; line-height: 1.6; text-decoration: none; color: #2c3e50; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; text-align: center; } .pagination-custom > li:first-child > a, .pagination-custom > li:first-child > span { margin-left: 0; } @media (max-width: 767px) { .pagination-custom > li.active-before, .pagination-custom > li.active-after { display: none; } } .pagination-custom > li > a:hover, .pagination-custom > li > a:focus { color: #c61515; background-color: none; border-color: #c61515; } .pagination-custom > .active > a, .pagination-custom > .active > span { min-width: 33px; text-align: center; position: relative; top: -1px; } .pagination-custom > .active > a, .pagination-custom > .active > a:hover, .pagination-custom > .active > a:focus, .pagination-custom > .active > span, .pagination-custom > .active > span:hover, .pagination-custom > .active > span:focus { z-index: 2; color: #fff; background-color: #c61515; border-color: #c61515; cursor: default; } .pagination-custom > .disabled > span, .pagination-custom > .disabled > span:hover, .pagination-custom > .disabled > span:focus, .pagination-custom > .disabled > a, .pagination-custom > .disabled > a:hover, .pagination-custom > .disabled > a:focus { color: #ccc; background-color: none; border-color: none; cursor: not-allowed; } /*------------------------------------------------------------------ * Effects for: * Dropdown menu * Slider caption * Hover on photos @mixin =============================================================*/ .hover-default .item-photo { position: relative; overflow: hidden; text-decoration: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .hover-default .item-photo img { display: block; max-width: 100%; height: auto; width: 100%; height: 100%; -webkit-transition: 0.35s; transition: 0.35s; } @media (min-width: 1200px) { .hover-default .item-photo:hover .item-photo__hover { opacity: 1; } .hover-default .item-photo:hover .item-photo__more { opacity: 1; } .hover-default .item-photo:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .hover-default .item-photo__hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: 0.35s; transition: 0.35s; } .hover-default .item-photo__hover--params { top: 0; padding: 15px 30px 5px 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .hover-default .item-photo__hover--bottom { top: auto; padding: 15px 30px 5px 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .hover-default .item-photo__more { margin: -15px 0 0 -50px; top: 50%; position: absolute; left: 50%; width: 100px; display: block; text-align: center; border: 2px solid #fff; color: #fff; font-size: 12px; text-transform: uppercase; padding: 3px 0; opacity: .3; -webkit-transition: 0.35s; transition: 0.35s; } .hover-default .item-photo__more:hover, .hover-default .item-photo__more.hover { color: #c61515; border: 2px solid #c61515; } .hover-default .item-photo__more:active, .hover-default .item-photo__more.active { color: #fff; background: #c61515; } .hover-default .item-photo__more:disabled, .hover-default .item-photo__more.disabled { color: #ccc; border: 2px solid #ccc; cursor: not-allowed; } .hover-default .item-photo--static:hover img { width: 100%; max-width: 100%; } .hover-default .worker--sidebar .item-photo__more { margin: -15px 0 0 -25px; width: 50px; } /*------------------------------------------------------------------ * Chekbox and radio css only customization * This structure is accpeted * @mixin =============================================================*/ label.in-label { display: inline-block; cursor: pointer; position: relative; padding-left: 24px; padding-top: 3px; font-weight: normal; } input[type=radio].in-radio, input[type=checkbox].in-checkbox { display: none; } label.in-label:before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 10px; position: absolute; left: 1px; top: 6px; background-color: #fff; border: 1px solid #b3b3b3; -webkit-transition: 0.3s; transition: 0.3s; } input[type=radio].in-radio + label:before { border-radius: 15px; width: 15px; height: 15px; } label.in-label.in-label--expander:before { content: '+'; color: #fff; background: #858585; font-size: 25px; line-height: 0.6; } label.in-label.in-label--expander.active:before { content: '-'; color: #fff; background: #006FCD; font-size: 39px; line-height: 0.2; border: 1px solid #0F5EA1; text-align: center; } input[type=radio].in-radio:checked + label:before { font-size: 8px; display: inline-block; font-family: FontAwesome; content: ""; color: #01a1bb; text-align: center; line-height: 13px; border: 1px solid #b3b3b3; border-radius: 15px; } input[type=checkbox].in-checkbox:checked + label:before { font-family: 'Glyphicons Halflings'; content: "\e013"; font-size: 8px; color: #2c3e50; text-align: center; line-height: 18px; } input[type=checkbox].in-checkbox:indeterminate + label:before { font-size: 8px; display: inline-block; font-family: FontAwesome; content: ""; font-size: 8px; color: #2c3e50; text-align: center; line-height: 18px; } /*------------------------------------------------------------------ * Common elements styles on the page + Site / .site __ Title / .site__title __ headline / .site__headline __ panel / .site__panel __ content / .site__content @mixin =============================================================*/ .site { padding-left: 15px; padding-right: 15px; } .site__title { font-size: 46px; color: #2c3e50; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 0; text-align: center; font-family: "Montserrat", sans-serif; margin: 40px 0 0; text-align: left; } .sidebar .site__title { font-size: 34px; } .footer .site__title { font-family: "Source Sans Pro", sans-serif; } @media (max-width: 767px) { .site__title { font-size: 26px; } .sidebar .site__title { font-size: 26px; } } @media (max-width: 767px) { .site__title { text-align: center; } } .site__title--slider { margin: 0 0 50px; text-align: center; } @media (max-width: 767px) { .site__title--slider { margin-bottom: 20px; } } .site__title--center { text-align: center; } .site__headline { font-size: 14px; font-weight: 400; margin-top: 30px; margin-bottom: 0; line-height: 2; text-align: center; margin: 4px 0 0 0; min-height: 42px; text-align: left; } .site__headline strong { font-weight: 600; } @media (max-width: 767px) { .site__headline { font-size: 14px; margin-top: 25px; line-height: 1.4; min-height: auto; } } .sidebar .site__headline { margin: 4px 0 0; } @media (max-width: 767px) { .site__headline { margin-bottom: 0; margin-top: 12px; text-align: center; } } /* Badr background: #01a1bb; ->040219 Search results filter */ .site__panel { background: #040219; color: #2c3e50; margin-top: 0; margin-bottom: 0; padding: 10px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .site__panel { margin-top: 30px; } } .site__panel .control-label { text-transform: uppercase; font-weight: 600; color: #fff; margin: 3px 10px 0 0; float: left; display: inline-block; } @media (max-width: 1199px) { .site__panel .control-label { display: block; margin-top: 0; } } @media (max-width: 767px) { .site__panel .control-label { display: inline-block; margin-top: 3px; } } .site__panel .form-group { margin-bottom: 0; } .site__panel .btn--white { color: #fff; } .site__header-text { width: 100%; } .site__header-text a { color: #fff; text-decoration: underline; margin-left: 3px; } .site__header-text a:hover { text-decoration: underline; } .site__filter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site__filter .form-control--select { width: 200px; display: inline-block; } .site__filter .form-group:not(:first-of-type) { margin-left: 20px; } @media (max-width: 1199px) { .site__filter .form-group:not(:first-of-type) { margin-left: 0; } } .site__filter .select2-container { margin-top: 2px; margin-right: 20px; } .site__subtitle { font-size: 46px; color: #2c3e50; font-weight: 600; text-transform: uppercase; margin: 28px 0 0; border-bottom: 1px solid #d0d0d0; padding: 0 0 21px 0; } .site__content { padding-left: 15px; padding-right: 15px; float: left; margin-bottom: 30px; } @media (min-width: 768px) { .site__content { width: 66.66667%; } } @media (min-width: 1200px) { .site__content { width: 75%; } } @media (max-width: 767px) { .site__content { padding: 0; } } .site__widget { border-top: 1px solid #d6d6d6; } .site--dashboard { padding-left: 15px; padding-right: 15px; float: left; margin-top: 40px; } @media (min-width: 768px) { .site--dashboard { width: 66.66667%; } } @media (min-width: 1200px) { .site--dashboard { width: 75%; } } .site--main { padding-left: 15px; padding-right: 15px; float: left; } @media (min-width: 768px) { .site--main { width: 66.66667%; } } @media (min-width: 1200px) { .site--main { width: 75%; } } .site--main:before, .site--main:after { content: " "; display: table; } .site--main:after { clear: both; } @media (max-width: 767px) { .site--main { float: none; } } .site--main .site__main:before, .site--main .site__main:after { content: " "; display: table; } .site--main .site__main:after { clear: both; } .site--main .site__header-text { color: #fff; display: block; font-weight: 600; } .button__action { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; border: none; border-bottom: 4px solid #8e0e0e; background: #c61515; color: #fff; } .button__action:hover, .button__action:focus, .button__action.active { color: #333; text-decoration: none; outline: none; } .button__action:disabled, .button__action.disabled { cursor: not-allowed; } .button__action.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .button__action:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .button__action.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .button__action.has-error, .button__action.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .button__action.has-error:after, .button__action.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .button__action.has-success, .button__action.success { color: transparent !important; } .button__action.has-success:after, .button__action.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .button__action.button--loading:before { content: ""; } .button--loading-refresh .button__action.button--loading:before { content: ""; } .button--loading-spinner .button__action.button--loading:before { content: ""; } .button__action.hover, .button__action:hover { border-bottom: 4px solid #c61515; color: #fff; } .button__action:active, .button__action.active { border-top: 4px solid #8e0e0e; border-bottom: none; color: #fff; } .button__action:disabled, .button__action.disabled { color: #ccc; background: #efefef; border-bottom: 4px solid #dedede; } .button__more { position: relative; border: 1px solid #d6d6d6; text-align: center; display: block; padding: 7px 20px; text-transform: uppercase; color: #2c3e50; text-decoration: none; vertical-align: middle; line-height: 1.6; font-weight: 600; margin: 0 auto; } .button__more:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .button__more.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .button__more.has-error, .button__more.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .button__more.has-error:after, .button__more.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .button__more.has-success, .button__more.success { color: transparent !important; } .button__more.has-success:after, .button__more.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .button__more.button--loading:before { content: ""; } .button--loading-refresh .button__more.button--loading:before { content: ""; } .button--loading-spinner .button__more.button--loading:before { content: ""; } .button__more.hover, .button__more:hover { border-color: #c61515; color: #c61515; text-decoration: none; } .button__more:active, .button__more.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .button__more:focus, .button__more.focus { text-decoration: none; outline: none; } .button__more:disabled, .button__more.disabled { cursor: not-allowed; color: #ccc; border-color: #efefef; } .button__more.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .button__default { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; text-decoration: none; border: 2px solid #2c3e50; background: none; color: #2c3e50; padding: 6px 5px; } .button__default:hover, .button__default:focus, .button__default.active { color: #333; text-decoration: none; outline: none; } .button__default:disabled, .button__default.disabled { cursor: not-allowed; } .button__default.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .button__default:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .button__default.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .button__default.has-error, .button__default.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .button__default.has-error:after, .button__default.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .button__default.has-success, .button__default.success { color: transparent !important; } .button__default.has-success:after, .button__default.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .button__default.button--loading:before { content: ""; } .button--loading-refresh .button__default.button--loading:before { content: ""; } .button--loading-spinner .button__default.button--loading:before { content: ""; } @media (min-width: 992px) { .button__default.hover, .button__default:hover { border-color: #c61515; color: #c61515; } } .button__default:active, .button__default.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .button__default:disabled, .button__default.disabled { color: #ccc; border-color: #efefef; } .button__default--reset:before { margin: 0 10px 0 0; font-size: 1em; display: inline-block; font-family: FontAwesome; content: ""; } .button__default--normal { padding: 4px 10px; width: 120px; } .button__default--medium { font-size: 12px; padding: 4px 10px; width: 115px; } .button__default--small { font-size: 12px; padding: 1px 10px; border-width: 1px; width: 100px; } /*------------------------------------------------------------------ * UI page demonstration @mixin =============================================================*/ .ui__row { margin-left: -15px; margin-right: -15px; margin-top: 40px; } .ui__row:before, .ui__row:after { content: " "; display: table; } .ui__row:after { clear: both; } @media (max-width: 991px) { .ui__row { margin-top: 20px; } } .ui__row--slider { background: #f6f6f6; margin: 0; } .ui__title { font-size: 14px; } @media (max-width: 767px) { .ui__title { display: block; margin-left: 10px; } } .ui__button { display: inline-block; } .ui__button--1 { width: 150px !important; margin-right: 7px; } @media (max-width: 767px) { .ui__button--1 { display: block; margin-top: 10px; } } .ui__button--2 { width: 200px !important; margin-right: 7px; margin-left: 10px; display: inline-block; } @media (max-width: 767px) { .ui__button--2 { display: block; margin-top: 10px; } } .ui__button--3 { width: 181px; margin-right: 7px; } @media (max-width: 767px) { .ui__button--3 { display: block; margin-top: 10px; } } .ui__button--4 { width: 120px; margin-right: 7px; } @media (max-width: 767px) { .ui__button--4 { display: block; margin-top: 10px; } } .ui__button--5 { width: 100px; margin-right: 7px; } @media (max-width: 767px) { .ui__button--5 { display: block; margin-top: 10px; } } .ui__button--6 { width: 104px; margin-right: 7px; } @media (max-width: 767px) { .ui__button--6 { display: block; margin-top: 10px; } } .ui__button--7 { width: 72px; } @media (max-width: 767px) { .ui__button--7 { display: block; margin-top: 10px; } } .ui__button--wide { width: 230px !important; margin-right: 7px; margin-left: 10px; display: inline-block; } @media (max-width: 767px) { .ui__button--wide { display: block; margin-top: 10px; } } .ui--buttons .ui__row { position: relative; padding-left: 100px; line-height: 3; margin-left: 0; margin-right: 0; } @media (max-width: 767px) { .ui--buttons .ui__row { padding-left: 0; } .ui--buttons .ui__row span, .ui--buttons .ui__row a, .ui--buttons .ui__row button { display: block; margin-top: 10px; } .ui--buttons .ui__row span { margin-top: 0; line-height: 1em; } } .ui--buttons .ui__title { width: 98px; display: inline-block; position: absolute; top: 0; left: 0; } @media (max-width: 767px) { .ui--buttons .ui__title { position: relative; } } .ui--social { margin-top: 51px; } .ui--social .ui__row { margin-top: 0; } .ui--social .ui__column { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-top: 20px; } @media (min-width: 1200px) { .ui--social .ui__column { float: left; width: 50%; } } .ui--menu { margin-top: 36px; } .ui--properties .properties__item { margin-bottom: 20px; } .ui--sliders .ui__column { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 1200px) { .ui--sliders .ui__column { float: left; width: 33.33333%; } } .ui--links .ui__column--1 { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 33.33333%; } @media (min-width: 480px) { .ui--links .ui__column--1:nth-of-type(n) { clear: none; } .ui--links .ui__column--1:nth-of-type(3n+1) { clear: both; } } @media (min-width: 1200px) { .ui--links .ui__column--1 { width: 8.33333%; } } @media (min-width: 1200px) { .ui--links .ui__column--1:nth-of-type(n) { clear: none; } .ui--links .ui__column--1:nth-of-type(12n+1) { clear: both; } } .ui--links .ui__column--2 { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 33.33333%; } @media (min-width: 1200px) { .ui--links .ui__column--2 { margin-left: 8.33333%; } } @media (min-width: 480px) { .ui--links .ui__column--2:nth-of-type(n) { clear: none; } .ui--links .ui__column--2:nth-of-type(3n+1) { clear: both; } } @media (min-width: 1200px) { .ui--links .ui__column--2 { width: 8.33333%; } } @media (min-width: 1200px) { .ui--links .ui__column--2:nth-of-type(n) { clear: none; } .ui--links .ui__column--2:nth-of-type(12n+1) { clear: both; } } .ui--links .ui__column--3 { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 33.33333%; } @media (min-width: 1200px) { .ui--links .ui__column--3 { margin-left: 0%; } } @media (min-width: 480px) { .ui--links .ui__column--3:nth-of-type(n) { clear: none; } .ui--links .ui__column--3:nth-of-type(3n+1) { clear: both; } } @media (min-width: 1200px) { .ui--links .ui__column--3 { width: 25%; } } @media (min-width: 1200px) { .ui--links .ui__column--3:nth-of-type(n) { clear: none; } .ui--links .ui__column--3:nth-of-type(4n+1) { clear: both; } } .ui--links .ui__column--4 { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 33.33333%; } @media (min-width: 1200px) { .ui--links .ui__column--4 { margin-left: 8.33333%; } } @media (min-width: 480px) { .ui--links .ui__column--4:nth-of-type(n) { clear: none; } .ui--links .ui__column--4:nth-of-type(3n+1) { clear: both; } } @media (min-width: 1200px) { .ui--links .ui__column--4 { width: 8.33333%; } } @media (min-width: 1200px) { .ui--links .ui__column--4:nth-of-type(n) { clear: none; } .ui--links .ui__column--4:nth-of-type(12n+1) { clear: both; } } @media (max-width: 1199px) { .ui--links .ui__column--4 .social-panel { text-align: left; } } .ui--links .ui__column--5 { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 33.33333%; } @media (min-width: 480px) { .ui--links .ui__column--5:nth-of-type(n) { clear: none; } .ui--links .ui__column--5:nth-of-type(3n+1) { clear: both; } } @media (min-width: 1200px) { .ui--links .ui__column--5 { width: 8.33333%; } } @media (min-width: 1200px) { .ui--links .ui__column--5:nth-of-type(n) { clear: none; } .ui--links .ui__column--5:nth-of-type(12n+1) { clear: both; } } .ui--links .ui__column--6 { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 33.33333%; } @media (min-width: 1200px) { .ui--links .ui__column--6 { margin-left: 8.33333%; } } @media (min-width: 480px) { .ui--links .ui__column--6:nth-of-type(n) { clear: none; } .ui--links .ui__column--6:nth-of-type(3n+1) { clear: both; } } @media (min-width: 1200px) { .ui--links .ui__column--6 { width: 8.33333%; } } @media (min-width: 1200px) { .ui--links .ui__column--6:nth-of-type(n) { clear: none; } .ui--links .ui__column--6:nth-of-type(12n+1) { clear: both; } } .ui--sliders .ui__slider { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin: 0 auto; } @media (min-width: 1200px) { .ui--sliders .ui__slider { float: left; width: 75%; } } .ui--search .ui__column { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 100%; } @media (min-width: 480px) { .ui--search .ui__column:nth-of-type(n) { clear: none; } .ui--search .ui__column:nth-of-type(1n+1) { clear: both; } } @media (min-width: 768px) { .ui--search .ui__column { width: 66.66667%; } } @media (min-width: 768px) { .ui--search .ui__column:nth-of-type(n) { clear: none; } .ui--search .ui__column:nth-of-type(1.5n+1) { clear: both; } } @media (min-width: 1200px) { .ui--search .ui__column { width: 75%; } } @media (min-width: 1200px) { .ui--search .ui__column:nth-of-type(n) { clear: none; } .ui--search .ui__column:nth-of-type(1.33333n+1) { clear: both; } } .ui--icons .ui__icons-item { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 50%; margin-top: 0; vertical-align: middle; } @media (min-width: 480px) { .ui--icons .ui__icons-item:nth-of-type(n) { clear: none; } .ui--icons .ui__icons-item:nth-of-type(2n+1) { clear: both; } } @media (min-width: 768px) { .ui--icons .ui__icons-item { width: 25%; } } @media (min-width: 768px) { .ui--icons .ui__icons-item:nth-of-type(n) { clear: none; } .ui--icons .ui__icons-item:nth-of-type(4n+1) { clear: both; } } @media (min-width: 1200px) { .ui--icons .ui__icons-item { width: 14.16667%; } } @media (min-width: 1200px) { .ui--icons .ui__icons-item:nth-of-type(n) { clear: none; } .ui--icons .ui__icons-item:nth-of-type(7.05882n+1) { clear: both; } } .ui--icons .ui__icons-svg { fill: #01a1bb; width: 70%; display: block; margin: auto; } .ui--icons .ui__icons-svg--stroke { stroke: #01a1bb; stroke-width: 1px; fill: none; width: 35%; } .ui--icons .ui__icons-svg--danger { fill: #e95b35; } .ui--icons .ui__icons-svg--doc { width: 40%; } .ui--icons .ui__icons-svg--area { width: 60%; } .ui--icons .ui__icons-svg--window { width: 40%; } .ui--icons .ui__icons-title { display: block; text-align: center; } .ui--forms .ui__column { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } @media (min-width: 992px) { .ui--forms .ui__column { float: left; width: 50%; } } .ui--forms .form-property__ranges { margin-top: 40px; } @media (max-width: 767px) { .ui--forms .form-property__ranges { margin-top: 20px; } } .ui--review .review__title { margin-top: 20px; } .ui--dividers > .row { margin-top: 30px; margin-bottom: 30px; } .social-panel { font-size: 21px; padding: 5px 0; text-align: center; } .social-panel:before, .social-panel:after { content: " "; display: table; } .social-panel:after { clear: both; } .social-panel__link { margin: 10px 20px; } .social-panel__link:hover, .social-panel__link.hover { color: #01cdee; } .social-panel__link:active, .social-panel__link.active { color: #c61515; } .social-panel__link:disabled, .social-panel__link.disabled { color: #ccc; cursor: not-allowed; } @media (max-width: 1199px) { .social-panel__link { margin: 10px; } } .social-panel--brand { background: #01a1bb; } .social-panel--brand .social-panel__link { color: #fff; } .social-panel--brand .social-panel__link:hover, .social-panel--brand .social-panel__link.hover { color: #01cdee; } .social-panel--brand .social-panel__link:active, .social-panel--brand .social-panel__link.active { color: #c61515; } .social-panel--brand .social-panel__link:disabled, .social-panel--brand .social-panel__link.disabled { color: #ccc; cursor: not-allowed; } .social-panel--black-white { background: #000; } .social-panel--black-white .social-panel__link { color: #fff; } .social-panel--black-white .social-panel__link:hover, .social-panel--black-white .social-panel__link.hover { color: #ff6a08; } .social-panel--black-white .social-panel__link:active, .social-panel--black-white .social-panel__link.active { color: #c61515; } .social-panel--black-white .social-panel__link:disabled, .social-panel--black-white .social-panel__link.disabled { color: #ccc; cursor: not-allowed; } .social-panel--highlight { background: #000; } .social-panel--highlight .social-panel__link { color: #c61515; } .social-panel--highlight .social-panel__link:hover, .social-panel--highlight .social-panel__link.hover { color: #ff6a08; } .social-panel--highlight .social-panel__link:active, .social-panel--highlight .social-panel__link.active { color: #c61515; } .social-panel--highlight .social-panel__link:disabled, .social-panel--highlight .social-panel__link.disabled { color: #ccc; cursor: not-allowed; } .social-panel--simple .social-panel__link { color: #01a1bb; } .social-panel--simple .social-panel__link:hover, .social-panel--simple .social-panel__link.hover { color: #01cdee; } .social-panel--simple .social-panel__link:active, .social-panel--simple .social-panel__link.active { color: #c61515; } .social-panel--simple .social-panel__link:disabled, .social-panel--simple .social-panel__link.disabled { color: #ccc; cursor: not-allowed; } .ul-list { list-style: none; margin: 30px 0; padding: 0; } .ul-list li { padding-left: 25px; position: relative; } .ul-list li:before { font-size: 12px; display: inline-block; font-family: FontAwesome; content: ""; color: #01a1bb; left: 0; position: absolute; top: 4px; } .ul-list--default li { background: url("../img/bg-border-dotted-vertical.png") no-repeat 3px 5px; } .ul-list--default li:before { content: " "; color: #01a1bb; width: 8px; height: 8px; border: 2px solid #01a1bb; border-radius: 8px; margin: 0 3px 0 0; display: inline-block; top: 9px; } .ul-list--default li:first-child { background-position: 3px 10px; } .ul-list--default li:last-child { background-position: 3px -209px; } .ul-list--disk li:before { content: "\f111"; font-size: 8px; } .ul-list--check li:before { content: "\f00c"; } .ul-list--rounded-check li:before { content: "\f05d"; } .ul-list--arrow li:before { content: "\f105"; } .ul-list--star li:before { content: "\f006"; color: #c61515; } .ul-list--x li:before { content: "\f00d"; color: #c61515; } .ul-list--ordered { list-style-type: decimal; margin-left: 22px; } .ul-list--ordered li { padding-left: 5px; } .ul-list--ordered li:before { content: " "; display: none; } /*------------------------------------------------------------------ * Dividers styles @mixin =============================================================*/ .divider--solid { border-top: 1px solid #808080; } .divider--solid-light { border-top: 1px solid #d0d0d0; } .divider--dotted { background: url("../img/bg-border-dotted-horizontal.png") 0 0 repeat-x; border: 0; height: 1px; } .divider--dashed { border-top: 1px dashed #222222; } /*------------------------------------------------------------------ * WP default styles @mixin =============================================================*/ .site-title, .entry-title { font-size: 46px; color: #2c3e50; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 0; text-align: center; font-family: "Montserrat", sans-serif; margin: 24px 0 0; color: #2c3e50; font-size: 34px; text-align: left; font-weight: normal; } .sidebar .site-title, .sidebar .entry-title { font-size: 34px; } .footer .site-title, .footer .entry-title { font-family: "Source Sans Pro", sans-serif; } @media (max-width: 767px) { .site-title, .entry-title { font-size: 26px; } .sidebar .site-title, .sidebar .entry-title { font-size: 26px; } } .footer .site-title, .footer .entry-title { font-size: 17px; color: #c61515; margin: 30px 0 15px; font-weight: 600; text-transform: uppercase; } @media (max-width: 767px) { .footer .site-title, .footer .entry-title { margin-top: 25px; margin-bottom: 25px; } } .site-title a, .entry-title a { color: inherit; } .sidebar .widget-title { font-size: 46px; color: #2c3e50; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 0; text-align: center; font-family: "Montserrat", sans-serif; margin: 24px 0 0; color: #2c3e50; text-align: left; font-size: 34px; font-weight: 600; } .sidebar .sidebar .widget-title { font-size: 34px; } .footer .sidebar .widget-title { font-family: "Source Sans Pro", sans-serif; } @media (max-width: 767px) { .sidebar .widget-title { font-size: 26px; } .sidebar .sidebar .widget-title { font-size: 26px; } } .sidebar .widget-subtitle { font-size: 14px; font-weight: 400; margin-top: 30px; margin-bottom: 0; line-height: 2; text-align: center; text-transform: none; color: #2c3e50; text-align: left; margin: 4px 0 0; line-height: 1.1; min-height: 32px; } .sidebar .widget-subtitle strong { font-weight: 600; } @media (max-width: 767px) { .sidebar .widget-subtitle { font-size: 14px; margin-top: 25px; line-height: 1.4; min-height: auto; } } .sidebar .sidebar .widget-subtitle { margin: 4px 0 0; } .footer .widget-title { font-size: 17px; color: #c61515; margin: 30px 0 15px; font-weight: 600; text-transform: uppercase; } @media (max-width: 767px) { .footer .widget-title { margin-top: 25px; margin-bottom: 25px; } } .secondary-toggle { display: none; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .widget a:hover { text-decoration: none; } .widget > ul { margin: 0; padding: 0; list-style: none; background: #fff; border: 1px solid #d6d6d6; padding: 25px; margin-top: 12px; margin-bottom: 24px; } .widget > ul li { color: #2c3e50; padding: 14px 0; border-bottom: 1px solid #dedede; } .widget > ul li:last-child { border-bottom: none; } .widget_archive select { margin-top: 12px; width: 100%; display: block; } .widget_search .search-form { background: #fff; border: 1px solid #d6d6d6; padding: 25px; margin-top: 12px; margin-bottom: 24px; } .widget_search label { width: 100%; } .widget_search .search-field { display: block; width: 100%; height: 38px; padding: 6px 20px; font-size: 15px; line-height: 1.6; color: #2c3e50; background-color: #fff; background-image: none; border: 1px solid #d6d6d6; border-radius: 0; position: relative; z-index: 5; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; width: 100%; font-weight: normal; font-style: italic; } .widget_search .search-field:focus { border-color: #01a1bb; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 161, 187, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 161, 187, 0.6); } .widget_search .search-field::-moz-placeholder { color: #2c3e50; opacity: 1; } .widget_search .search-field:-ms-input-placeholder { color: #2c3e50; } .widget_search .search-field::-webkit-input-placeholder { color: #2c3e50; } .widget_search .search-field[disabled], .widget_search .search-field[readonly], fieldset[disabled] .widget_search .search-field { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } .widget_search .search-field.parsley-error { border: 1px solid #e95b35; } .widget_search .search-field.parsley-success { border: 1px solid #01a1bb; } .widget_search .search-submit { color: #d6d6d6; font-size: 16px; background: none; border: none; float: right; margin: -32px 0 0 0; position: relative; z-index: 10; } .widget_search .search-submit:after { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; content: "\e003"; } .textwidget { background: #fff; border: 1px solid #d6d6d6; padding: 25px; margin-top: 12px; margin-bottom: 24px; } .footer .textwidget { background: none; padding: 0; border: none; color: #bebebe; margin: 10px 0; font-size: 15px; line-height: 1.6; } .footer .textwidget a { font-size: 12px; color: #bebebe; border: 2px solid #bebebe; padding: 5px 10px; margin: 10px 0; text-transform: uppercase; } .widget_calendar table { width: 100%; border: 1px solid #d6d6d6; } .widget_calendar caption { text-align: left; padding: 0 0 20px; font-weight: bold; } .widget_calendar th, .widget_calendar td { text-align: center; line-height: 33px; } .widget_calendar tfoot, .widget_calendar thead { border: 1px solid #d6d6d6; border-bottom: none; } .widget_calendar tbody { background: #fff; border: 1px solid #d6d6d6; padding: 25px; margin-top: 12px; margin-bottom: 24px; } .widget_calendar tbody a { background: #01a1bb; color: #fff; display: block; } .widget_calendar tbody a:hover { background: #01cdee; } .tagcloud a { color: #2c3e50; margin: 3px 10px 3px 0; display: inline-block; text-transform: uppercase; font-weight: 600; } .widget_recent_entries > ul > li { border-bottom-style: dashed; } .widget_recent_entries > ul > li > a { color: #2c3e50; font-weight: 600; display: block; font-size: 18px; } .widget_recent_comments .recentcomments { font-style: italic; border-bottom-style: dashed; color: #d6d6d6; font-size: 12px; } .widget_recent_comments .recentcomments > a { font-style: normal; display: block; margin-top: 10px; font-size: 14px; } .widget_recent_comments .comment-author-link { color: #2c3e50; font-style: normal; font-size: 14px; display: block; } .widget_recent_comments .comment-author-link a { color: #2c3e50; font-style: normal; font-size: 14px; } .widget_categories > ul > li:before { font-size: 10px; display: inline-block; font-family: FontAwesome; content: ""; color: #2c3e50; margin-right: 10px; } .widget_categories > ul > li > ul { margin-top: 15px; list-style: none; border-top: 1px solid #dedede; } .post { border-top: 1px solid #808080; margin-bottom: 1px; padding: 33px 0; } .post:first-of-type { padding-top: 0; border: none; } .site-main { margin-top: 25px; } .entry-header .entry-title { font-size: 18px; font-weight: 700; } .entry-content { margin-top: 30px; } .entry-footer { margin-top: 30px; } .entry-footer:before, .entry-footer:after { content: " "; display: table; } .entry-footer:after { clear: both; } .posted-on { background: rgba(1, 161, 187, 0.7); text-align: center; padding: 10px 5px; float: left; } .posted-on a { color: #fff; } .tags-links { margin-left: 50px; } .comments-link a { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; border: none; border-bottom: 4px solid #8e0e0e; background: #c61515; color: #fff; width: auto; float: right; margin-right: 0; margin-left: 10px; } .comments-link a:hover, .comments-link a:focus, .comments-link a.active { color: #333; text-decoration: none; outline: none; } .comments-link a:disabled, .comments-link a.disabled { cursor: not-allowed; } .comments-link a.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .comments-link a:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .comments-link a.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .comments-link a.has-error, .comments-link a.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .comments-link a.has-error:after, .comments-link a.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .comments-link a.has-success, .comments-link a.success { color: transparent !important; } .comments-link a.has-success:after, .comments-link a.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .comments-link a.button--loading:before { content: ""; } .button--loading-refresh .comments-link a.button--loading:before { content: ""; } .button--loading-spinner .comments-link a.button--loading:before { content: ""; } .comments-link a.hover, .comments-link a:hover { border-bottom: 4px solid #c61515; color: #fff; } .comments-link a:active, .comments-link a.active { border-top: 4px solid #8e0e0e; border-bottom: none; color: #fff; } .comments-link a:disabled, .comments-link a.disabled { color: #ccc; background: #efefef; border-bottom: 4px solid #dedede; } @media (max-width: 767px) { .comments-link a { margin: 5px 0; } } .edit-link a { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; border: none; border-bottom: 4px solid #8e0e0e; background: #c61515; color: #fff; width: auto; float: right; margin-right: 0; margin-left: 10px; } .edit-link a:hover, .edit-link a:focus, .edit-link a.active { color: #333; text-decoration: none; outline: none; } .edit-link a:disabled, .edit-link a.disabled { cursor: not-allowed; } .edit-link a.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .edit-link a:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .edit-link a.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .edit-link a.has-error, .edit-link a.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .edit-link a.has-error:after, .edit-link a.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .edit-link a.has-success, .edit-link a.success { color: transparent !important; } .edit-link a.has-success:after, .edit-link a.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .edit-link a.button--loading:before { content: ""; } .button--loading-refresh .edit-link a.button--loading:before { content: ""; } .button--loading-spinner .edit-link a.button--loading:before { content: ""; } .edit-link a.hover, .edit-link a:hover { border-bottom: 4px solid #c61515; color: #fff; } .edit-link a:active, .edit-link a.active { border-top: 4px solid #8e0e0e; border-bottom: none; color: #fff; } .edit-link a:disabled, .edit-link a.disabled { color: #ccc; background: #efefef; border-bottom: 4px solid #dedede; } .post-password-form { margin-top: 10px; } .post-password-form label > input { display: block; width: 100%; height: 38px; padding: 6px 20px; font-size: 15px; line-height: 1.6; color: #2c3e50; background-color: #fff; background-image: none; border: 1px solid #d6d6d6; border-radius: 0; position: relative; z-index: 5; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .post-password-form label > input:focus { border-color: #01a1bb; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 161, 187, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 161, 187, 0.6); } .post-password-form label > input::-moz-placeholder { color: #2c3e50; opacity: 1; } .post-password-form label > input:-ms-input-placeholder { color: #2c3e50; } .post-password-form label > input::-webkit-input-placeholder { color: #2c3e50; } .post-password-form label > input[disabled], .post-password-form label > input[readonly], fieldset[disabled] .post-password-form label > input { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } .post-password-form label > input.parsley-error { border: 1px solid #e95b35; } .post-password-form label > input.parsley-success { border: 1px solid #01a1bb; } @media (max-width: 767px) { .post-password-form label > input { margin-left: 0; } } .post-password-form input[type="submit"] { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; border: none; border-bottom: 4px solid #8e0e0e; background: #c61515; color: #fff; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus, .post-password-form input[type="submit"].active { color: #333; text-decoration: none; outline: none; } .post-password-form input[type="submit"]:disabled, .post-password-form input[type="submit"].disabled { cursor: not-allowed; } .post-password-form input[type="submit"].progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .post-password-form input[type="submit"]:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .post-password-form input[type="submit"].button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .post-password-form input[type="submit"].has-error, .post-password-form input[type="submit"].error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .post-password-form input[type="submit"].has-error:after, .post-password-form input[type="submit"].error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .post-password-form input[type="submit"].has-success, .post-password-form input[type="submit"].success { color: transparent !important; } .post-password-form input[type="submit"].has-success:after, .post-password-form input[type="submit"].success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .post-password-form input[type="submit"].button--loading:before { content: ""; } .button--loading-refresh .post-password-form input[type="submit"].button--loading:before { content: ""; } .button--loading-spinner .post-password-form input[type="submit"].button--loading:before { content: ""; } .post-password-form input[type="submit"].hover, .post-password-form input[type="submit"]:hover { border-bottom: 4px solid #c61515; color: #fff; } .post-password-form input[type="submit"]:active, .post-password-form input[type="submit"].active { border-top: 4px solid #8e0e0e; border-bottom: none; color: #fff; } .post-password-form input[type="submit"]:disabled, .post-password-form input[type="submit"].disabled { color: #ccc; background: #efefef; border-bottom: 4px solid #dedede; } @media (max-width: 767px) { .post-password-form input[type="submit"] { margin-left: 0; } } /*------------------------------------------------------------------ * Sidebar wrap + Sidebar / .sidebar @mixin =============================================================*/ .sidebar { padding-left: 15px; padding-right: 15px; float: left; margin-top: 27px; } @media (min-width: 768px) { .sidebar { width: 33.33333%; } } @media (min-width: 1200px) { .sidebar { width: 25%; } } .sidebar > :last-child { margin-bottom: 0; } @media (max-width: 767px) { .sidebar { padding-left: 15px; margin-top: 30px; float: none; } } .sidebar .container { margin: 0; padding: 0; width: 100%; } .sidebar__content { margin-top: -1px; } .sidebar--upper { margin-top: 0; } @media (max-width: 767px) { .sidebar--upper { margin-top: 30px; } } @media (max-width: 767px) { .sidebar--listing .sidebar__toggle { display: none; } } .sidebar--dashboard { margin-top: 40px; } @media (max-width: 767px) { .sidebar--dashboard { margin-top: 30px; margin-bottom: 0; } } /*------------------------------------------------------------------ * Fix antialiasing for safari, mac os @mixin =============================================================*/ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget-bar { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; } @media (min-width: 768px) { .widget-bar { width: 100%; } } @media (min-width: 768px) { .widget-bar:nth-of-type(n) { clear: none; } .widget-bar:nth-of-type(1n+1) { clear: both; } } @media (min-width: 992px) { .widget-bar { width: 50%; } } @media (min-width: 992px) { .widget-bar:nth-of-type(n) { clear: none; } .widget-bar:nth-of-type(2n+1) { clear: both; } } @media (min-width: 1200px) { .widget-bar { width: 33.33333%; } } @media (min-width: 1200px) { .widget-bar:nth-of-type(n) { clear: none; } .widget-bar:nth-of-type(3n+1) { clear: both; } } /*------------------------------------------------------------------ * Center wrap + Center / .center @mixin =============================================================*/ /* badr f6f6f6 -> fcfcfc */ .center { background: #fcfcfc; position: relative; } .center > .container > :last-child { padding-bottom: 50px; } @media (max-width: 767px) { .center > .container > :last-child { padding-bottom: 30px; } } .center--subpage { border-top: 1px solid #dedede; } .main--white .center { background: #fff !important; } /*------------------------------------------------------------------ * Main wrap + Main / .main @mixin =============================================================*/ .main--white .main { background: #fff !important; } .main--white .main .container { background: #fff !important; } /*------------------------------------------------------------------ * Box wrap + Box / .box @mixin =============================================================*/ .box { position: relative; } .collapse { display: none; visibility: hidden; } .collapse.in { display: block; visibility: visible; } @media (min-width: 768px) { .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; visibility: visible !important; } } .compact .navbar__row { margin-top: 15px; margin-bottom: 15px; } @media (max-width: 767px) { .compact .navbar__row { margin: 0; } } /*------------------------------------------------------------------ * Option enable header Color Brand @mixin =============================================================*/ .header_color_brand .navbar--header { background: #01a1bb; } .header_color_brand .navbar--header.header-fixed { -webkit-box-shadow: 0 5px 0 rgba(1, 161, 187, 0.2); box-shadow: 0 5px 0 rgba(1, 161, 187, 0.2); } .header_color_brand .navbar-collapse { background: #2c3e50; } .header_color_brand .navbar__nav > li > a { color: #fff; -webkit-box-shadow: none; box-shadow: none; } .header_color_brand .auth__link { color: #fff; } .header_color_brand .auth__remember, .header_color_brand .auth__label { color: #2c3e50; } .header_color_brand .auth__title { color: #2c3e50; } .header_color_brand .auth__icon-user { fill: #fff; } @media (min-width: 768px) { .header_color_brand .navbar .navbar__nav > .active { background: #c61515; } } .header_color_brand .navbar .navbar__nav > .active > a { border: none; } @media (min-width: 768px) { .header_color_brand .navbar .navbar__nav > li:hover, .header_color_brand .navbar .navbar__nav > li:focus { background: #c61515; } } .header_color_brand .navbar__user-item { color: #fff; } @media (min-width: 768px) { .header_color_brand .header-fixed .navbar .navbar__nav { background: none; } .header_color_brand .header-fixed .header__email, .header_color_brand .header-fixed .header__phone { color: #fff; } } /*------------------------------------------------------------------ * Option enable header Color White @mixin =============================================================*/ .header_color_white .navbar { background: #fff; } .header_color_white .navbar.header-fixed { -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); } /*------------------------------------------------------------------ * Option enable header Color Gray @mixin =============================================================*/ .header_color_gray .navbar { background: #f6f6f6; } .header_color_gray .navbar.header-fixed { -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2); } /*------------------------------------------------------------------ * Option enable 'boxed' @mixin =============================================================*/ .boxed .box { width: 1300px; margin: 0 auto; padding: 0 10px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); background-color: #fff; } @media (max-width: 1299px) { .boxed .box { width: auto; padding: 0; } } .site-wrap { -webkit-transition: 0.5s; transition: 0.5s; background: #fff; position: relative; } .site-wrap:before, .site-wrap:after { content: " "; display: table; } .site-wrap:after { clear: both; } .site-wrap--move { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } .section .container { padding-bottom: 30px; } /*------------------------------------------------------------------ * Option enable bacground pattern @mixin =============================================================*/ .bg-brickwall { background: url("../img/patterns/brickwall.png"); } .bg-debut_light { background: url("../img/patterns/debut_light.png"); } .bg-diagonal_lines_01 { background: url("../img/patterns/diagonal_lines_01.png"); } .bg-diagonal-noise { background: url("../img/patterns/diagonal-noise.png"); } .bg-dust_2X { background: url("../img/patterns/dust_2X.png"); } .bg-groovepaper { background: url("../img/patterns/groovepaper.png"); } .bg-little_pluses { background: url("../img/patterns/little_pluses.png"); } .bg-p4 { background: url("../img/patterns/p4.png"); } .bg-p5 { background: url("../img/patterns/p5.png"); } .bg-retina_dust { background: url("../img/patterns/retina_dust.png"); } .bg-ricepaper2 { background: url("../img/patterns/ricepaper2.png"); } .bg-shl { background: url("../img/patterns/shl.png"); } .bg-squairy_light { background: url("../img/patterns/squairy_light.png"); } .bg-stardust_2X { background: url("../img/patterns/stardust_2X.png"); } .bg-subtle_dots { background: url("../img/patterns/subtle_dots.png"); } .bg-subtle_dots_2X { background: url("../img/patterns/subtle_dots_2X.png"); } .bg-white_brick_wall { background: url("../img/patterns/white_brick_wall.png"); } .bg-worn_dots { background: url("../img/patterns/worn_dots.png"); } .sidebar-left .property, .sidebar-left .page__content, .sidebar-left .site { float: right; } @media (max-width: 767px) { .sidebar-left .property, .sidebar-left .page__content, .sidebar-left .site { float: none; } } .sidebar-right .property, .sidebar-right .page__content, .sidebar-right .site { float: left; } @media (max-width: 767px) { .sidebar-right .property, .sidebar-right .page__content, .sidebar-right .site { float: none; } } @media (min-width: 1200px) { .fullwidth .property, .fullwidth .page__content, .fullwidth .site, .sidebar-hide .property, .sidebar-hide .page__content, .sidebar-hide .site { float: none; width: 100%; } .fullwidth .sidebar, .sidebar-hide .sidebar { display: none; } } .bs-example .label { margin-right: 5px; } hr { border-top: 1px solid #d6d6d6; } @media (min-width: 1200px) { .scroll-animation [data-sr] { visibility: hidden; } } .form-target { display: none; } mark { background: none; padding: 0; } /*------------------------------------------------------------------ * Loading Overlay option + Loading Overlay / .loading-overlay @mixin =============================================================*/ .loading-overlay { position: relative; } .loading-overlay > *:not(.loading) { opacity: 0.3; } .loading-overlay .loading { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 9; } .loading-overlay .loading:before { font-size: 3em; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; z-index: 10; display: block; } .footer .loading-overlay .loading { color: #bebebe; } /*------------------------------------------------------------------ * No items option + No items / .no-items @mixin =============================================================*/ .no-items { text-align: center; } .no-items__icon { font-size: 40px; display: block; color: #d1d1d1; } .no-items__icon svg { width: 40px; height: 31px; fill: #d1d1d1; } .no-items__icon--svg { font-size: inherit; } .no-items__title { display: inline-block; background: #d1d1d1; color: #fff; font-size: 25px; margin-top: 10px; padding: 0 15px; text-transform: uppercase; } .footer .no-items__title { color: #222 !important; } .no-items--align { margin: 0; } /*------------------------------------------------------------------ * Parsley errors vendor fix style + Parsley / .parsley @mixin =============================================================*/ .parsley-errors-list { margin: 0; padding: 0; list-style-type: none; font-size: 0.9em; line-height: 0.9em; opacity: 0; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; width: 100%; } .parsley-errors-list.filled { opacity: 1; margin-top: 5px; } @media (max-width: 767px) { .parsley-errors-list.filled { position: relative; bottom: 0; margin-bottom: 10px; } } .parsley-type, .parsley-minlength { color: #f3bc65; } .parsley-required { color: #e95b35; } /*------------------------------------------------------------------ * Range Slider vendor fix style + Range Slider / .irs @mixin =============================================================*/ .irs-line { background: #01a1bb; background-image: -webkit-gradient(linear, left top, right top, from(#01cdee), to(#01a1bb)); background-image: linear-gradient(to right, #01cdee 0%, #01a1bb 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF01CDEE', endColorstr='#FF01A1BB', GradientType=1); } .form--banner-sidebar:not(.form--white) .irs-line { background: rgba(255, 255, 255, 0.3); background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), to(white)); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4DFFFFFF', endColorstr='#FFFFFFFF', GradientType=1); } /*------------------------------------------------------------------ * Pnotify vendor fix style + Pnotify / .ui-pnotify-container @mixin =============================================================*/ .ui-pnotify-container.alert-success { background: #01a1bb; } /*------------------------------------------------------------------ * Select2 vendor fix style + Select2 / .ui-pnotify-container @mixin =============================================================*/ .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #01a1bb; } /*------------------------------------------------------------------ * Player vendor fix style + Player / .player @mixin =============================================================*/ .player-controls button:focus, .player-controls button:hover, .player-controls [type="checkbox"]:focus + label, .player-controls [type="checkbox"] + label:hover { background: #01a1bb; } .player-progress-played[value] { z-index: 2; color: #01a1bb; } .player-volume[type=range]:focus { outline: 0; } .player-volume[type=range]:focus::-webkit-slider-thumb { background: #01a1bb; } .player-volume[type=range]:focus::-moz-range-thumb { background: #01a1bb; } .player-volume[type=range]:focus::-ms-thumb { background: #01a1bb; } /*------------------------------------------------------------------ * Calendar fixes @mixin =============================================================*/ .daterangepicker th.month { color: #01a1bb; } /*------------------------------------------------------------------ * Switch + Switch / .switch @mixin =============================================================*/ .switch { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; } .switch * { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; } .switch label { cursor: pointer; } .switch label input[type=checkbox] { opacity: 0; width: 0; height: 0; display: none; } .switch label input[type=checkbox]:checked + .lever { background-color: #84c7c1; } .switch label input[type=checkbox]:checked + .lever:after { background-color: #26a69a; } .switch label .lever { content: ""; display: inline-block; position: relative; width: 30px; height: 15px; background-color: rgba(255, 255, 255, 0.5); border-radius: 15px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; vertical-align: middle; margin: 0 16px; } .header--white .switch label .lever { background-color: #d7d7d7; } .switch label .lever:after { content: ""; position: absolute; display: inline-block; width: 15px; height: 15px; background-color: #F1F1F1; border-radius: 15px; left: -5px; top: 0; -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; } .header--white .switch label .lever:after { background-color: #01a1bb; } .switch input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 10px rgba(38, 166, 154, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 10px rgba(38, 166, 154, 0.1); } .switch input[type=checkbox]:not(:disabled) ~ .lever:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 10px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 10px rgba(0, 0, 0, 0.08); } .switch label input[type=checkbox]:checked + .lever:after { left: 16px; } .switch input[type=checkbox][disabled] + .lever { cursor: default; } .switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after { background-color: #BDBDBD; } .switch--header { font-size: 13px; text-transform: uppercase; } .switch--header label input[type=checkbox]:checked + .lever { background-color: rgba(255, 255, 255, 0.5); } .switch--header label input[type=checkbox]:checked + .lever:after { background-color: #fff; } .header--overlay-map .switch--header label input[type=checkbox]:checked + .lever { background-color: #d7d7d7; } .header--overlay-map .switch--header label input[type=checkbox]:checked + .lever:after { background-color: #01a1bb; } .header--white .switch--header label input[type=checkbox]:checked + .lever { background-color: #d7d7d7; } .header--white .switch--header label input[type=checkbox]:checked + .lever:after { background-color: #01a1bb; } .switch--menu { font-size: 15px; text-transform: uppercase; margin: 10px 0 0 50px; color: #fff; } .switch--menu label input[type=checkbox]:checked + .lever { background-color: rgba(255, 255, 255, 0.5); } .switch--menu label input[type=checkbox]:checked + .lever:after { background-color: #fff; } .switch--menu label .lever { width: 50px; height: 20px; } .switch--menu label .lever:after { width: 20px; height: 20px; } .switch--menu label input[type=checkbox]:checked + .lever:after { left: 30px; } .title-thin { font-family: "Montserrat Thin", sans-serif; } [id^='__lpform_'] { display: none; } .widget:before, .widget:after { content: " "; display: table; } .widget:after { clear: both; } .site__panel + .site__main > .widget:first-of-type { border-top: none; } .listing__param + .site__main > .widget:first-of-type { margin-top: 20px; border-top: none; } @media (max-width: 767px) { .widget__btn--goto + .site__main > .widget:first-of-type { border-top: none; } } .widget__footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .widget__more { position: relative; border: 1px solid #d6d6d6; text-align: center; display: block; padding: 7px 20px; text-transform: uppercase; color: #2c3e50; text-decoration: none; vertical-align: middle; line-height: 1.6; font-weight: 600; margin: 0 auto; margin-top: 40px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .widget__more:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .widget__more.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .widget__more.has-error, .widget__more.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .widget__more.has-error:after, .widget__more.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .widget__more.has-success, .widget__more.success { color: transparent !important; } .widget__more.has-success:after, .widget__more.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .widget__more.button--loading:before { content: ""; } .button--loading-refresh .widget__more.button--loading:before { content: ""; } .button--loading-spinner .widget__more.button--loading:before { content: ""; } .widget__more.hover, .widget__more:hover { border-color: #c61515; color: #c61515; text-decoration: none; } .widget__more:active, .widget__more.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .widget__more:focus, .widget__more.focus { text-decoration: none; outline: none; } .widget__more:disabled, .widget__more.disabled { cursor: not-allowed; color: #ccc; border-color: #efefef; } .widget__more.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } @media (max-width: 767px) { .widget__more { margin-top: 30px; } } .widget__btn--toggle { font-size: 17px; color: #2c3e50; text-align: center; border: 1px solid #d6d6d6; padding: 15px 0; background: #fff; text-transform: uppercase; width: 100%; font-weight: bold; outline: none; margin-top: 40px; cursor: pointer; background: #e4e4e4; margin-top: -1px; display: none; } .widget__btn--toggle:hover { color: #2c3e50; } .widget__btn--toggle:after { font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; border: 1px solid #2c3e50; margin-left: 10px; width: 26px; height: 26px; vertical-align: top; text-align: center; line-height: 26px; padding: 0 0 0 2px; } .widget__btn--toggle.active:after { content: "\f078"; } @media (max-width: 767px) { .widget__btn--toggle { display: block; } } .widget__btn--goto { font-size: 17px; color: #2c3e50; text-align: center; border: 1px solid #d6d6d6; padding: 15px 0; background: #fff; text-transform: uppercase; width: 100%; font-weight: bold; outline: none; margin-top: 40px; cursor: pointer; background: #fff; margin-top: 20px; display: none; } .widget__btn--goto:hover { color: #2c3e50; } .widget__btn--goto:after { font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; border: 1px solid #2c3e50; margin-left: 10px; width: 26px; height: 26px; vertical-align: top; text-align: center; line-height: 26px; padding: 0 0 0 2px; } .widget__btn--goto.active:after { content: "\f078"; } @media (max-width: 767px) { .widget__btn--goto { display: block; } } .widget--dashboard { background: #fff; padding: 40px; margin-top: 20px; } .widget--dashboard:first-of-type { margin-top: 0; } @media (max-width: 767px) { .widget--dashboard { padding: 20px; } } .widget--dashboard .widget__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .widget--dashboard .widget__btn { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; text-decoration: none; border: 2px solid #2c3e50; background: none; color: #2c3e50; white-space: inherit; line-height: 1; font-size: 12px; border-width: 1px; width: auto; margin-left: 10px; margin-right: 0; } .widget--dashboard .widget__btn:hover, .widget--dashboard .widget__btn:focus, .widget--dashboard .widget__btn.active { color: #333; text-decoration: none; outline: none; } .widget--dashboard .widget__btn:disabled, .widget--dashboard .widget__btn.disabled { cursor: not-allowed; } .widget--dashboard .widget__btn.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .widget--dashboard .widget__btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .widget--dashboard .widget__btn.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .widget--dashboard .widget__btn.has-error, .widget--dashboard .widget__btn.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .widget--dashboard .widget__btn.has-error:after, .widget--dashboard .widget__btn.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .widget--dashboard .widget__btn.has-success, .widget--dashboard .widget__btn.success { color: transparent !important; } .widget--dashboard .widget__btn.has-success:after, .widget--dashboard .widget__btn.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .widget--dashboard .widget__btn.button--loading:before { content: ""; } .button--loading-refresh .widget--dashboard .widget__btn.button--loading:before { content: ""; } .button--loading-spinner .widget--dashboard .widget__btn.button--loading:before { content: ""; } @media (min-width: 992px) { .widget--dashboard .widget__btn.hover, .widget--dashboard .widget__btn:hover { border-color: #c61515; color: #c61515; } } .widget--dashboard .widget__btn:active, .widget--dashboard .widget__btn.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .widget--dashboard .widget__btn:disabled, .widget--dashboard .widget__btn.disabled { color: #ccc; border-color: #efefef; } .widget--dashboard .widget__btn--action { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; border: none; border-bottom: 4px solid #8e0e0e; background: #c61515; color: #fff; white-space: inherit; margin-right: 0; width: auto; } .widget--dashboard .widget__btn--action:hover, .widget--dashboard .widget__btn--action:focus, .widget--dashboard .widget__btn--action.active { color: #333; text-decoration: none; outline: none; } .widget--dashboard .widget__btn--action:disabled, .widget--dashboard .widget__btn--action.disabled { cursor: not-allowed; } .widget--dashboard .widget__btn--action.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .widget--dashboard .widget__btn--action:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .widget--dashboard .widget__btn--action.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .widget--dashboard .widget__btn--action.has-error, .widget--dashboard .widget__btn--action.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .widget--dashboard .widget__btn--action.has-error:after, .widget--dashboard .widget__btn--action.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .widget--dashboard .widget__btn--action.has-success, .widget--dashboard .widget__btn--action.success { color: transparent !important; } .widget--dashboard .widget__btn--action.has-success:after, .widget--dashboard .widget__btn--action.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .widget--dashboard .widget__btn--action.button--loading:before { content: ""; } .button--loading-refresh .widget--dashboard .widget__btn--action.button--loading:before { content: ""; } .button--loading-spinner .widget--dashboard .widget__btn--action.button--loading:before { content: ""; } .widget--dashboard .widget__btn--action.hover, .widget--dashboard .widget__btn--action:hover { border-bottom: 4px solid #c61515; color: #fff; } .widget--dashboard .widget__btn--action:active, .widget--dashboard .widget__btn--action.active { border-top: 4px solid #8e0e0e; border-bottom: none; color: #fff; } .widget--dashboard .widget__btn--action:disabled, .widget--dashboard .widget__btn--action.disabled { color: #ccc; background: #efefef; border-bottom: 4px solid #dedede; } .widget--dashboard .widget__title { font-size: 24px; font-weight: bold; text-transform: uppercase; margin: 0; } @media (max-width: 767px) { .widget--dashboard .widget__title { font-size: 20px; } } .widget--dashboard .widget__header + .widget__content { margin-top: 50px; } @media (max-width: 767px) { .widget--dashboard .widget__header + .widget__content { margin-top: 30px; } } .widget--main { margin-top: 50px; border-top: 1px solid #d6d6d6; } @media (max-width: 767px) { .widget--main { margin-top: 30px; } } .widget--main .widget__title { font-size: 24px; font-weight: 600; text-transform: uppercase; margin: 40px 0 0 0; } @media (max-width: 767px) { .widget--main .widget__title { font-size: 20px; } } .widget--main .widget__card--collapse .widget__title { position: relative; margin-top: 20px; font-family: "Source Sans Pro", sans-serif; } @media (max-width: 767px) { .widget--main .widget__card--collapse .widget__title { font-size: 20px; padding: 0 0 0 35px; } .widget--main .widget__card--collapse .widget__title:before { font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; border: 1px solid #2c3e50; color: #2c3e50; display: inline-block; margin: -3px 0 0 0; font-weight: normal; text-align: center; width: 24px; line-height: 24px; height: 24px; position: absolute; top: 4px; left: 0; text-decoration: none; } .widget--main .widget__card--collapse .widget__title.active { color: #01a1bb; } .widget--main .widget__card--collapse .widget__title.active:before { content: '\f068'; } } .widget--main .widget__header + .widget__content { margin-top: 40px; } .widget--details { margin-top: 30px; } .widget--details:first-of-type { margin-top: 0; border-top: none; } .widget--details .widget__title { font-size: 20px; font-weight: 600; margin: 0; } .widget--details .widget__header + .widget__content { margin-top: 30px; } .widget--sidebar { margin-top: 50px; } .widget--sidebar:first-of-type:not(.widget--first-no-head) { margin-top: 26px; } @media (max-width: 767px) { .widget--sidebar { margin-top: 0; } .widget--sidebar.widget--opened { margin-top: 30px; } } .widget--sidebar .widget__title { color: #2c3e50; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-family: "Montserrat", sans-serif; font-size: 34px; text-align: left; } @media (max-width: 767px) { .widget--sidebar .widget__title { text-align: center; display: none; } } .widget--sidebar .widget__headline { font-size: 14px; font-weight: 400; margin-top: 30px; margin-bottom: 0; line-height: 2; text-align: center; font-size: 15px; text-transform: none; margin: 4px 0 0; line-height: 1.1; text-align: left; } .widget--sidebar .widget__headline strong { font-weight: 600; } @media (max-width: 767px) { .widget--sidebar .widget__headline { font-size: 14px; margin-top: 25px; line-height: 1.4; min-height: auto; } } .sidebar .widget--sidebar .widget__headline { margin: 4px 0 0; } @media (max-width: 767px) { .widget--sidebar .widget__headline { text-align: center; display: none; } } .widget--sidebar .widget__content { padding: 25px 30px; background: #fff; border: 1px solid #dedede; } .widget--sidebar .widget__header + .widget__content { margin-top: 11px; } @media (max-width: 767px) { .widget--sidebar .widget__content { display: none; } } .widget--landing .widget__header { margin-top: 50px; margin-bottom: 40px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .widget--landing .widget__header:before, .widget--landing .widget__header:after { content: " "; display: table; } .widget--landing .widget__header:after { clear: both; } @media (min-width: 480px) { .widget--landing .widget__header { width: 480px; } } @media (min-width: 768px) { .widget--landing .widget__header { width: 750px; } } @media (min-width: 992px) { .widget--landing .widget__header { width: 970px; } } @media (min-width: 1200px) { .widget--landing .widget__header { width: 1200px; } } @media (max-width: 767px) { .widget--landing .widget__header { margin-top: 30px; margin-bottom: 30px; } } .widget--landing .widget__title { font-size: 46px; color: #2c3e50; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 0; text-align: center; font-family: "Montserrat", sans-serif; } .sidebar .widget--landing .widget__title { font-size: 34px; } .footer .widget--landing .widget__title { font-family: "Source Sans Pro", sans-serif; } @media (max-width: 767px) { .widget--landing .widget__title { font-size: 26px; } .sidebar .widget--landing .widget__title { font-size: 26px; } } .widget--landing .widget__headline { font-size: 14px; font-weight: 400; margin-top: 30px; margin-bottom: 0; line-height: 2; text-align: center; text-transform: uppercase; } .widget--landing .widget__headline strong { font-weight: 600; } @media (max-width: 767px) { .widget--landing .widget__headline { font-size: 14px; margin-top: 25px; line-height: 1.4; min-height: auto; } } .sidebar .widget--landing .widget__headline { margin: 4px 0 0; } .widget--landing .widget__content { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; padding-bottom: 50px; } .widget--landing .widget__content:before, .widget--landing .widget__content:after { content: " "; display: table; } .widget--landing .widget__content:after { clear: both; } @media (min-width: 480px) { .widget--landing .widget__content { width: 480px; } } @media (min-width: 768px) { .widget--landing .widget__content { width: 750px; } } @media (min-width: 992px) { .widget--landing .widget__content { width: 970px; } } @media (min-width: 1200px) { .widget--landing .widget__content { width: 1200px; } } @media (max-width: 767px) { .widget--landing .widget__content { padding-bottom: 30px; } } .widget--sidebar-dashboard .widget__title { color: #2c3e50; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-family: "Montserrat", sans-serif; font-size: 34px; text-align: left; } @media (max-width: 767px) { .widget--sidebar-dashboard .widget__title { text-align: center; } } .widget--sidebar-dashboard .widget__headline { font-size: 14px; font-weight: 400; margin-top: 30px; margin-bottom: 0; line-height: 2; text-align: center; font-size: 15px; text-transform: none; margin: 4px 0 0; line-height: 1.1; text-align: left; } .widget--sidebar-dashboard .widget__headline strong { font-weight: 600; } @media (max-width: 767px) { .widget--sidebar-dashboard .widget__headline { font-size: 14px; margin-top: 25px; line-height: 1.4; min-height: auto; } } .sidebar .widget--sidebar-dashboard .widget__headline { margin: 4px 0 0; } @media (max-width: 767px) { .widget--sidebar-dashboard .widget__headline { text-align: center; } } .widget--sidebar-dashboard .widget__content { background: #fff; padding: 20px; } .widget--sidebar-dashboard .widget__content:before, .widget--sidebar-dashboard .widget__content:after { content: " "; display: table; } .widget--sidebar-dashboard .widget__content:after { clear: both; } .widget--sidebar-dashboard .widget__content:first-of-type { margin-top: 0; } .widget--first-no-head { margin-top: 100px; } @media (max-width: 767px) { .widget--first-no-head { margin-top: 30px; } } .widget--filter { display: none; } @media (max-width: 767px) { .widget--filter { display: block; } } /*Badr change background image background: url("../img/bg-search.jpg") f6f6f6 */ .widget--bg { background: url("../img/main.png") 50% 0 no-repeat #fcfcfc ; hight: 100%; padding-top: 15px; } .widget--bg .widget__header { margin: 80px auto 50px; } @media (max-width: 767px) { .widget--bg .widget__header { margin: 30px auto; } } /** Badr f6f6f6 - > fcfcfc*/ .widget--gray { background: #fcfcfc; } .widget--no-margin { margin-top: 0; } .widget--no-border { border-top: none; } .widget--sep { border-top: 1px solid #d6d6d6; } .widget--listing { border-top: none; margin-top: 20px; } .widget--dark .widget__content { background: #e4e4e4; } @media (max-width: 767px) { .widget--collapsing { margin-top: 0; } .widget--collapsing.widget--opened { margin-top: 30px; } } @media (max-width: 767px) { .widget--collapsing .widget__header { width: auto; margin: 0; padding: 0; } } @media (max-width: 767px) { .widget--collapsing .widget__title { display: none; } } @media (max-width: 767px) { .widget--collapsing .widget__headline { display: none; } } @media (max-width: 767px) { .widget--collapsing .widget__content { display: none; } } .widget--opened .widget__title { display: block; } .widget--opened .widget__headline { display: block; } .widget--opened .widget__content { display: block; } .widget--opened .widget__btn { display: none; } .widget--achievement { background: url("../img/bg-achievement.jpg") 0 0 no-repeat; } @media (max-width: 767px) { .widget--achievement { background: url("../img/bg-achievement--mob.jpg") 0 0 no-repeat; background-size: cover; } } @media (min-width: 1200px) { .widget--achievement { overflow: hidden; } } .widget--footer .widget__title { font-size: 17px; color: #c61515; margin: 30px 0 15px; font-weight: 600; text-transform: uppercase; } @media (max-width: 767px) { .widget--footer .widget__title { margin-top: 25px; margin-bottom: 25px; } } .widget--footer .widget__more { border: 2px solid #bebebe; padding: 5px 10px; display: inline-block; } .widget--footer .widget__more:hover { color: #bebebe; } .widget--footer .widget__more:active { background: none; } @media (max-width: 767px) { .widget:not(.widget--sidebar-dashboard).widget--collapsing .widget__content { margin-top: 30px; padding: 0; } } /*------------------------------------------------------------------ * Workers widget + Worker / .worker __ Item / .worker__item -- Worker sidebar / .worker--sidebar -- Worker card / .worker--card -- Worker list / .worker--list -- Worker details / .worker--details -- Worker grid / .worker--grid -- Worker sidebar-advanced / .worker--sidebar-advanced @mixin =============================================================*/ .worker__name { margin: 7px 0 7px; text-transform: uppercase; font-size: 24px; color: #01a1bb; font-weight: 600; } @media (max-width: 767px) { .worker__name { font-size: 17px; margin-bottom: 0; } } .worker__post { padding: 10px 0; } @media (max-width: 767px) { .worker__post { padding: 3px 0; border: none; } } .worker__tel { margin: 10px 0 10px 0; font-size: 20px; color: #01a1bb; font-weight: 600; text-decoration: none; } .worker__tel:hover { text-decoration: none; color: #01a1bb; } @media (max-width: 767px) { .worker__tel { font-size: 17px; margin: 5px 0 0 0; } } .worker__contacts { color: #2c3e50; } .worker__contacts a { font-weight: 600; color: #01a1bb; margin-left: 5px; } .worker__contacts a:first-child { margin-left: 0 !important; } .worker__contacts > div > span { width: 20%; display: inline-block; vertical-align: middle; } .worker__contacts > div > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 75%; display: inline-block; vertical-align: middle; font-weight: 600; } .worker__contacts > div > a:first-child { width: 100%; } .worker__listings a { font-weight: 600; margin-left: 5px; } .worker__favorites { font-style: normal; margin-right: 10px; } .worker__favorites:before { font-size: 1em; display: inline-block; font-family: FontAwesome; content: ""; } .worker__favorites--highlight { color: #c61515; } .worker__avatar { background: #e4e4e4; padding: 25px 0 0 0; margin: 19px 0 11px 0; } .worker__avatar svg { fill: #2c3e50; width: 85%; margin: 0 auto 0; display: block; height: 130px; } .worker__avatar-upload { text-align: center; font-size: 13px; color: #01a1bb; border: none; background: none; width: 100%; display: block; } .worker__nav { margin: 27px 0 0 10px; } .worker__nav ul { margin: 0; padding: 0; list-style: none; } .worker__nav li { margin: 18px 0; } .worker__nav a { text-transform: uppercase; color: #2c3e50; display: block; } .worker__show { border: 1px solid #d6d6d6; color: #01a1bb; text-align: center; background: #fff; margin: 15px auto 0; padding: 6px 10px; display: none; width: 170px; } .worker__show:before { font-size: 1em; display: inline-block; font-family: FontAwesome; content: ""; margin-right: 10px; } .opened .worker__show { display: none; } @media (max-width: 767px) { .worker__show { display: block; } } .worker__intro-col:before, .worker__intro-col:after { content: " "; display: table; } .worker__intro-col:after { clear: both; } .worker__intro-head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .worker__intro-name { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .worker__intro-brand { text-align: center; } .worker__more { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; text-decoration: none; border: 2px solid #2c3e50; background: none; color: #2c3e50; width: 130px; display: none; background: none; } .worker__more:hover, .worker__more:focus, .worker__more.active { color: #333; text-decoration: none; outline: none; } .worker__more:disabled, .worker__more.disabled { cursor: not-allowed; } .worker__more.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .worker__more:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .worker__more.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .worker__more.has-error, .worker__more.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .worker__more.has-error:after, .worker__more.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .worker__more.has-success, .worker__more.success { color: transparent !important; } .worker__more.has-success:after, .worker__more.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .worker__more.button--loading:before { content: ""; } .button--loading-refresh .worker__more.button--loading:before { content: ""; } .button--loading-spinner .worker__more.button--loading:before { content: ""; } @media (min-width: 992px) { .worker__more.hover, .worker__more:hover { border-color: #c61515; color: #c61515; } } .worker__more:active, .worker__more.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .worker__more:disabled, .worker__more.disabled { color: #ccc; border-color: #efefef; } @media (max-width: 767px) { .worker__more { display: block; margin: 10px auto 0; } } @media (min-width: 1200px) { .worker--index:hover .worker__details { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .worker--index:hover .worker__link { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @media (max-width: 1199px) { .worker--index { padding: 0 30px; } } @media (max-width: 767px) { .worker--index { margin-bottom: 30px; } .worker--index:last-of-type { margin-bottom: 0; } } @media (min-width: 1200px) { .worker--index.animate-end .worker__name, .worker--index.animate-end .worker__tel, .worker--index.animate-end .worker__more { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } } .worker--index .worker__name { margin-bottom: 0; margin-top: 0; color: #2c3e50; text-transform: none; } @media (min-width: 1200px) { .worker--index .worker__name { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } } @media (max-width: 767px) { .worker--index .worker__name { font-size: 20px; } } .worker--index .worker__post { padding-top: 5px; padding-bottom: 5px; text-transform: none; font-weight: normal; } .worker--index .worker__photo { position: relative; overflow: hidden; } .worker--index .worker__info { background: #fff; text-align: center; padding-top: 30px; } .worker--index .worker__more { text-transform: uppercase; font-size: 12px; color: #a6a6a6; display: block; border: none; width: 90px; margin: 9px auto 0; padding-bottom: 20px; } .worker--index .worker__more:hover, .worker--index .worker__more:active { background: none; } @media (min-width: 1200px) { .worker--index .worker__more { -webkit-transform: translateY(90px); -ms-transform: translateY(90px); transform: translateY(90px); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } } .worker--index .worker__details { position: absolute; left: 0; right: 0; bottom: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8))); background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#CC000000', GradientType=0); color: #fff; text-align: center; text-transform: uppercase; font-weight: 700; padding: 60px 0 0; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } .worker--index .worker__links { padding: 10px 0; } .worker--index .worker__link { font-size: 20px; color: #fff; margin: 0 10px; -webkit-transition: 0.3s; transition: 0.3s; } .worker--index .worker__link:nth-child(1) { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .worker--index .worker__link:nth-child(2) { -webkit-transform: translateY(200px); -ms-transform: translateY(200px); transform: translateY(200px); } .worker--index .worker__link:nth-child(3) { -webkit-transform: translateY(300px); -ms-transform: translateY(300px); transform: translateY(300px); } .worker--index .worker__link:nth-child(4) { -webkit-transform: translateY(400px); -ms-transform: translateY(400px); transform: translateY(400px); } .worker--index .worker__link-icon { fill: #fff; width: 18px; height: 13px; } .worker--index .worker__tel { margin: 9px 0 0 0; color: #01a1bb; font-size: 17px; font-weight: bold; display: block; } .worker--index .worker__tel:hover { color: #01a1bb; border: none; } @media (min-width: 1200px) { .worker--index .worker__tel { -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } } .worker--sidebar .worker__name { font-size: 15px; text-align: left; margin-top: 0; } .worker--sidebar .worker__post { font-size: 14px; border: none; text-align: left; font-weight: normal; padding-top: 3px; margin-bottom: 0; } .worker--sidebar .worker__photo { position: relative; float: left; width: 41.66667%; min-height: 1px; padding-left: 15px; padding-right: 15px; padding: 0 !important; margin: 0 0 10px 0; float: none; } .worker--sidebar .worker__photo img { display: block; margin: 0; } .worker--sidebar .worker__tel { clear: both; font-size: 15px; text-align: left; margin: 0; display: inline-block; } .worker--sidebar .worker__tel:hover { color: #01a1bb; border-bottom-color: #01a1bb; } .worker--card { margin: 0 auto; width: 50%; } @media (max-width: 991px) { .worker--card { width: 80%; } } @media (max-width: 767px) { .worker--card { width: 100%; } } .worker--card .worker__photo { margin: 12px 0 0; padding-left: 15px; padding-right: 15px; float: left; width: 50%; } @media (max-width: 767px) { .worker--card .worker__photo { padding: 0; margin: 0 auto; float: none; } .worker--card .worker__photo img { margin: 0; } } .worker--card .worker__intro { padding-left: 15px; padding-right: 15px; float: left; } @media (min-width: 768px) { .worker--card .worker__intro { width: 50%; } } @media (max-width: 767px) { .worker--card .worker__intro { text-align: center; } } .worker--card .worker__name { font-size: 30px; margin-top: 10px; text-transform: none; color: #2c3e50; } .worker--card .worker__post { font-size: 15px; border: none; font-weight: normal; padding-top: 3px; color: #606e7c; } .worker--card .worker__company { display: block; margin-top: 10px; } .worker--card .worker__company:hover { text-decoration: none; } .worker--card .worker__company-name { display: block; color: #606e7c; font-weight: 600; margin-top: 5px; } .worker--card .worker__more { margin-top: 30px; display: block; font-size: 12px; width: 150px; margin-left: 0; } @media (max-width: 767px) { .worker--card .worker__more { margin-left: auto; } } .worker--list .worker__photo { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin: 0; padding-right: 30px; padding-left: 0; } @media (min-width: 1200px) { .worker--list .worker__photo { float: left; width: 33.33333%; } } @media (max-width: 1199px) { .worker--list .worker__photo { padding: 0; width: 50%; margin-bottom: 20px; } } @media (max-width: 767px) { .worker--list .worker__photo { width: 60%; margin: 0 auto; } } .worker--list .worker__show { display: none; } .worker--list .worker__intro { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; padding-left: 0; padding-right: 0; margin-bottom: 11px; } @media (min-width: 1200px) { .worker--list .worker__intro { float: left; width: 66.66667%; } } @media (max-width: 1199px) { .worker--list .worker__intro { margin-bottom: 0; } } .worker--list .worker__name { border: none; margin: -4px 0 5px 0; } @media (max-width: 767px) { .worker--list .worker__name { text-align: center; margin: 15px 0 5px; } } .worker--list .worker__post { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; border: 0; padding: 0; margin-bottom: 13px; } @media (min-width: 1200px) { .worker--list .worker__post { float: left; width: 50%; } } @media (max-width: 1199px) { .worker--list .worker__post { margin-bottom: 3px; } } @media (max-width: 767px) { .worker--list .worker__post { text-align: center; } } .worker--list .worker__listings { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; padding-right: 0; text-align: right; } @media (min-width: 1200px) { .worker--list .worker__listings { float: left; width: 50%; } } @media (max-width: 1199px) { .worker--list .worker__listings { margin-bottom: 13px; text-align: left; padding-left: 0; } } @media (max-width: 767px) { .worker--list .worker__listings { padding: 0 30px; text-align: center; margin-bottom: 0; } } .worker--list .worker__intro-head { background: url("../img/bg-border-dotted-horizontal.png") 0 100% repeat-x; display: block; } .worker--list .worker__intro-head:before, .worker--list .worker__intro-head:after { content: " "; display: table; } .worker--list .worker__intro-head:after { clear: both; } @media (max-width: 767px) { .worker--list .worker__intro-head { background: none; } } .worker--list .worker__intro-row { clear: both; } .worker--list .worker__intro-row:before, .worker--list .worker__intro-row:after { content: " "; display: table; } .worker--list .worker__intro-row:after { clear: both; } @media (max-width: 767px) { .worker--list .worker__intro-row { border-top: none; text-align: center; } } .worker--list .worker__intro-col { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; padding: 0; } @media (min-width: 768px) { .worker--list .worker__intro-col { float: left; width: 50%; } } .worker--list .worker__contacts { margin-top: 13px; } @media (max-width: 767px) { .worker--list .worker__contacts { text-align: center; } .worker--list .worker__contacts span { width: auto; } .worker--list .worker__contacts a { width: auto; } } .worker--list .worker__descr { margin-top: 13px; line-height: 1.5; } @media (max-width: 767px) { .worker--list .worker__descr { margin-top: 0; } } @media (max-width: 1199px) { .worker--list .worker__descr p:last-of-type { margin-bottom: 0; } } .worker--list .social--worker { padding-bottom: 10px; padding-right: 0; width: 100%; float: none; -webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit; display: block; text-align: right; } @media (max-width: 767px) { .worker--list .social--worker { padding-right: 0; margin-right: 0 !important; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } .worker--list .social__item { margin-left: 20px !important; float: none; } .worker--details .worker__item { float: none; } @media (max-width: 767px) { .worker--details .worker__show { display: block; padding: 6px 10px; margin: 15px auto 0; } .worker--details .worker__intro-row { display: none; } .worker--details .worker__intro-name { -webkit-box-flex: inherit; -webkit-flex: inherit; -ms-flex: inherit; flex: inherit; width: 100%; } .worker--details .worker__descr { display: none; margin: 0 30px; } .worker--details .worker__listings { display: none; } .worker--details .worker__intro-brand { display: none; } .worker--details .worker__form { display: none; padding-bottom: 20px; } .worker--details.opened .worker__show { display: none; } .worker--details.opened .worker__intro-row { display: block; } .worker--details.opened .worker__intro-brand { display: block; width: 100%; } .worker--details.opened .worker__descr { display: block; } .worker--details.opened .worker__listings { display: block; } .worker--details.opened .worker__form { display: block; } } .worker--details .worker__item { border-bottom: none; padding-bottom: 0; margin-bottom: 15px; } @media (max-width: 767px) { .worker--details .worker__item { border-bottom: none; padding-bottom: 0; margin-bottom: 0; margin-top: 30px; } } .worker--details .worker__name { text-transform: none; font-size: 30px; } .worker--details .worker__intro { margin-bottom: 0; } .worker--details .worker__company-name { font-size: 17px; margin-top: 5px; } .worker--details .worker__post { margin-top: 7px; } .worker--details .worker__intro-head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .worker--details .worker__intro-row { padding: 0; } .worker--details .social--worker { margin-top: 16px; } @media (max-width: 767px) { .worker--details .social--worker { margin-top: 0; text-align: center; } .worker--details .social--worker .social__item { margin-left: 0; } } .worker--grid .worker__photo { margin: 0; } @media (max-width: 767px) { .worker--grid .worker__photo { width: 60%; margin: 0 auto; } } .worker--grid .worker__name { border: none; margin: 15px 0 8px 0; padding: 0; } @media (max-width: 767px) { .worker--grid .worker__name { text-align: center; margin: 15px 0 5px; } } .worker--grid .worker__show { display: none; } .worker--grid .worker__post { border: 0; padding: 0 0 10px; } @media (max-width: 767px) { .worker--grid .worker__post { text-align: center; } } @media (max-width: 767px) { .worker--grid .worker__more { margin: 0 auto; } } .worker--grid .worker__listings { border-top: 1px solid #d6d6d6; padding: 17px 0 0; margin-top: 2px; } @media (max-width: 767px) { .worker--grid .worker__listings { text-align: center; margin: 0 10%; padding-top: 10px; } } .worker--grid .worker__descr { margin-top: 7px; line-height: 1.5; clear: both; max-height: 200px; overflow: hidden; padding-right: 0; padding-left: 0; } .worker--grid .worker__descr p { margin-bottom: 0; } @media (max-width: 767px) { .worker--grid .worker__descr { height: auto; margin: 7px 10% 15px; text-align: center; } } .worker--sidebar-advanced:before, .worker--sidebar-advanced:after { content: " "; display: table; } .worker--sidebar-advanced:after { clear: both; } @media (max-width: 767px) { .worker--sidebar-advanced.opened .worker__item { margin-top: 0; border-bottom: none; } .worker--sidebar-advanced.opened .worker__intro-row { display: block; } .worker--sidebar-advanced.opened .worker__descr { display: block; } .worker--sidebar-advanced.opened .worker__listings { display: block; text-align: center; } .worker--sidebar-advanced.opened .worker__form { display: block; } } .worker--sidebar-advanced .worker__item { width: 100%; text-align: left; margin: 0; padding: 0; } .worker--sidebar-advanced .worker__item:before, .worker--sidebar-advanced .worker__item:after { content: " "; display: table; } .worker--sidebar-advanced .worker__item:after { clear: both; } @media (max-width: 767px) { .worker--sidebar-advanced .worker__item { margin-top: 0; } } .worker--sidebar-advanced .worker__form { clear: both; background: #fff !important; border: 1px solid #d6d6d6; border-top: none; } .worker--sidebar-advanced .worker__photo { margin: 6px 0 0; } .worker--sidebar-advanced .worker__name { border: none; margin: 0; text-align: center; } .worker--sidebar-advanced .worker__nav { clear: both; } .worker--sidebar-advanced .worker__nav li:first-child { margin-top: 5px; } .worker--sidebar-advanced .worker__post { border: 0; padding: 0; text-align: center; padding-top: 2px; padding-bottom: 7px; } .worker--sidebar-advanced .worker__post:before { content: " "; border-top: 1px solid #d6d6d6; width: 50%; margin: 8px auto; display: block; } .worker--sidebar-advanced .worker__listings { padding: 10px 0 13px; border-bottom: 1px dotted #d6d6d6; margin-bottom: 1px; } @media (max-width: 767px) { .worker--sidebar-advanced .worker__listings { display: none; } } .worker--sidebar-advanced .worker__listings a { font-weight: 600; } .worker--sidebar-advanced .worker__intro-row:before, .worker--sidebar-advanced .worker__intro-row:after { content: " "; display: table; } .worker--sidebar-advanced .worker__intro-row:after { clear: both; } @media (max-width: 767px) { .worker--sidebar-advanced .worker__intro-row { display: none; } } .worker--sidebar-advanced .worker__intro-col { padding: 0; } .worker--sidebar-advanced .worker__contacts { margin-top: 13px; } .worker--sidebar-advanced .worker__contacts > div > a { color: #2c3e50; } @media (max-width: 991px) { .worker--sidebar-advanced .worker__contacts > div > span { width: 100%; } .worker--sidebar-advanced .worker__contacts > div > a { width: 100%; margin-left: 0; } } @media (max-width: 767px) { .worker--sidebar-advanced .worker__contacts { text-align: center; } } .worker--sidebar-advanced .worker__descr { margin: 0 15px; line-height: 1.5; } @media (max-width: 767px) { .worker--sidebar-advanced .worker__descr { display: none; } } .worker--sidebar-advanced .social--worker { width: 100%; float: none; margin-top: 10px; } @media (max-width: 767px) { .worker--sidebar-advanced .social--worker { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } .worker--profile { margin-top: 0; } .worker--profile .worker__item { margin-left: -15px; margin-right: -15px; width: auto; float: none; text-align: left; padding: 0; margin-bottom: 0; } .worker--profile .worker__item:before, .worker--profile .worker__item:after { content: " "; display: table; } .worker--profile .worker__item:after { clear: both; } .worker--profile .worker__photo { padding-left: 15px; padding-right: 15px; float: left; width: 100%; margin: 0; } @media (min-width: 992px) { .worker--profile .worker__photo { width: 33.33333%; } } .worker--profile .worker__show { display: none; } .worker--profile .worker__intro { padding-left: 15px; padding-right: 15px; float: left; width: 100%; } @media (min-width: 992px) { .worker--profile .worker__intro { width: 66.66667%; } } @media (max-width: 991px) { .worker--profile .worker__intro { margin-top: 15px; } } .worker--profile .worker__name { font-size: 30px; margin-top: 0; text-transform: none; color: #2c3e50; } .worker--profile .worker__post { font-size: 15px; border: none; font-weight: normal; padding-top: 3px; color: #606e7c; } .worker--profile .worker__company { display: block; float: left; } .worker--profile .worker__company:hover { text-decoration: none; } .worker--profile .worker__company-name { display: block; color: #606e7c; font-weight: 600; float: left; margin-top: 10px; margin-left: 15px; } .worker--profile .worker__contacts { clear: both; background: url("../img/bg-border-dotted-horizontal.png") 0 0 repeat-x; margin-top: 20px; padding-top: 15px; } .worker--profile .worker__contacts:before, .worker--profile .worker__contacts:after { content: " "; display: table; } .worker--profile .worker__contacts:after { clear: both; } .worker--profile .worker__contacts span { margin-top: 5px; display: block; } @media (max-width: 767px) { .worker--profile .worker__contacts span { display: inline-block; width: 20%; } } .worker--profile .worker__contacts a { display: block; margin-left: 0; } @media (max-width: 767px) { .worker--profile .worker__contacts a { display: inline-block; margin-left: 10px; } } .worker--profile .worker__intro-col { padding-left: 15px; padding-right: 15px; float: left; padding: 0; } @media (min-width: 1200px) { .worker--profile .worker__intro-col { width: 50%; } } .worker--profile .social--worker { margin-top: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 991px) { .worker--profile .social--worker { float: none; } } .worker--profile .social--worker .social__item { margin-right: 30px; } /*------------------------------------------------------------------ * Article widget + Article / .article -- Article grid / .article--grid -- Article sidebar / .article--sidebar -- Article list / .article--list -- Article details / .article--details -- Article footer / .article--footer @mixin =============================================================*/ .article__photo { position: relative; display: block; } .article__photo img { max-width: 100%; width: 100%; } .article__item-info { margin-left: 20px; margin-right: auto; } .article__item-title { font-size: 20px; color: #2c3e50; margin: -8px 0 0 0; display: inline-block; font-weight: 600; } .article__item-title:hover { color: #2c3e50; } @media (max-width: 767px) { .article__item-title { margin-top: 21px; font-size: 16px; line-height: 1.4; } } .article__item-title a { color: #2c3e50; } .article__intro { margin: 6px 0 14px 0; } @media (max-width: 767px) { .article__intro { margin-top: 5px; line-height: 1.4; overflow: hidden; position: relative; } } .article__more { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; text-decoration: none; border: 2px solid #2c3e50; background: none; color: #2c3e50; margin: 10px 0 10px 0; font-size: 12px; width: auto; } .article__more:hover, .article__more:focus, .article__more.active { color: #333; text-decoration: none; outline: none; } .article__more:disabled, .article__more.disabled { cursor: not-allowed; } .article__more.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .article__more:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .article__more.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .article__more.has-error, .article__more.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .article__more.has-error:after, .article__more.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .article__more.has-success, .article__more.success { color: transparent !important; } .article__more.has-success:after, .article__more.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .article__more.button--loading:before { content: ""; } .button--loading-refresh .article__more.button--loading:before { content: ""; } .button--loading-spinner .article__more.button--loading:before { content: ""; } @media (min-width: 992px) { .article__more.hover, .article__more:hover { border-color: #c61515; color: #c61515; } } .article__more:active, .article__more.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .article__more:disabled, .article__more.disabled { color: #ccc; border-color: #efefef; } @media (max-width: 767px) { .article__more { width: auto; } } .article__time { position: absolute; top: 0; right: 0; background: #2c3e50; color: #fff; display: block; width: 50px; text-align: center; padding: 10px 0; line-height: 1; font-weight: 600; text-transform: uppercase; } @media (max-width: 767px) { .article__time { right: 0; } } .article__time strong { display: block; font-size: 20px; } .article__btn-more { position: relative; border: 1px solid #d6d6d6; text-align: center; display: block; padding: 7px 20px; text-transform: uppercase; color: #2c3e50; text-decoration: none; vertical-align: middle; line-height: 1.6; font-weight: 600; margin: 0 auto; } .article__btn-more:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .article__btn-more.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .article__btn-more.has-error, .article__btn-more.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .article__btn-more.has-error:after, .article__btn-more.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .article__btn-more.has-success, .article__btn-more.success { color: transparent !important; } .article__btn-more.has-success:after, .article__btn-more.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .article__btn-more.button--loading:before { content: ""; } .button--loading-refresh .article__btn-more.button--loading:before { content: ""; } .button--loading-spinner .article__btn-more.button--loading:before { content: ""; } .article__btn-more.hover, .article__btn-more:hover { border-color: #c61515; color: #c61515; text-decoration: none; } .article__btn-more:active, .article__btn-more.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .article__btn-more:focus, .article__btn-more.focus { text-decoration: none; outline: none; } .article__btn-more:disabled, .article__btn-more.disabled { cursor: not-allowed; color: #ccc; border-color: #efefef; } .article__btn-more.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } @media (max-width: 767px) { .article__btn-more { margin-top: 30px; } } .article__comment { float: right; color: #2c3e50; margin: 8px 0 0; } .article__comment:hover { color: #2c3e50; } .article__comment .fa { color: #01a1bb; margin: 0 21px 0 0; font-size: 25px; } .article__tags a { color: #01a1bb; text-decoration: underline; margin-left: 5px; } .article__preview { margin: 30px 0 0; position: relative; display: block; } .article__preview img { max-width: 100%; display: block; margin: 0 auto; } .article__preview iframe { max-width: 100%; } @media (max-width: 1199px) { .article__preview iframe { height: 360px; } } @media (max-width: 991px) { .article__preview iframe { height: 315px; } } .article__preview-play { position: absolute; background: rgba(0, 0, 0, 0.7); top: 50%; left: 50%; width: 76px; height: 76px; margin: -80px 0 0 -38px; text-align: center; border: none; } .article__preview-play:before { font-size: 3em; display: inline-block; font-family: FontAwesome; content: ""; color: #fff; } @media (max-width: 767px) { .article__preview-play { display: none; } } .article__footer { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 20px 0; margin: 46px 0 0; } .article__footer:before, .article__footer:after { content: " "; display: table; } .article__footer:after { clear: both; } .article__footer .article__tags { margin: 10px 0 !important; float: left; } .article__body { margin-top: 30px; } .article__body p { margin: 13px 0; } .article__body iframe { max-width: 100%; } @media (max-width: 1199px) { .article__body iframe { height: 360px; } } @media (max-width: 991px) { .article__body iframe { height: 315px; } } .article__body blockquote { font-style: italic; margin: 13px 0 10px 60px; display: block; } @media (max-width: 991px) { .article__body blockquote { margin-left: 20px; } } .article__body ul { margin: 15px 0; } .article__body ul li { margin: 10px 0; } .article__body img { max-width: 100%; } @media (max-width: 767px) { .article__body img { float: none !important; margin: 0 auto 10px !important; display: block; } } .article__item-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .article__actions { opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; } .article:hover .article__actions { opacity: 1; visibility: visible; } @media (max-width: 1199px) { .article__actions { opacity: 1; visibility: visible; } } .article__link { font-size: 13px; color: #01a1bb; border: none; background: none; text-transform: uppercase; vertical-align: top; } .article--grid .article__item-title { margin: 14px 0 0 0; line-height: 1.2; } @media (max-width: 767px) { .article--grid .article__intro { margin-bottom: 5px; } } .article--grid .article__more { margin-bottom: 0; margin-top: 0; } .article--sidebar .article__item-title { line-height: 1.2; } .article--sidebar .article__time { font-size: 14px; color: #2c3e50; margin: 5px 0; display: block; background: none; position: relative; top: auto; right: auto; text-align: left; width: auto; padding: 0; } .article--sidebar .article__details { width: 100%; padding: 0; } .article--sidebar .article__item-title { margin-top: 0; } .article--sidebar .article__intro { font-weight: normal; margin-bottom: 0; } .article--sidebar .article__more { margin: 0; } .article--list { position: relative; } .article--list .article__time { position: relative; right: auto; } .article--list .article__item-title { margin: 0; display: block; } .article--list .article__item-title:hover { -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 767px) { .article--list .article__item-title { margin-top: 0; } } .article--list .article__tags { margin: 2px 0 0; } @media (max-width: 767px) { .article--list .article__preview { margin-bottom: 0; } } .article--list .article__intro { margin: 20px 0 0 0; } @media (max-width: 767px) { .article--list .article__intro { margin: 20px 0 0 0; } .article--list .article__intro:after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 246, 246, 0)), to(#f6f6f6)); background: linear-gradient(to bottom, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%); } } .article--list .article__more { margin-bottom: 0; } @media (max-width: 1199px) { .article--list .article__comment { position: absolute; bottom: 35px; right: 0; line-height: 25px; vertical-align: top; } } @media (max-width: 767px) { .article--list .article__comment { bottom: 0; } } .article--details .article__time { position: relative; right: auto; } .article--details .article__item-header { margin-top: 30px; } .article--details .article__item-title { margin: 0; display: block; } .article--details .article__item-title:hover { -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 767px) { .article--details .article__item-title { top: 0; } } .article--details .article__tags { margin: 2px 0 0; } @media (max-width: 991px) { .article--details .article__footer { display: none; } } @media (max-width: 1199px) { .article--details .article__comment { display: none; } } .article--footer { width: 100%; } .article--footer .article__details { width: 100%; padding: 0; } .article--footer .article__time { font-size: 14px !important; color: #808080 !important; display: block; background: none; position: relative; top: auto; right: auto; text-align: left; width: auto; padding: 0; } .article--footer .article__btn-more { font-size: 12px; color: #bebebe; border: 2px solid #bebebe; padding: 5px 10px; margin: 10px 0; width: 120px; background: none; } .article--footer .article__btn-more:before { content: ""; margin: 0; } .article--footer .article__item-title { margin-bottom: 0 !important; margin-top: 0; font-size: 15px; } .article--footer .article__item-title:hover { border-bottom: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: underline; color: #bebebe; } .article--feed .article__item-title { margin: 0; line-height: 1.2; font-size: 17px; } .article--feed .article__photo { padding-left: 15px; padding-right: 15px; float: left; width: 100%; padding: 0; } @media (min-width: 992px) { .article--feed .article__photo { width: 25%; } } .article--feed .article__intro { font-size: 13px; } .article--feed .article__details { padding-left: 15px; padding-right: 15px; float: left; width: 100%; } @media (min-width: 992px) { .article--feed .article__details { width: 75%; } } @media (max-width: 991px) { .article--feed .article__details { padding: 0; margin-top: 15px; } } .article--feed .article__more { margin-bottom: 0; margin-top: 0; border-width: 1px; } .article--management .article__item-title { margin: 14px 0 0 0; line-height: 1.2; font-size: 17px; } .article--management .article__intro { font-size: 13px; } @media (max-width: 767px) { .article--management .article__intro { margin-bottom: 5px; } } .article--management .article__more { margin-bottom: 0; margin-top: 0; border-width: 1px; } /*------------------------------------------------------------------ * Article categories + Article categories / .article-categories @mixin =============================================================*/ .article-categories__list ul { list-style: none; margin: 0; padding: 0; } .article-categories__item:last-child .article-categories__name { border-bottom: none; } .article-categories__name { color: #2c3e50; padding: 14px 0; border-bottom: 1px solid #dedede; display: block; } .article-categories__name:before, .article-categories__name:after { content: " "; display: table; } .article-categories__name:after { clear: both; } .article-categories__count { color: #01a1bb; float: right; font-size: 13px; } /*------------------------------------------------------------------ * Form + Form / .form -- Form comment's / .form--comment -- Form contacts's / .form--contacts -- Form workers's / .form--workers -- Form sidebar-workers / .form--sidebar-workers -- Form footer / .form--footer -- Form properties / .form--properties @mixin =============================================================*/ .form:before, .form:after { content: " "; display: table; } .form:after { clear: both; } .form .control-label { text-transform: uppercase; width: 100%; display: block; margin-bottom: 10px; font-weight: 600; } .form .form-group > br { display: none; } .form .form-group--inline > .control-label { display: inline-block; width: 110px; margin-bottom: 6px; margin-top: 4px; } @media (max-width: 767px) { .form .form-group--inline > .control-label { width: 100%; } } @media (min-width: 1200px) { .form .form-group--bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } .form .form-group--right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .form .form-control { position: relative; z-index: 5; } .form .form-control.parsley-error { border: 1px solid #e95b35 !important; } .auth__nav-item:not(.open) .form .form-control { background: none !important; } .form hr { width: 100%; margin-top: 0; } .form__header:first-of-type .form__title { margin-top: 0; } .form__submit { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; border: none; border-bottom: 4px solid #8e0e0e; background: #c61515; color: #fff; margin-top: 10px; padding-left: 30px; padding-right: 30px; } .form__submit:hover, .form__submit:focus, .form__submit.active { color: #333; text-decoration: none; outline: none; } .form__submit:disabled, .form__submit.disabled { cursor: not-allowed; } .form__submit.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .form__submit:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .form__submit.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .form__submit.has-error, .form__submit.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .form__submit.has-error:after, .form__submit.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .form__submit.has-success, .form__submit.success { color: transparent !important; } .form__submit.has-success:after, .form__submit.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .form__submit.button--loading:before { content: ""; } .button--loading-refresh .form__submit.button--loading:before { content: ""; } .button--loading-spinner .form__submit.button--loading:before { content: ""; } .form__submit.hover, .form__submit:hover { border-bottom: 4px solid #c61515; color: #fff; } .form__submit:active, .form__submit.active { border-top: 4px solid #8e0e0e; border-bottom: none; color: #fff; } .form__submit:disabled, .form__submit.disabled { color: #ccc; background: #efefef; border-bottom: 4px solid #dedede; } .form__buttons--double .form__submit { width: 45%; margin-top: 0; } .form .input-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .form__check { margin: 0; padding: 0; list-style: none; } .form-group--inline .form__check { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 767px) { .form-group--inline .form__check { -webkit-box-flex: inherit; -webkit-flex: inherit; -ms-flex: inherit; flex: inherit; width: 100%; } } .form-group--inline .form__check li { display: inline-block; margin-left: 30px; } @media (max-width: 767px) { .form-group--inline .form__check li { margin-left: 0; margin-right: 10px; } } .form__reset { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; text-decoration: none; border: 2px solid #2c3e50; background: none; color: #2c3e50; } .form__reset:hover, .form__reset:focus, .form__reset.active { color: #333; text-decoration: none; outline: none; } .form__reset:disabled, .form__reset.disabled { cursor: not-allowed; } .form__reset.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .form__reset:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .form__reset.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .form__reset.has-error, .form__reset.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .form__reset.has-error:after, .form__reset.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .form__reset.has-success, .form__reset.success { color: transparent !important; } .form__reset.has-success:after, .form__reset.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .form__reset.button--loading:before { content: ""; } .button--loading-refresh .form__reset.button--loading:before { content: ""; } .button--loading-spinner .form__reset.button--loading:before { content: ""; } @media (min-width: 992px) { .form__reset.hover, .form__reset:hover { border-color: #c61515; color: #c61515; } } .form__reset:active, .form__reset.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .form__reset:disabled, .form__reset.disabled { color: #ccc; border-color: #efefef; } .form__reset:before { font-size: 12px; display: inline-block; font-family: FontAwesome; content: ""; margin: 0 5px 0 0; } .form__buttons--double .form__reset { width: 45%; margin-left: 10px; } .form__lens { background: none; border: none; outline: none !important; padding: 0; color: #d6d6d6; font-size: 16px; float: right; margin: -32px 5px 0 0; position: relative; z-index: 10; } .form--comment { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; padding: 0; } @media (min-width: 1200px) { .form--comment { float: left; width: 100%; } } .form--comment .form__row--tel { width: 48%; float: left; margin: 0 0 9px 0; } @media (max-width: 767px) { .form--comment .form__row--tel { width: auto; float: none; margin: 0 0 9px; } } .form--comment .form__row--email { width: 48%; float: right; margin: 0 0 9px 0; } @media (max-width: 767px) { .form--comment .form__row--email { width: auto; float: none; margin: 0 0 9px; } } .form--comment .form__submit { width: 200px; margin: 15px auto 0; } @media (max-width: 1199px) { .form--comment .form__submit { width: 150px; float: none; display: block; margin: 10px auto 0; } } .form--contacts { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; padding: 0; } @media (min-width: 1200px) { .form--contacts { float: left; width: 100%; } } .form--contacts .form__row--tel { width: 48%; float: left; margin: 0 0 9px 0; } @media (max-width: 767px) { .form--contacts .form__row--tel { width: auto; float: none; margin: 0 0 9px; } } .form--contacts .form__row--email { width: 48%; float: right; margin: 0 0 9px 0; } @media (max-width: 767px) { .form--contacts .form__row--email { width: auto; float: none; margin: 0 0 9px; } } @media (max-width: 767px) { .form--contacts .form__submit { margin: 10px auto 0; float: none; width: 150px; display: block; } } .form--footer { width: 300px; margin: 20px 0 0 0; padding-top: 0; } @media (max-width: 1199px) { .form--footer { width: 95%; } } @media (max-width: 767px) { .form--footer { margin-top: 0; } } .form--footer .form-control { border: 1px solid #bebebe; background: none; margin: 5px 0; color: #fff; } .form--footer .form-control::-moz-placeholder { color: #bebebe; opacity: 1; } .form--footer .form-control:-ms-input-placeholder { color: #bebebe; } .form--footer .form-control::-webkit-input-placeholder { color: #bebebe; } .form--footer textarea.form-control { min-height: 120px; } .form--footer .form__submit { width: 43%; } @media (max-width: 767px) { .form--properties .form__submit { width: 100%; } } .form--banner-sidebar { padding: 30px; background: rgba(255, 255, 255, 0.3); position: relative; -webkit-transition: 0.5s; transition: 0.5s; } @media (max-width: 991px) { .form--banner-sidebar { width: 100%; } } .form--banner-sidebar .control-label { color: #fff; margin-bottom: 0; } .form--banner-sidebar:not(.form--white) .dropdown--select .dropdown-toggle { background: rgba(255, 255, 255, 0.7); border: 1px solid transparent; -webkit-box-shadow: none; box-shadow: none; } .form--banner-sidebar:not(.form--white) .dropdown--select .dropdown-toggle:after { border-left: none; } .form--banner-sidebar .form-control { background: rgba(255, 255, 255, 0.7); -webkit-box-shadow: none; box-shadow: none; border: none; } .form--banner-sidebar .form__inputs .form-control { margin-top: 18px; } .form--banner-sidebar .form__mode-btn { color: #fff; } .form--banner-sidebar .form__buttons { margin-top: 10px; width: 100%; } .form--banner-sidebar .form__submit { width: 100%; margin-right: 10px; } .form--banner-sidebar .form__buttons--double .form__submit { width: 45%; margin-top: 0; } .form--white { background: rgba(255, 255, 255, 0.9); } .form--white .control-label { color: #2c3e50; } .form--white .form-control { border: 1px solid #d6d6d6; } .form--white .form__mode-btn { color: #2c3e50; } .form--dark { background: rgba(44, 62, 80, 0.85); } .form--dark .control-label { color: #fff; } .form--dark .form-control { border: 1px solid #d6d6d6; } .form--dark .form__reset { border-color: #fff; color: #fff; } .form--article textarea.form-control { height: 600px; } .form--article .form__submit { width: 150px; float: none; margin-left: 0; } .form--flex .col-sm-12, .form--flex .col-md-6, .form--flex .col-lg-4 { padding-left: 10px; padding-right: 10px; } .form--flex .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .form--flex .row:before, .form--flex .row:after { display: none; content: ''; } .form--flex .row .form-group { padding-left: 10px; padding-right: 10px; } .form--flex .form__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form--flex .form-group { width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .form--flex .form-group--col-3 { width: 25%; } @media (max-width: 991px) { .form--flex .form-group--col-3 { width: 100%; } } .form--flex .form-group--col-4 { width: 33.3333%; } @media (max-width: 991px) { .form--flex .form-group--col-4 { width: 100%; } } .form--flex .form-group--col-6 { width: 50%; } @media (max-width: 991px) { .form--flex .form-group--col-6 { width: 100%; } } .form--flex .form-group--col-9 { width: 66.6666%; } @media (max-width: 991px) { .form--flex .form-group--col-9 { width: 100%; } } .form--flex .form-group--col-12 { width: 100%; } .form--flex .form__submit { margin-left: 10px; } .form--payment .form-group { width: 50%; } @media (max-width: 767px) { .form--payment .form-group { width: 100%; } } .form--payment .form__payments { margin-top: 20px; margin-left: -10px; margin-bottom: 20px; display: block; max-width: 100%; } .form--payment .form__submit { width: auto; float: none; margin: 15px auto 15px 10px; } .form--profile .form-group { width: 33.3333%; } @media (max-width: 1199px) { .form--profile .form-group { width: 50%; } } @media (max-width: 767px) { .form--profile .form-group { width: 100%; } } .form--profile .form-group--social { width: 70%; } .form--profile .form-group--description { width: 100%; } .form--profile .form-control--description { height: 175px; } .form--profile .select2-container { width: 100% !important; } .form--property { margin-top: 40px; } .form--property .form-group { margin-bottom: 30px; width: 33.3333%; } @media (max-width: 991px) { .form--property .form-group { width: 100%; margin-bottom: 10px; } } .form--property .form-group--col-9 { width: 66.6666%; } @media (max-width: 991px) { .form--property .form-group--col-9 { width: 100%; } } .form--property .form-group--col-12 { width: 100%; } .form--property .form__submit { margin-top: 20px; } @media (max-width: 767px) { .form--property .form__submit { margin: 20px auto 0; } } .form--property .select2-container { width: 100% !important; } .form--property hr { margin-bottom: 30px; } .form--basic .form-group--description { width: 66.6666%; } @media (max-width: 991px) { .form--basic .form-group--description { width: 100%; } } .form--photo { margin-top: 0; } .form--photo img { max-width: 100%; } .form--auth .control-label { font-weight: normal; text-transform: none; margin-bottom: 5px; } .form--auth .form__options { color: #acacac; margin-left: 10px; margin-top: 10px; } .form--auth .form__options a, .form--auth .form__options button { border: none; background: none; color: #2c3e50; text-decoration: underline; padding: 1px 3px; outline: none; text-align: left; } .form--auth .form__options--forgot { width: 80px; line-height: 1; } .form--auth .form__remember { margin-top: 10px; } .form--auth .form__submit { margin-right: 10px; margin-left: auto; } .form--restore .form__submit { width: 100%; margin-left: 10px; } .form--search .form-group--input .form__ranges { display: none; } .form--search .form-group--input .form__inputs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .form--search .form__mode { position: absolute; right: 10px; } .form--search .form__mode-btn { background: none; border: none; outline: none !important; padding: 0; font-size: 12px; text-transform: uppercase; } .form--search .form__ranges { position: relative; margin-top: 21px; width: 100%; } .form--search .form__ranges-in { display: none; } .form--search .form__inputs { display: none; margin-left: -10px; margin-right: -10px; } .form--search .form__inputs .form-control { margin-left: 10px; margin-right: 10px; width: 44%; } .form--search .form__favorite { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; text-decoration: none; border: 2px solid #2c3e50; background: none; color: #2c3e50; width: 100%; font-size: 13px; margin-top: 15px; } .form--search .form__favorite:hover, .form--search .form__favorite:focus, .form--search .form__favorite.active { color: #333; text-decoration: none; outline: none; } .form--search .form__favorite:disabled, .form--search .form__favorite.disabled { cursor: not-allowed; } .form--search .form__favorite.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .form--search .form__favorite:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .form--search .form__favorite.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .form--search .form__favorite.has-error, .form--search .form__favorite.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .form--search .form__favorite.has-error:after, .form--search .form__favorite.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .form--search .form__favorite.has-success, .form--search .form__favorite.success { color: transparent !important; } .form--search .form__favorite.has-success:after, .form--search .form__favorite.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .form--search .form__favorite.button--loading:before { content: ""; } .button--loading-refresh .form--search .form__favorite.button--loading:before { content: ""; } .button--loading-spinner .form--search .form__favorite.button--loading:before { content: ""; } @media (min-width: 992px) { .form--search .form__favorite.hover, .form--search .form__favorite:hover { border-color: #c61515; color: #c61515; } } .form--search .form__favorite:active, .form--search .form__favorite.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .form--search .form__favorite:disabled, .form--search .form__favorite.disabled { color: #ccc; border-color: #efefef; } .form--search .form__favorite:before { font-size: 1em; display: inline-block; font-family: FontAwesome; content: ""; margin: 0 5px 0 0; color: #c61515; } .form--wide { margin-top: 50px; background:rgba(255, 255, 255, 0.74); padding: 35px 40px; position: relative; -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2); z-index: 50; } @media (max-width: 767px) { .form--wide { margin-top: 10px; } } .form--wide .form-group { padding-left: 15px; padding-right: 15px; float: left; width: 100%; margin-bottom: 15px; } @media (min-width: 992px) { .form--wide .form-group { width: 50%; } } @media (min-width: 1200px) { .form--wide .form-group { width: 25%; } } .form--wide .form__buttons { width: 58%; margin: 15px auto 0; } @media (max-width: 767px) { .form--wide .form__buttons { width: 100%; } } .form--wide .form__reset { width: 48%; } .form--wide .form__submit { width: 48%; margin: 0; } @media (min-width: 1200px) { .form--wide .form__ranges { margin-top: 10px; } } .form--wide-default { -webkit-box-shadow: none; box-shadow: none; margin-top: 0; padding: 0 15px; } .form--sidebar .control-label { margin-bottom: 3px; } .form--sidebar .form-group { margin-bottom: 21px; } .form--sidebar .form__buttons { margin: 6px 0; padding: 0 10px; width: 100%; } .form--sidebar .form__reset { width: 47%; margin-left: 0; } .form--sidebar .form__submit { margin: 0; width: 47%; padding-left: 0; padding-right: 0; } .form--review { margin-top: 30px; } .form--review textarea.form-control { background: none; margin-bottom: 20px; } @media (max-width: 767px) { .form--review .form-group--right { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 767px) { .form--review .form__reset { width: 48%; margin-left: 0; } } .form--review .form__submit { margin-top: 0; } @media (max-width: 767px) { .form--review .form__submit { width: 48%; margin-left: 0; } } .form--workers { width: 66.666%; margin-top: 30px; } @media (max-width: 767px) { .form--workers { width: 100%; } } .form--workers .form__submit { margin-right: 10px; margin-left: auto; } @media (max-width: 767px) { .form--workers .form__submit { width: 100%; margin-left: 10px; } } .form--property-agent { margin-top: 40px; } @media (max-width: 767px) { .form--property-agent { display: none; padding: 0 30px 30px; margin-top: 0; } .opened .form--property-agent { display: block; } } .form--property-agent .form__submit { margin-top: 20px; margin-right: 10px; margin-left: auto; } @media (max-width: 767px) { .form--property-agent .form__submit { margin: 20px 10px 0; } } .form--property-agent .select2-container { width: 100% !important; } .form--article .form-group { position: relative; } .form--article-listing { display: none; } @media (max-width: 767px) { .form--article-listing { display: block; margin: 0 15px; } } .form--error-status { margin: 50px auto; width: 400px; } @media (max-width: 1199px) { .form--error-status { margin: 30px auto 0; } } @media (max-width: 991px) { .form--error-status { width: 90%; } } .form--property-add .form-group { margin-bottom: 30px; width: 33.3333%; } @media (max-width: 991px) { .form--property-add .form-group { width: 100%; margin-bottom: 10px; } } .form--property-add .form-group--col-9 { width: 66.6666%; } @media (max-width: 991px) { .form--property-add .form-group--col-9 { width: 100%; } } .form--property-add .form-group--col-12 { width: 100%; } .form--property-add .form__submit { margin-top: 20px; } @media (max-width: 767px) { .form--property-add .form__submit { margin: 20px auto 0; } } .form--property-add .select2-container { width: 100% !important; } .form--property-add hr { margin-bottom: 30px; } @media (min-width: 1200px) { .form--anim { -webkit-animation-name: wobble-reverse; animation-name: wobble-reverse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } } .form--map-bottom { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; z-index: 205; margin-top: -200px; padding: 35px 40px; } .form--map-bottom:before, .form--map-bottom:after { content: " "; display: table; } .form--map-bottom:after { clear: both; } @media (min-width: 480px) { .form--map-bottom { width: 480px; } } @media (min-width: 768px) { .form--map-bottom { width: 750px; } } @media (min-width: 992px) { .form--map-bottom { width: 970px; } } @media (min-width: 1200px) { .form--map-bottom { width: 1200px; } } @media (max-width: 767px) { .form--map-bottom { margin-top: 0; width: 100%; -webkit-box-shadow: none; box-shadow: none; } } .form-group { margin-bottom: 9px; } .form-group.required .control-label:after { content: "*"; color: red; margin-left: 3px; } input[type="file"].form-control { background: #01a1bb; color: #fff; font-size: 13px; border: 2px solid #fff; outline: 2px solid #01a1bb; } input[type="file"].form-control:focus { -webkit-box-shadow: none; box-shadow: none; outline-offset: 0; } textarea.form-control, .form textarea.form-control { height: 140px; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: relative; margin: 0; } .wpcf7-form-control-wrap { width: 100%; } div.wpcf7 img.ajax-loader { width: 16px; height: 16px; margin-top: 20px; } .js-select-checkboxes-btn { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dropdown--select ul { list-style: none; margin: 0; padding: 8px 15px; } .help-block { width: 100%; margin: 0; } .banner .help-block .parsley-errors-list.filled { margin-top: 0; } .banner .help-block .parsley-errors-list.filled li { padding: 5px; color: #2c3e50; } .banner .help-block .parsley-required { background: #e95b35; color: #fff; } .banner .help-block .parsley-type { background: #f3bc65; } /*------------------------------------------------------------------ * Address block + Address / .address -- Address footes / .address--footer @mixin =============================================================*/ .address__headline { color: #bebebe; line-height: 1.3; font-weight: normal; margin-bottom: 10px; margin-top: 24px; font-size: 15px; } .address__main { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .address__main span, .address__main a { display: block; margin-bottom: 0 !important; } .address__main p { line-height: 2; } .address--footer .address__headline { font-weight: bold; } .address--footer .address__main { margin-bottom: 0; } /*------------------------------------------------------------------ * Simple nav + Nav / .nav -- Nav footer / .nav--footer @mixin =============================================================*/ .nav--footer { color: #bebebe; margin: 19px 0 0; line-height: 2; } .nav--footer a { margin: 0 10px 0 0; margin-bottom: 0 !important; text-transform: uppercase; text-decoration: none !important; display: inline-block; } @media (max-width: 767px) { .nav--footer a { font-size: 14px; } } .nav--footer a:after { content: '/'; margin-left: 10px; color: #bebebe; } .nav--footer a:last-child:after { content: none; } .nav--sidebar .nav__list { margin: 0; padding: 0; list-style: none; } .nav--sidebar .nav__separator { margin: 8px 20px 0; } .nav--sidebar .nav__link { color: #a6a6a6; font-size: 17px; display: block; padding: 5px 0 10px 20px; } .nav--sidebar .nav__link.active { text-decoration: underline; } .nav--sidebar .nav__icon { width: 30px; height: 30px; fill: #2c3e50; position: relative; top: 10px; margin-right: 10px; } .nav--auth { width: 250px; } @media (max-width: 767px) { .nav--auth { width: 100%; } } .nav--auth .nav__list { margin: 0; padding: 0; list-style: none; } .nav--auth .nav__item { border-bottom: 1px solid #d6d6d6; margin: 0 20px; } .nav--auth .nav__item:last-of-type { border-bottom: none; } .nav--auth .nav__link { text-transform: uppercase; font-size: 17px; display: block; padding: 10px 0; color: #2c3e50; } .nav--auth .nav__link.active { text-decoration: underline; } /*------------------------------------------------------------------ * Slider widget + Slider / .slider -- Slider wide / .slider--wide -- Slider dots / .slider--dots -- Slider article / .slider--article -- Slider listing / .slider--listing -- Slider small / .slider--small @mixin =============================================================*/ .slider { position: relative; min-height: 110px; } .slider__block { overflow: hidden; padding: 0; width: 100%; } .slider__item { display: none; background: #ffffff; position: relative; padding: 0; } .slider__item.slick-active:after { background: transparent; } @media (min-width: 1200px) { .slider__item { -webkit-transition: 1s; transition: 1s; } } .slider__img { width: 100%; height: 100%; margin: 0 auto; background: url("../img/ajax-loader.gif") no-repeat center center; } @media (max-width: 991px) { .slider__img--lg { display: none; } } @media (min-width: 992px) { .slider__img--sm { display: none; } } .slider__controls { position: absolute; right: 0; bottom: 0; background: #01a1bb; color: #fff; padding: 0 0 8px 10px; font-weight: 200; } .slider__control { width: 40px; height: 58px; display: inline-block; margin: 0 10px 0 0; color: #fff; background: none; border: none; vertical-align: bottom; outline: none; } .slider__control:hover, .slider__control.hover { color: #01cdee; } .slider__control:active, .slider__control.active { color: #c61515; } .slider__control:disabled, .slider__control.disabled { color: #ccc; cursor: not-allowed; } .slider__control--prev:before { font-size: 5em; display: inline-block; font-family: FontAwesome; content: ""; line-height: 0.6; } @media (max-width: 991px) { .slider__control--prev:before { font-size: 2em; } } .slider__control--next:before { font-size: 5em; display: inline-block; font-family: FontAwesome; content: ""; line-height: 0.6; } @media (max-width: 991px) { .slider__control--next:before { font-size: 2em; } } .slider__current { font-size: 36px; color: #fff; line-height: 48px; } .slider__total { font-size: 20px; color: #fff; position: relative; top: -10px; } .slider__description { position: absolute; left: 0; right: 0; bottom: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.9))); background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0); color: #fff; padding: 60px 30px 30px; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 767px) { .slider__description { max-height: 135px; } } .slider__wrap { position: relative; } .slider--wide { background: #ffffff; } .slider--wide .slider__block { visibility: hidden; } .slider--wide .slider__img { width: 100%; height: 100%; background: url("../img/ajax-loader.gif") no-repeat center center; } .slider--wide .slider__img img { max-width: 100%; min-height: 250px; } .slider--wide .slider__img--lg { display: block; } @media (max-width: 767px) { .slider--wide .slider__img--lg { display: none; } } .slider--wide .slider__img--sm { display: none; } @media (max-width: 767px) { .slider--wide .slider__img--sm { display: block; } } .slider--wide .slider__caption { background: rgba(1, 161, 187, 0.8); z-index: 20; padding: 40px; width: 700px; margin: -30px 0 0 -600px; position: absolute; top: 50%; left: 50%; } @media (min-width: 1200px) { .slider--wide .slider__caption { visibility: hidden; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 20; } .slider--default .slider__caption { -webkit-transition: 1s; transition: 1s; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .slider--default .slick-current .slider__caption { visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @media (max-width: 1430px) { .slider--wide .slider__caption { margin-left: -520px; } } @media (max-width: 1199px) { .slider--wide .slider__caption { padding: 30px 15px; position: relative; width: 100%; background: #01a1bb; left: 0; margin: 0; } } @media (max-width: 767px) { .slider--wide .slider__caption { padding: 15px; min-height: 130px; } } @media (max-width: 400px) { .slider--wide .slider__caption { height: 150px; } } @media (min-width: 1200px) { .boxed .slider--wide .slider__caption { margin-left: -520px; } } .slider--wide .slider__address { color: #fff; font-size: 46px; font-weight: 600; display: block; font-family: "Montserrat", sans-serif; line-height: 1.1; } .slider--wide .slider__address:hover { color: #fff; text-decoration: none; } @media (max-width: 1199px) { .slider--wide .slider__address { font-size: 30px; padding: 0; } } @media (max-width: 767px) { .slider--wide .slider__address { font-size: 25px; margin-right: 140px; } } .slider--wide .slider__address-city { display: block; margin: 10px 0; font-size: 30px; font-weight: normal; } @media (max-width: 1199px) { .slider--wide .slider__address-city { font-size: 20px; } } @media (max-width: 767px) { .slider--wide .slider__address-city { font-size: 14px; } } .slider--wide .slider__params { padding: 10px 0 19px; border-top: 1px solid rgba(255, 255, 255, 0.7); margin-right: 200px; } @media (max-width: 1199px) { .slider--wide .slider__params { margin-right: 100px; display: none; border: 0; } } .slider--wide .slider__params dl { padding: 0; width: 50%; float: left; color: #fff; margin-bottom: 0; } .slider--wide .slider__params dl dt { float: left; clear: both; } .slider--wide .slider__params dl dd { float: left; margin-left: 5px; } .slider--wide .slider__price { background: #fff; color: #2c3e50; padding: 40px; margin: -70px -70px 0 10px; float: right; line-height: 0.9; font-family: "Montserrat", sans-serif; } @media (max-width: 1199px) { .slider--wide .slider__price { font-size: 11px; padding: 15px 35px; margin: -30px -15px 0 10px; min-width: 119px; line-height: initial; } } @media (max-width: 767px) { .slider--wide .slider__price { margin: -15px -15px 0 10px; } } .slider--wide .slider__price strong { font-size: 42px; display: block; } @media (max-width: 1199px) { .slider--wide .slider__price strong { font-size: 26px; } } .slider--wide .slider__more { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; border: none; border-bottom: 4px solid #8e0e0e; background: #c61515; color: #fff; padding: 11px 66px; width: auto; margin: 0; position: absolute; right: 30px; bottom: 40px; } .slider--wide .slider__more:hover, .slider--wide .slider__more:focus, .slider--wide .slider__more.active { color: #333; text-decoration: none; outline: none; } .slider--wide .slider__more:disabled, .slider--wide .slider__more.disabled { cursor: not-allowed; } .slider--wide .slider__more.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .slider--wide .slider__more:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .slider--wide .slider__more.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .slider--wide .slider__more.has-error, .slider--wide .slider__more.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .slider--wide .slider__more.has-error:after, .slider--wide .slider__more.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .slider--wide .slider__more.has-success, .slider--wide .slider__more.success { color: transparent !important; } .slider--wide .slider__more.has-success:after, .slider--wide .slider__more.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .slider--wide .slider__more.button--loading:before { content: ""; } .button--loading-refresh .slider--wide .slider__more.button--loading:before { content: ""; } .button--loading-spinner .slider--wide .slider__more.button--loading:before { content: ""; } .slider--wide .slider__more.hover, .slider--wide .slider__more:hover { border-bottom: 4px solid #c61515; color: #fff; } .slider--wide .slider__more:active, .slider--wide .slider__more.active { border-top: 4px solid #8e0e0e; border-bottom: none; color: #fff; } .slider--wide .slider__more:disabled, .slider--wide .slider__more.disabled { color: #ccc; background: #efefef; border-bottom: 4px solid #dedede; } @media (max-width: 1199px) { .slider--wide .slider__more { padding: 6px 43px; bottom: 0; right: 0; } } .slider--wide .slider__preview { width: 100%; height: 100%; } .slider--wide .slider__controls { background: none; padding: 0; line-height: 1; visibility: hidden; position: absolute; top: 50%; left: 0; right: 0; bottom: auto; } @media (max-width: 991px) { .slider--wide .slider__controls { margin-top: -40px; } } @media (max-width: 767px) { .slider--wide .slider__controls { margin-top: -70px; } } @media (max-width: 400px) { .slider--wide .slider__controls { margin-top: -70px; } } .slider--wide .slider__caption { visibility: hidden; } .slider--wide .slider__control { border: none; background: rgba(0, 0, 0, 0.8); width: 70px; height: 70px; position: absolute; top: 50%; margin-top: -30px; text-align: center; } @media (max-width: 991px) { .slider--wide .slider__control { width: 35px; height: 35px; margin-top: -15px; } } .slider--wide .slider__control:hover, .slider--wide .slider__control.hover { color: #c61515; } .slider--wide .slider__control:active, .slider--wide .slider__control.active { color: #fff; background: rgba(186, 74, 0, 0.8); } .slider--wide .slider__control:disabled, .slider--wide .slider__control.disabled { color: #fff; cursor: not-allowed; background: rgba(204, 204, 204, 0.8); } .slider--wide .slider__control--prev { left: 70px; } @media (max-width: 1550px) { .slider--wide .slider__control--prev { left: 10px; } } .boxed .slider--wide .slider__control--prev { left: 10px; } .slider--wide .slider__control--next { right: 70px; } @media (max-width: 1550px) { .slider--wide .slider__control--next { right: 10px; } } .boxed .slider--wide .slider__control--next { right: 10px; } @media (min-width: 1200px) { .slider--fadeIn .slick-current .slider__caption { -webkit-animation-name: fadeIn; animation-name: fadeIn; } } @media (min-width: 1200px) { .slider--fadeInUp .slick-current .slider__caption { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } } @media (min-width: 1200px) { .slider--fadeInUpBig .slick-current .slider__caption { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } } @media (min-width: 1200px) { .slider--fadeInDown .slick-current .slider__caption { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } } @media (min-width: 1200px) { .slider--fadeInDownBig .slick-current .slider__caption { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } } @media (min-width: 1200px) { .slider--fadeInLeft .slick-current .slider__caption { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } } @media (min-width: 1200px) { .slider--fadeInLeftBig .slick-current .slider__caption { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } } @media (min-width: 1200px) { .slider--fadeInRight .slick-current .slider__caption { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } } @media (min-width: 1200px) { .slider--fadeInRightBig .slick-current .slider__caption { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } } @media (min-width: 1200px) { .slider--fadeOutUp .slick-current .slider__caption { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } } @media (min-width: 1200px) { .slider--fadeOutUpBig .slick-current .slider__caption { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } } @media (min-width: 1200px) { .slider--fadeOutDown .slick-current .slider__caption { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } } @media (min-width: 1200px) { .slider--fadeOutDownBig .slick-current .slider__caption { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } } @media (min-width: 1200px) { .slider--fadeOutLeft .slick-current .slider__caption { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } } @media (min-width: 1200px) { .slider--fadeOutLeftBig .slick-current .slider__caption { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } } @media (min-width: 1200px) { .slider--fadeOutRight .slick-current .slider__caption { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } } @media (min-width: 1200px) { .slider--fadeOutRightBig .slick-current .slider__caption { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } } @media (min-width: 1200px) { .slider--bounceIn .slick-current .slider__caption { -webkit-animation-name: bounceIn; animation-name: bounceIn; } } @media (min-width: 1200px) { .slider--bounceInUp .slick-current .slider__caption { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } } @media (min-width: 1200px) { .slider--bounceInDown .slick-current .slider__caption { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } } @media (min-width: 1200px) { .slider--bounceInLeft .slick-current .slider__caption { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } } @media (min-width: 1200px) { .slider--bounceInRight .slick-current .slider__caption { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } } @media (min-width: 1200px) { .slider--bounceOutUp .slick-current .slider__caption { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } } @media (min-width: 1200px) { .slider--bounceOutDown .slick-current .slider__caption { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } } @media (min-width: 1200px) { .slider--bounceOutLeft .slick-current .slider__caption { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } } @media (min-width: 1200px) { .slider--bounceOutRight .slick-current .slider__caption { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } } @media (min-width: 1200px) { .slider--rotateIn .slick-current .slider__caption { -webkit-animation-name: rotateIn; animation-name: rotateIn; } } @media (min-width: 1200px) { .slider--rotateInUpLeft .slick-current .slider__caption { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } } @media (min-width: 1200px) { .slider--rotateInUpRight .slick-current .slider__caption { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } } @media (min-width: 1200px) { .slider--rotateInDownLeft .slick-current .slider__caption { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } } @media (min-width: 1200px) { .slider--rotateInDownRight .slick-current .slider__caption { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } } @media (min-width: 1200px) { .slider--rotateOut .slick-current .slider__caption { -webkit-animation-name: rotateOut; animation-name: rotateOut; } } @media (min-width: 1200px) { .slider--rotateOutUpLeft .slick-current .slider__caption { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } } @media (min-width: 1200px) { .slider--rotateOutUpRight .slick-current .slider__caption { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } } @media (min-width: 1200px) { .slider--rotateOutDownLeft .slick-current .slider__caption { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } } @media (min-width: 1200px) { .slider--rotateOutDownRight .slick-current .slider__caption { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } } @media (min-width: 1200px) { .slider--slideIn .slick-current .slider__caption { -webkit-animation-name: slideIn; animation-name: slideIn; } } @media (min-width: 1200px) { .slider--slideInUp .slick-current .slider__caption { -webkit-animation-name: slideInUp; animation-name: slideInUp; } } @media (min-width: 1200px) { .slider--slideInDown .slick-current .slider__caption { -webkit-animation-name: slideInDown; animation-name: slideInDown; } } @media (min-width: 1200px) { .slider--slideInLeft .slick-current .slider__caption { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } } @media (min-width: 1200px) { .slider--slideInRight .slick-current .slider__caption { -webkit-animation-name: slideInRight; animation-name: slideInRight; } } @media (min-width: 1200px) { .slider--slideOut .slick-current .slider__caption { -webkit-animation-name: slideOut; animation-name: slideOut; } } @media (min-width: 1200px) { .slider--slideOutUp .slick-current .slider__caption { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } } @media (min-width: 1200px) { .slider--slideOutDown .slick-current .slider__caption { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } } @media (min-width: 1200px) { .slider--slideOutLeft .slick-current .slider__caption { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } } @media (min-width: 1200px) { .slider--slideOutRight .slick-current .slider__caption { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } } @media (min-width: 1200px) { .slider--flip .slick-current .slider__caption { -webkit-animation-name: flip; animation-name: flip; } } @media (min-width: 1200px) { .slider--flipInX .slick-current .slider__caption { -webkit-animation-name: flipInX; animation-name: flipInX; } } @media (min-width: 1200px) { .slider--flipInY .slick-current .slider__caption { -webkit-animation-name: flipInY; animation-name: flipInY; } } @media (min-width: 1200px) { .slider--flipOutX .slick-current .slider__caption { -webkit-animation-name: flipOutX; animation-name: flipOutX; } } @media (min-width: 1200px) { .slider--flipOutY .slick-current .slider__caption { -webkit-animation-name: flipOutY; animation-name: flipOutY; } } @media (min-width: 1200px) { .slider--lightSpeedIn .slick-current .slider__caption { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; } } @media (min-width: 1200px) { .slider--bounce .slick-current .slider__caption { -webkit-animation-name: bounce; animation-name: bounce; } } @media (min-width: 1200px) { .slider--flash .slick-current .slider__caption { -webkit-animation-name: flash; animation-name: flash; } } @media (min-width: 1200px) { .slider--pulse .slick-current .slider__caption { -webkit-animation-name: pulse; animation-name: pulse; } } @media (min-width: 1200px) { .slider--wiggle .slick-current .slider__caption { -webkit-animation-name: wiggle; animation-name: wiggle; } } @media (min-width: 1200px) { .slider--swing .slick-current .slider__caption { -webkit-animation-name: swing; animation-name: swing; } } @media (min-width: 1200px) { .slider--shake .slick-current .slider__caption { -webkit-animation-name: shake; animation-name: shake; } } @media (min-width: 1200px) { .slider--tada .slick-current .slider__caption { -webkit-animation-name: tada; animation-name: tada; } } @media (min-width: 1200px) { .slider--wobble .slick-current .slider__caption { -webkit-animation-name: wobble; animation-name: wobble; } } @media (min-width: 1200px) { .slider--hinge .slick-current .slider__caption { -webkit-animation-name: hinge; animation-name: hinge; } } @media (min-width: 1200px) { .slider--rollIn .slick-current .slider__caption { -webkit-animation-name: rollIn; animation-name: rollIn; } } @media (min-width: 1200px) { .slider--rollOut .slick-current .slider__caption { -webkit-animation-name: rollOut; animation-name: rollOut; } } @media (min-width: 1200px) { .slider--zoomIn .slick-current .slider__caption { -webkit-animation-name: zoomIn; animation-name: zoomIn; } } @media (min-width: 1200px) { .slider--zoomInDown .slick-current .slider__caption { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } } @media (min-width: 1200px) { .slider--zoomInLeft .slick-current .slider__caption { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } } @media (min-width: 1200px) { .slider--zoomInRight .slick-current .slider__caption { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } } @media (min-width: 1200px) { .slider--zoomInUp .slick-current .slider__caption { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } } @media (min-width: 1200px) { .slider--zoomOut .slick-current .slider__caption { -webkit-animation-name: zoomOut; animation-name: zoomOut; } } @media (min-width: 1200px) { .slider--zoomOutDown .slick-current .slider__caption { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } } @media (min-width: 1200px) { .slider--zoomOutLeft .slick-current .slider__caption { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } } @media (min-width: 1200px) { .slider--zoomOutRight .slick-current .slider__caption { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } } @media (min-width: 1200px) { .slider--zoomOutUp .slick-current .slider__caption { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } } @media (max-width: 991px) { .slider--dots { display: none; } } .slider--dots .slider__container { position: absolute; top: 200px; left: 0; right: 0; } .slider--dots .slider__item { overflow: hidden; } @media (max-width: 991px) { .slider--dots .slider__item { height: 940px; } } @media (max-width: 767px) { .slider--dots .slider__item { height: 890px; } } .slider--dots .slider__preview { height: 100%; } .slider--dots .slider__img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; background: url("../img/ajax-loader.gif") no-repeat center center; } .slider--dots .slider__caption { padding-left: 15px; padding-right: 15px; float: left; width: 100%; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @media (min-width: 992px) { .slider--dots .slider__caption { width: 66.66667%; } } .slider--dots .slick-dots { bottom: 20px; } .slider--dots .slick-dots li button { color: #fff; } .slider--dots .slick-dots li button:before { content: ''; } .slider--dots .slick-dots li button:after { font-size: 10px; display: inline-block; font-family: FontAwesome; content: ""; } .slider--dots .slick-dots li.slick-active button:after { font-size: 10px; display: inline-block; font-family: FontAwesome; content: ""; } @media (max-width: 991px) { .slider--auth { display: none; } } .slider--auth .slider__preview { height: 100%; } .slider--init .slider__block { visibility: visible; } .slider--init .slider__caption { visibility: visible; } .slider--init .slider__controls { visibility: visible; } .slider--small { position: relative; } .slider--small .slider__item img { margin: 0; max-width: 100%; } .slider--small .slider__controls { padding: 11px 15px 4px 15px; } @media (max-width: 767px) { .slider--small .slider__controls { position: relative; text-align: center; padding: 5px 25px 10px; } } .slider--small .slider__current { margin: 0 4px 9px 19px; float: left; } @media (max-width: 767px) { .slider--small .slider__current { float: none; position: relative; top: 3px; line-height: 1; font-size: 27px; } } .slider--small .slider__total { margin: 0 20px 0 3px; top: 0; } @media (max-width: 767px) { .slider--small .slider__total { top: -6px; margin-left: 7px; font-size: 17px; } } .slider--small .slider__control { margin: 5px 0 0 0; width: 40px; height: 40px; padding: 0; } @media (max-width: 767px) { .slider--small .slider__control { height: 25px; width: 25px; } } .slider--small .slider__control:before { content: ''; display: none; } .slider--small .slider__control--prev { float: left; } .slider--small .slider__control--next { float: right; } .slider--small .slider__control-icon { width: 30px; height: 40px; stroke: #fff; stroke-width: 1px; fill: none; fill-rule: evenodd; } @media (max-width: 767px) { .slider--small .slider__control-icon { width: 25px; height: 25px; stroke-width: 2px; } } .slider--thumbs { position: relative; margin: 0; } .slider--thumbs .slider__item { padding: 30px 0; z-index: 5; position: relative; background: none; } .slider--thumbs .slider__item img { margin: 0; max-width: 100%; } .slider--thumbs .slider__item.slick-current { z-index: 15; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } @media (min-width: 1200px) { .slider--thumbs .slider__item.slick-current img { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); } } .slider--thumbs .slider__block { padding: 0 35px; } .slider--thumbs .slider__control { margin: 0; width: 35px; height: auto; padding: 0; position: absolute; background: #01a1bb; bottom: 30px; top: 30px; } .slider--thumbs .slider__control:before { content: ''; display: none; } .slider--thumbs .slider__control--prev { left: 0; } .slider--thumbs .slider__control--next { right: 0; } .slider--thumbs .slider__control-icon { width: 30px; height: 40px; stroke: #fff; stroke-width: 1px; fill: none; fill-rule: evenodd; } @media (max-width: 1199px) { .slider--thumbs .slider__control-icon { width: 25px; height: 25px; stroke-width: 2px; } } .slider--thumbs .slider__categories { margin-top: 30px; } .slider--thumbs .slider__category { margin-right: 30px; text-transform: uppercase; color: #a6a6a6; font-weight: 600; cursor: pointer; display: inline-block; } .slider--thumbs .slider__category:hover { text-decoration: none; } .slider--thumbs .slider__category.active { border-bottom: 2px solid #2c3e50; color: #2c3e50; } /*------------------------------------------------------------------ * Banner widget + Banner / .banner -- Banner wide / .banner--wide -- Banner subpage / .banner--subpage -- Banner play (special modifier for animation options) / .banner--play @mixin =============================================================*/ .banner { position: relative; } .banner .container { background: none !important; } .banner__title { font-size: 100px; color: #fff; font-weight: 900; margin: 0 80px 0 0; line-height: 1.05; } @media (min-width: 992px) { .banner__title { -webkit-transition: 0.5s; transition: 0.5s; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } @media (max-width: 1199px) { .banner__title { font-size: 70px; margin: 0 120px 0 0; } } @media (max-width: 991px) { .banner__title { font-size: 30px; margin: 25px 0 15px; display: none; } } .banner__title--2 { font-size: 66px; font-family: "Montserrat", sans-serif; text-transform: uppercase; margin-top: 50px; } .banner__title--2 span { font-family: "Montserrat Thin", sans-serif; color: #01a1bb; font-size: 160px; font-weight: 200; display: block; } @media (max-width: 1199px) { .banner__title--2 { font-size: 50px; margin-right: 0; } .banner__title--2 span { font-size: 100px; } } .banner__title--3 { font-size: 76px; font-family: "Montserrat Thin", sans-serif; text-transform: uppercase; margin-top: 50px; font-weight: 200; margin-right: 0; } .banner__title--3 strong { font-family: "Montserrat", sans-serif; font-weight: 400; } @media (max-width: 1199px) { .banner__title--3 { font-size: 50px; } } .banner__title--4 { margin-right: 0; text-transform: uppercase; margin-top: 80px; line-height: 1; } @media (max-width: 1199px) { .banner__title--4 { font-size: 50px; } } @media (max-width: 991px) { .banner__title--4 { display: none; } } .banner__title--5 { font-size: 55px; font-family: "Montserrat", sans-serif; font-weight: 400; margin: 70px 0 0 0; } @media (max-width: 991px) { .banner__title--5 { display: none; } } .banner__title-span-1 { font-size: 50px; } .banner__title-span-2 { font-size: 100px; margin-top: -20px; display: block; } @media (max-width: 1199px) { .banner__title-span-2 { font-size: 80px; margin-top: -10px; } } .banner__title-span-3 { font-size: 40px; font-weight: 400; float: left; margin-left: 220px; margin-top: -14px; } @media (max-width: 1199px) { .banner__title-span-3 { margin-left: 170px; } } .banner__title-border-bottom { height: 6px; background: #fff; width: 435px; margin-left: 10px; display: inline-block; } @media (max-width: 1199px) { .banner__title-border-bottom { width: 300px; } } .banner__title-border-top { height: 6px; background: #fff; width: 205px; display: inline-block; margin-right: 10px; float: left; } @media (max-width: 1199px) { .banner__title-border-top { width: 150px; } } .banner__subtitle { font-size: 24px; color: #fff; font-weight: 400; margin: 45px 80px 0 0; line-height: 1.7; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } @media (max-width: 1199px) { .banner__subtitle { margin: 45px 120px 0 0; } } @media (max-width: 991px) { .banner__subtitle { display: none; } } .banner__subtitle--2 { font-size: 17px; } .banner__subtitle--4 { font-size: 20px; margin-top: 40px; } .banner__btn { font-size: 30px; color: #c61515; margin: 68px 0 0 23px; display: block; text-transform: uppercase; font-weight: 600; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } @media (max-width: 1199px) { .banner__btn { display: none; } } .banner__arrow { margin-top: -277px; } @media (max-width: 1199px) { .banner__arrow { display: none; } } .banner__arrow svg { stroke: #c61515; width: 770px; height: 284px; } .banner__arrow-circle { color: #c61515; margin: -71px 0 0 213px; font-size: 50px; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } @media (max-width: 1199px) { .banner__arrow-circle { display: none; } } .banner__arrow-end { stroke: #c61515; position: absolute; width: 30px; height: 30px; opacity: 0; margin: -272px 0 0 739px; } @media (max-width: 1199px) { .banner__arrow-end { display: none; } } .banner__features { color: #fff; list-style: disc; margin-left: 0; margin-top: 20px; font-size: 17px; } @media (max-width: 991px) { .banner__features { display: none; } } .banner__features li { margin: 10px 0; } .banner__sidebar-title { font-size: 30px; font-family: "Montserrat", sans-serif; font-weight: 400; color: #fff; margin: 30px 0; display: none; } .banner__sidebar-title--visible { display: block; } @media (max-width: 991px) { .banner__sidebar-title { display: block; } } .banner--subpage { position: relative; overflow: hidden; } .banner--subpage:before, .banner--subpage:after { content: " "; display: table; } .banner--subpage:after { clear: both; } .banner--subpage .banner__img { position: absolute; top: 0; left: 50%; margin: 0 0 0 -984px; } .banner--subpage .banner__title { padding: 97px 0 122px; color: rgba(255, 255, 255, 0.4); font-size: 300px; z-index: 10; position: relative; text-align: center; text-shadow: 0 0 35px rgba(0, 0, 0, 0.1); margin: 0; font-weight: 600; } @media (max-width: 767px) { .banner--subpage .banner__title { font-size: 120px; } } .banner--wide .banner__item { background-repeat: no-repeat; background-size: cover; position: relative; padding: 200px 0 70px; z-index: 200; } .banner--wide .banner__item:before, .banner--wide .banner__item:after { content: " "; display: table; } .banner--wide .banner__item:after { clear: both; } @media (max-width: 991px) { .banner--wide .banner__item { height: auto; padding: 125px 0 30px; } } @media (max-width: 767px) { .banner--wide .banner__item { padding-top: 45px; } } .banner--wide .banner__caption { padding-left: 15px; padding-right: 15px; float: left; width: 100%; } @media (min-width: 992px) { .banner--wide .banner__caption { width: 66.66667%; } } .banner--wide .banner__search { padding-left: 15px; padding-right: 15px; float: left; width: 100%; position: relative; z-index: 360; } @media (min-width: 992px) { .banner--wide .banner__search { width: 33.33333%; } } .banner--play .banner__title { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .banner--play .banner__subtitle { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .banner--play .banner__btn { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .banner--play .banner__arrow-circle { opacity: 1; } .banner--default .banner__item { padding: 50px 0; } @media (max-width: 991px) { .banner--default .banner__item { padding: 30px 0 0; } } @media (max-width: 767px) { .banner--default .banner__item { padding: 15px 0 0; } } .banner--slider .banner__title { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .banner--slider .banner__subtitle { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .banner--slider .banner__btn { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .banner--slider .banner__arrow-circle { opacity: 1; } .banner--slider .banner__container { position: absolute; top: 200px; left: 0; right: 0; } @media (max-width: 991px) { .banner--slider .banner__container { padding-top: 130px; top: 0; position: relative; background: url("../media-demo/banner/banner-1.jpg") 50% 0 no-repeat; background-size: cover; } } @media (max-width: 767px) { .banner--slider .banner__container { padding-top: 60px; padding-bottom: 30px; } } @media (max-width: 991px) { .banner--slider .banner__container--auth { background: url("../media-demo/banner/banner-4.jpg") 50% 0 no-repeat; } } .banner--slider .banner__sidebar { padding-left: 15px; padding-right: 15px; float: left; width: 100%; position: relative; z-index: 360; float: right !important; } @media (min-width: 992px) { .banner--slider .banner__sidebar { width: 33.33333%; } } /*------------------------------------------------------------------ * Review widget (Testimonials) + Review / .review -- Review Wide / .review--wide -- Review list / .review--list @mixin =============================================================*/ .review__photo { position: relative; margin: 0; float: left; width: 50%; padding-right: 10px; } @media (max-width: 767px) { .review__photo { float: none; margin: 0 auto; } } .review__photo img { max-width: 100%; } @media (max-width: 767px) { .review__photo img { float: none; margin: 0 auto; } } .review__details { float: left; padding-left: 10px; } @media (max-width: 767px) { .review__details { float: none; text-align: center; padding: 0; } } .review__name { font-size: 17px; color: #2c3e50; font-weight: 900; padding: 0; text-transform: uppercase; display: block; } @media (max-width: 767px) { .review__name { font-size: 15px; margin-top: 0; } } .review__post { color: #2c3e50; display: block; } @media (max-width: 767px) { .review__post { font-size: 13px; } } .review__info { margin-top: 0; } .review__slider { overflow: hidden; padding: 0 0 50px 0; width: 100%; margin: 0 auto; } @media (max-width: 767px) { .review__slider { padding-bottom: 10px; } } .review__controls { display: none; } .review .slick-dots { text-align: center; bottom: 0; } @media (max-width: 767px) { .review .slick-dots { bottom: -17px; } } .review li button:before { font-size: 10px; display: inline-block; font-family: FontAwesome; content: ""; color: #2c3e50; opacity: 1; } .review li.slick-active button:before { font-size: 10px; display: inline-block; font-family: FontAwesome; content: ""; color: #01a1bb; } .review--wide { padding: 0 235px; } @media (max-width: 1199px) { .review--wide { padding: 0; } } @media (max-width: 767px) { .review--wide .review__photo { padding-right: 0; } } .review--wide .review__photo img { float: right; } @media (max-width: 767px) { .review--wide .review__photo img { float: none; } } .review--wide .review__name { margin: 24px 0 0; } .review--wide .review__info { margin-top: 0; clear: both; } @media (max-width: 767px) { .review--wide .review__info { margin-top: -10px; } } .review--wide .review__info p { font-style: italic; color: #01a1bb; text-align: center; } .review--wide .review__info-quote { font-size: 50px; line-height: 1; color: #2c3e50; height: 25px; font-weight: 600; } .review--wide .review__info-quote p { font-style: italic; color: #01a1bb; text-align: center; } .review--wide .review__info-quote--close { float: right; margin-top: -30px; } @media (max-width: 991px) { .review--wide .review__info-quote--close { margin-top: -15px; } } .review--wide .review__stars { display: none; } .listing__item:nth-child(2n) .review--list .review__info, .listing__item:nth-child(2n) .review--list .review__details, .listing__item:nth-child(2n) .review--list .review__photo { float: right; } .listing__item:nth-child(2n) .review--list .review__info img, .listing__item:nth-child(2n) .review--list .review__details img, .listing__item:nth-child(2n) .review--list .review__photo img { float: right; } .review--list .review__item { margin-left: -15px; margin-right: -15px; } .review--list .review__item:before, .review--list .review__item:after { content: " "; display: table; } .review--list .review__item:after { clear: both; } .review--list .review__info { margin-top: -6px; } @media (max-width: 991px) { .review--list .review__info { margin-top: 15px; } } .review--list .review__info-quote { display: none; } .review--list .review__stars { margin-top: 15px; } @media (max-width: 767px) { .review--list .review__stars { margin-top: 10px; } } .review--list .review__photo { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 33.33333%; } @media (min-width: 480px) { .review--list .review__photo:nth-of-type(n) { clear: none; } .review--list .review__photo:nth-of-type(3n+1) { clear: both; } } @media (min-width: 992px) { .review--list .review__photo { width: 16.66667%; } } @media (min-width: 992px) { .review--list .review__photo:nth-of-type(n) { clear: none; } .review--list .review__photo:nth-of-type(6n+1) { clear: both; } } .review--list .review__photo img { width: 100%; } .review--list .review__details { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 66.66667%; text-align: center; } @media (min-width: 480px) { .review--list .review__details:nth-of-type(n) { clear: none; } .review--list .review__details:nth-of-type(1.5n+1) { clear: both; } } @media (min-width: 992px) { .review--list .review__details { width: 25%; } } @media (min-width: 992px) { .review--list .review__details:nth-of-type(n) { clear: none; } .review--list .review__details:nth-of-type(4n+1) { clear: both; } } .review--list .review__info { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 100%; } @media (min-width: 480px) { .review--list .review__info:nth-of-type(n) { clear: none; } .review--list .review__info:nth-of-type(1n+1) { clear: both; } } @media (min-width: 992px) { .review--list .review__info { width: 58.33333%; } } @media (min-width: 992px) { .review--list .review__info:nth-of-type(n) { clear: none; } .review--list .review__info:nth-of-type(1.71429n+1) { clear: both; } } .review--list .review__name { margin-top: -7px; } /*------------------------------------------------------------------ * Scroll up button + Scroll Up Button / .scrollup @mixin =============================================================*/ .scrollup { position: fixed; background: #bebebe; color: #222222; bottom: 30px; left: 50%; margin-left: 530px; z-index: 10; border: none; padding: 0 7px 3px 7px; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; outline: none; } .scrollup:before { font-size: 2em; display: inline-block; font-family: FontAwesome; content: ""; line-height: 1.3; } .scrollup.scrollup-show { opacity: 1; } @media (max-width: 1199px) { .scrollup { margin-left: 0; left: auto; right: 20px; } } /*------------------------------------------------------------------ * Dropdown for select custom + Dropdown / .dropdown -- Dropdown select / .dropdown--select @mixin =============================================================*/ .dropdown__menu { display: block !important; opacity: 0; height: 0; overflow: hidden; cursor: default; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); position: absolute; top: 30px; left: 0; padding: 0; border: 1px solid #dcdcdc; } .dropdown__menu:before { width: 7px; height: 7px; position: absolute; background: #fff; top: -4px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; display: block; left: 20px; border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; } .dropdown__menu ul { list-style: none; padding: 0; margin: 0; position: relative; } .open .dropdown__menu { opacity: 1; height: auto; overflow: visible; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; pointer-events: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .dropdown--select { width: 100%; } .dropdown--select .dropdown-toggle { display: block; width: 100%; height: 38px; padding: 6px 20px; font-size: 15px; line-height: 1.6; color: #2c3e50; background-color: #fff; background-image: none; border: 1px solid #d6d6d6; border-radius: 0; position: relative; z-index: 5; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; background: #fff; text-align: left; padding: 5px 30px 5px 20px; } .dropdown--select .dropdown-toggle:focus { border-color: #01a1bb; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 161, 187, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 161, 187, 0.6); } .dropdown--select .dropdown-toggle::-moz-placeholder { color: #2c3e50; opacity: 1; } .dropdown--select .dropdown-toggle:-ms-input-placeholder { color: #2c3e50; } .dropdown--select .dropdown-toggle::-webkit-input-placeholder { color: #2c3e50; } .dropdown--select .dropdown-toggle[disabled], .dropdown--select .dropdown-toggle[readonly], fieldset[disabled] .dropdown--select .dropdown-toggle { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } .dropdown--select .dropdown-toggle.parsley-error { border: 1px solid #e95b35; } .dropdown--select .dropdown-toggle.parsley-success { border: 1px solid #01a1bb; } .dropdown--select .dropdown-toggle:after { display: block; position: absolute; bottom: 0; right: 10px; top: 0; padding: 5px 0 0 10px; color: #595959; font-size: 15px; display: inline-block; font-family: FontAwesome; content: ""; border-left: 1px solid #d6d6d6; } .dropdown--select .dropdown-menu { background: #fff; border: 1px solid #d6d6d6; margin-top: -1px; right: 0; } .dropdown--header .dropdown__btn { font-size: 13px; text-transform: uppercase; background: none; position: relative; padding: 0; display: block; border: none; font-weight: 700; } .dropdown--header .dropdown__btn:after { display: block; font-size: 10px; display: inline-block; font-family: FontAwesome; content: ""; padding: 0 0 0 11px; text-align: left; opacity: 0.5; } .dropdown--header .dropdown__menu { background: #fff; width: 125px; } .dropdown--header .dropdown__link { margin: 0 30px; padding: 3px 0; color: #2c3e50; display: block; text-transform: uppercase; } .dropdown--header .dropdown__link.active, .dropdown--header .dropdown__link:hover { margin: 0; padding: 3px 30px; background: #01a1bb; color: #fff; text-decoration: none; } .dropdown--header .dropdown__link.active { font-weight: bold; } /*------------------------------------------------------------------ * Header block + Header / .header __ Header social / .header__social __ Header title / .header__title __ Header address / .header__address __ Header phone / .header__phone __ Header email / .header__email @mixin =============================================================*/ /* Badr background: #01a1bb; -> 040219 */ .header { z-index: 240; position: relative; background: #040219; color: #fff; } .header:before, .header:after { content: " "; display: table; } .header:after { clear: both; } .header__row { padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 50px; } .header__settings { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .header__settings { display: none; } } .header__settings-column { margin-right: 50px; } .header__settings-column:last-of-type { margin-right: 0; } @media (max-width: 1199px) { .header__settings-column { margin-right: 20px; } } .header__settings-icon { width: 16px; height: 16px; position: relative; top: 4px; margin: -3px 10px 0 0; opacity: 0.5; } .header__contacts { background: rgba(0, 0, 0, 0.1); margin-left: auto; height: 100%; } @media (max-width: 991px) { .header__contacts { margin-right: auto; } } @media (max-width: 767px) { .header__contacts { background: none !important; margin-left: 0; margin-right: 0; } } .header__social { margin-top: -4px; margin-left: 30px; margin-right: auto; } @media (max-width: 991px) { .header__social { display: none; } } .header__phone { color: #fff; display: block; font-weight: 400; line-height: 1; padding: 15px 40px 0; } .header__phone:hover { color: #fff; } @media (max-width: 767px) { .header__phone { padding: 15px 0 0; } } .header__phone-icon { width: 16px; height: 14px; } @media (max-width: 767px) { .header__phone-icon { width: 22px; height: 22px; } } .header__call { text-align: center; padding: 5px 15px 0; } .header__call:before { font-size: 2.1em; display: inline-block; font-family: FontAwesome; content: ""; color: #fff; } @media (min-width: 768px) { .header__call { display: none; } } .header__logo { text-align: center; line-height: 1; } @media (min-width: 768px) { .header__logo { display: none; } } .header__logo svg { width: 50px; height: 35px; } @media (max-width: 767px) { .header__logo img { width: 100px; } } .header__navbar-toggle { background: none; border: none; height: 40px; width: 40px; padding: 0 !important; border-radius: 20px; outline: none; } .header__navbar-toggle.collapsed { background: #fff; } .header__navbar-toggle.collapsed .header__navbar-show { display: none; } .header__navbar-toggle.collapsed .header__navbar-hide { display: block; fill: #01a1bb; } .header__navbar-toggle.collapsed svg { fill: #01a1bb; } .header__navbar-toggle svg { width: 30px; height: 30px; margin-left: 5px; } @media (min-width: 768px) { .header__navbar-toggle { display: none; } } @media (max-width: 767px) { .header__navbar-toggle { padding-top: 0; -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); } } .header__navbar-show { display: block; } .header__navbar-hide { fill: #01a1bb !important; display: none; } .header__span { margin-left: 15px; } @media (max-width: 767px) { .header__span { display: none; } } .auth__nav-btn .header__span { margin-left: 5px; } .header svg { fill: #fff; } .header--none { display: none; } .header--overlay { position: absolute; left: 0; right: 0; } .boxed .header--overlay { left: 10px; right: 10px; } @media (max-width: 767px) { .header--overlay { display: block; background: none; } } .header--overlay .header__call { display: none; } .header--overlay .header__logo { width: auto; } .header--dark { background: rgba(0, 0, 0, 0.2); color: #fff; } .header--dark svg { fill: #fff; } .header--dark .header__contacts { background: rgba(0, 0, 0, 0.2); } .header--white { background: #fff; color: #2c3e50; } .header--white svg { fill: #2c3e50; } .header--white .header__contacts { background: rgba(0, 0, 0, 0.1); } .header--white .header__phone { color: #2c3e50; } .header--blue { background: #2c3e50; color: #fff; } .header--blue svg { fill: #fff; } .header--blue .header__contacts { background: none; } .header--blue .header__phone { color: #fff; } .header--blue .header__navbar-hide { fill: #2c3e50 !important; } .header--mob-opened.header--dark, .header--mob-opened.header--white { background: none !important; } .header--mob-opened .header__logo { visibility: hidden; } .header--mob-opened .header__contacts { visibility: hidden; } /*------------------------------------------------------------------ * Social icons block + Social / .social -- Social header / .social--header -- Social properties / .social--properties -- Social article / .social--article -- Social footer / .social--footer -- Social worker / .social--worker -- Social contacts / .social--contacts -- Social join / .social--join -- Social sidebar-worker / .social--sidebar-worker @mixin =============================================================*/ .social__item { float: left; font-size: 20px; margin: 10px 48px 10px 0; } .social__item:hover, .social__item:focus { color: #c61515; } .social--header .social__item { margin: 0 50px 0 0; color: #fff; } .header--white .social--header .social__item { color: #2c3e50; } .social--header .social__item:hover { color: #c61515; } .social--circles .social__item { border: 1px solid #fff; border-radius: 25px; width: 25px; height: 25px; text-align: center; margin-right: 15px; font-size: 15px; margin-top: 5px; } .social--properties { float: right; color: #2c3e50; width: auto; clear: right; margin: 7px 0 0 0; padding: 0; text-align: right; } .social--properties .social__title { float: left; margin-top: 5px; } @media (max-width: 767px) { .social--properties .social__title { float: none; display: block; } } .social--properties .social__item { margin: 0 0 0 24px; display: inline-block; float: none; } @media (max-width: 1199px) { .social--properties .social__item { margin-left: 15px; } } @media (max-width: 767px) { .social--properties .social__item { font-size: 19px; } .social--properties .social__item:first-of-type { margin-left: 0; } } @media (max-width: 767px) { .social--properties { margin: -4px 0 0 0; padding: 0; } } .social--article { float: right; color: #2c3e50; width: auto; clear: right; margin: 0 0 0 0; padding: 0; } .social--article span { float: left; margin: 5px 10px 0 0; } .social--article .social__item { margin: 0 0 0 30px; } .social--footer .social__item { margin: 10px 40px 0 0; color: #c61515; font-size: 20px; } .social--footer .social__item:hover { color: #c61515; } .social--join { margin: 30px 0; font-size: 17px; color: #fff; } .social--join .social__item { margin: 0 15px; float: none; font-size: 20px; color: #fff; } .social--join .social__item:hover { text-decoration: none; color: #c61515; } .social--worker { margin: 30px 0 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1199px) { .social--worker { margin: 13px 0 0 0; float: right; } } .social--worker .social__item { margin: 0; } .social--contacts { -webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit; float: none; display: block; margin-top: 5px; } @media (max-width: 767px) { .social--contacts { float: none; text-align: center; } } @media (max-width: 767px) { .social--contacts .contacts__social-title { margin-right: 0; float: none; display: block; } } .social--contacts .social__item { margin-right: 30px; } @media (max-width: 767px) { .social--contacts .social__item { float: none; display: inline-block; margin-right: 20px; } .social--contacts .social__item:last-child { margin-right: 0; } } .social--sidebar-worker { margin: 10px 0 0 0; border-bottom: 1px dotted #d6d6d6; } .social--sidebar-worker:before, .social--sidebar-worker:after { content: " "; display: table; } .social--sidebar-worker:after { clear: both; } .social--sidebar-worker .social__item { margin: 0 20px 0 0; } .social--sidebar-worker .social__item--linkedin { margin: 5px 20px 0 0; } .social--sidebar-worker .social__item:last-child { margin-right: 0; } .social--sidebar-worker svg { fill: #01a1bb; } /*------------------------------------------------------------------ * Navbar block + Navbar / .navabar @mixin =============================================================*/ @media (max-width: 767px) { .navbar { display: none; } } .navbar__row { margin: 30px 0; } .navbar__row:before, .navbar__row:after { content: " "; display: table; } .navbar__row:after { clear: both; } @media (max-width: 767px) { .navbar__row { margin: 0; } } .header-fixed .navbar__row { margin: 0 !important; padding: 10px 0 !important; background: none !important; } .navbar__brand { float: left; line-height: 1; } .navbar__brand img { width: 100%; } @media (max-width: 767px) { .navbar__brand { display: none; } } .navbar__brand-logo { fill: #2c3e50; height: 60px; width: 215px; } @media (max-width: 1199px) { .navbar__brand-logo { width: 140px; } } @media (max-width: 767px) { .navbar__brand-logo { display: none; } } .navbar__wrap { margin: 16px 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .header-fixed .navbar__wrap { margin-top: 16px; } @media (max-width: 767px) { .navbar__wrap { display: none; } } /*badr background: #01a1bb; ->040219 */ @media (max-width: 767px) { .navbar__wrap--init { display: block; background: #040219; width: 300px; bottom: 0; -webkit-box-shadow: none; box-shadow: none; margin: 0; position: absolute; top: 0; right: 0; z-index: 0; float: none; padding-top: 50px; overflow-y: auto; -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); } } .navbar__nav { list-style: none; padding: 0; margin: 0; } @media (max-width: 767px) { .navbar__nav { margin-top: 0; width: 300px; position: relative; z-index: 20; overflow-y: auto; overflow-x: hidden; min-height: 100%; } } .navbar__item { float: left; margin: 3px 0 0 40px; -webkit-transition: background 0.3s; transition: background 0.3s; position: relative; } .navbar__item:active > a, .navbar__item:hover > a, .navbar__item.open > a { text-decoration: none; } @media (max-width: 991px) { .navbar__item { margin-left: 20px; } } @media (max-width: 767px) { .navbar__item { position: initial; float: none; margin: 0; } } .navbar__item--mob { display: none; } @media (max-width: 767px) { .navbar__item--mob { display: block; } } .navbar__dropdown { position: absolute; left: 0; display: block; padding: 0; border: none; min-width: 200px; background: #01a1bb; margin: 0; z-index: 255; } @media (min-width: 768px) { .navbar__dropdown { visibility: hidden; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .navbar__item:hover > .navbar__dropdown { visibility: visible; } .menu-default .navbar__item:hover > .navbar__dropdown, .menu-default .navbar__item.open > .navbar__dropdown { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .menu-fadeIn .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .menu-fadeInUp .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .menu-fadeInUpBig .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } .menu-fadeInDown .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .menu-fadeInDownBig .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } .menu-fadeInLeft .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .menu-fadeInLeftBig .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } .menu-fadeInRight .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .menu-fadeInRightBig .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } .menu-fadeOutUp .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } .menu-fadeOutUpBig .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } .menu-fadeOutDown .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } .menu-fadeOutDownBig .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } .menu-fadeOutLeft .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } .menu-fadeOutLeftBig .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } .menu-fadeOutRight .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } .menu-fadeOutRightBig .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } .menu-bounceIn .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: bounceIn; animation-name: bounceIn; } .menu-bounceInUp .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } .menu-bounceInDown .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } .menu-bounceInLeft .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } .menu-bounceInRight .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } .menu-bounceOutUp .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } .menu-bounceOutDown .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } .menu-bounceOutLeft .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } .menu-bounceOutRight .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } .menu-rotateIn .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: rotateIn; animation-name: rotateIn; } .menu-rotateInUpLeft .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } .menu-rotateInUpRight .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } .menu-rotateInDownLeft .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } .menu-rotateInDownRight .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } .menu-rotateOut .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: rotateOut; animation-name: rotateOut; } .menu-rotateOutUpLeft .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } .menu-rotateOutUpRight .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } .menu-rotateOutDownLeft .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } .menu-rotateOutDownRight .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } .menu-slideIn .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: slideIn; animation-name: slideIn; } .menu-slideInUp .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: slideInUp; animation-name: slideInUp; } .menu-slideInDown .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } .menu-slideInLeft .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } .menu-slideInRight .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: slideInRight; animation-name: slideInRight; } .menu-slideOut .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: slideOut; animation-name: slideOut; } .menu-slideOutUp .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .menu-slideOutDown .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } .menu-slideOutLeft .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } .menu-slideOutRight .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } .menu-flip .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: flip; animation-name: flip; } .menu-flipInX .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: flipInX; animation-name: flipInX; } .menu-flipInY .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: flipInY; animation-name: flipInY; } .menu-flipOutX .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: flipOutX; animation-name: flipOutX; } .menu-flipOutY .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: flipOutY; animation-name: flipOutY; } .menu-lightSpeedIn .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; } .menu-bounce .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: bounce; animation-name: bounce; } .menu-flash .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: flash; animation-name: flash; } .menu-pulse .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: pulse; animation-name: pulse; } .menu-wiggle .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: wiggle; animation-name: wiggle; } .menu-swing .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: swing; animation-name: swing; } .menu-shake .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: shake; animation-name: shake; } .menu-tada .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: tada; animation-name: tada; } .menu-wobble .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: wobble; animation-name: wobble; } .menu-hinge .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: hinge; animation-name: hinge; } .menu-rollIn .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: rollIn; animation-name: rollIn; } .menu-rollOut .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: rollOut; animation-name: rollOut; } .menu-zoomIn .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: zoomIn; animation-name: zoomIn; } .menu-zoomInDown .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } .menu-zoomInLeft .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } .menu-zoomInRight .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } .menu-zoomInUp .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } .menu-zoomOut .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: zoomOut; animation-name: zoomOut; } .menu-zoomOutDown .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } .menu-zoomOutLeft .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } .menu-zoomOutRight .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } .menu-zoomOutUp .navbar__item:hover > .navbar__dropdown { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } } @media (max-width: 767px) { .navbar__dropdown { top: 0; display: block; -webkit-box-shadow: none; box-shadow: none; padding-left: 0; padding-top: 0; float: none; width: 300px; height: 100%; background: #01a1bb; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: 0.5s; transition: 0.5s; } .open > .navbar__dropdown { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 50; } } .navbar__dropdown--colls-1 { width: 200px; } @media (max-width: 1199px) { .navbar__dropdown--colls-1 { width: 100%; margin: 0; padding-left: 0; } } .navbar__dropdown--colls-2 { width: 400px; } @media (max-width: 1199px) { .navbar__dropdown--colls-2 { width: 100%; margin: 0; padding-left: 0; } } .navbar__dropdown--colls-3 { width: 600px; } @media (max-width: 1199px) { .navbar__dropdown--colls-3 { width: 100%; margin: 0; padding-left: 0; } } .navbar__dropdown--right { left: auto; right: 0; } .navbar__dropdown--left { right: auto; left: 0; } .navbar__dropdown ul { list-style: none; } .navbar__link { text-transform: uppercase; font-weight: 600; display: block; text-decoration: none; color: #2c3e50; } @media (max-width: 767px) { .navbar__link { font-size: 17px; color: #fff !important; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 15px 25px; } } @media (min-width: 768px) { .active .navbar__link { -webkit-box-shadow: 0 2px 0 #2c3e50; box-shadow: 0 2px 0 #2c3e50; text-decoration: none; } } @media (max-width: 767px) { .active .navbar__link { background: #017588; } } .navbar__arrow { fill: none; stroke: #fff; stroke-width: 4px; width: 7px; height: 11px; float: right; margin-top: 6px; } .navbar__link .navbar__arrow { display: none; } @media (max-width: 767px) { .navbar__link .navbar__arrow { display: block; } } .navbar__back .navbar__arrow { float: none; position: relative; top: 1px; margin-right: 15px; } .navbar__back { display: none; } @media (max-width: 767px) { .navbar__back { display: block; width: 100%; text-align: left; color: #fff; border: none; background: none; outline: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); text-transform: uppercase; padding: 5px 25px; } } .navbar__submenu { float: left; margin: 0; width: 200px; padding: 0; } @media (max-width: 767px) { .navbar__submenu { width: 300px; float: none; padding: 0; } } .navbar__submenu:last-child { margin-right: 0; } .navbar__submenu--level { opacity: 0; height: 0; overflow: hidden; cursor: default; -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); left: 100%; top: 0; position: absolute; background: #01a1bb; padding-top: 0; margin: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } @media (max-width: 1199px) { .navbar__submenu--level { position: relative; height: auto; left: 0; opacity: 1; overflow: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); float: none; width: 170px; display: none; } } @media (max-width: 767px) { .navbar__submenu--level { left: 0; bottom: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); position: absolute; width: 300px; top: 0; height: 100% !important; padding: 0; } .open > .navbar__submenu--level { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .navbar__subtitle { text-transform: uppercase; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.8); margin: 10px 25px 0; padding-bottom: 10px; font-weight: 600; } @media (max-width: 767px) { .navbar__subtitle { color: #01cdee; padding: 10px 25px; margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-weight: 600; } } .navbar__subnav { list-style: none; padding: 0; } @media (max-width: 1199px) { .navbar__subnav { border: none; } } .navbar__sublink { color: rgba(255, 255, 255, 0.8); padding: 10px 0; display: block; } .navbar__sublink:hover, .active > .navbar__sublink { color: #fff; text-decoration: none; } @media (min-width: 1200px) { .navbar__sublink { -webkit-transition: hover 0.3s, padding 0.3s; transition: hover 0.3s, padding 0.3s; } .navbar__sublink:hover { padding-left: 10px; } } @media (max-width: 767px) { .navbar__sublink { color: rgba(255, 255, 255, 0.8); } } .navbar__subitem { padding: 0 25px; position: relative; } @media (max-width: 767px) { .navbar__subitem { clear: both; position: initial; padding: 0 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } } @media (max-width: 1199px) { .navbar__subitem:hover .navbar__submenu--level { display: block; } } @media (max-width: 767px) { .navbar__subitem-dropdown.open > .navbar__submenu { height: auto; overflow: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media (min-width: 768px) { .navbar__subitem-dropdown:hover > .navbar__submenu { height: auto; overflow: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .navbar a:hover { cursor: pointer; } @media (min-width: 768px) { .admin-bar .navbar.header-fixed { top: -33px; } } .navbar--example { padding: 20px 0; } @media (max-width: 767px) { .navbar--ui { width: 252px; background: #01a1bb; } } @media (max-width: 767px) { .navbar--ui .navbar__nav { border-top: none; } .navbar--ui .navbar__nav > li:last-child a { border-bottom: none !important; } } /* Badr background: #f6f6f6; -> #040219 */ .navbar--header { position: relative; z-index: 230; background: #fcfcfc; border: none; min-height: inherit; margin-bottom: 0; } .navbar--header.header-fixed { -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2); margin-bottom: 0; min-height: 65px; } @media (min-width: 768px) { .navbar--header.header-fixed { position: fixed; top: -65px; left: 0; right: 0; z-index: 35; -webkit-transform: translateY(65px); -ms-transform: translateY(65px); transform: translateY(65px); -webkit-transition: -webkit-transform 1s; transition: transform 1s; } } .navbar--overlay { position: absolute; top: 60px; left: 0; right: 0; background: none; } .navbar--overlay .navbar__link { color: #fff; } .navbar--overlay .active .navbar__link { -webkit-box-shadow: 0 2px 0 #fff; box-shadow: 0 2px 0 #fff; } .navbar--overlay .navbar__brand-logo { fill: #fff; } .navbar--overlay.header-fixed { background: #fff; } .navbar--overlay.header-fixed .navbar__link { color: #2c3e50; } .navbar--overlay.header-fixed .active .navbar__link { -webkit-box-shadow: 0 2px 0 #2c3e50; box-shadow: 0 2px 0 #2c3e50; } .navbar--overlay.header-fixed .navbar__brand-logo { fill: #2c3e50; } .navbar--overlay .navbar__row { margin: 30px -25px; padding: 12px 25px; } @media (max-width: 991px) { .navbar--overlay .navbar__row { margin-top: 0; margin-bottom: 0; } } @media (max-width: 767px) { .navbar--overlay .navbar__row { padding: 0; margin: 56px 0 0; } } .navbar--brand .navbar__row { background: rgba(1, 161, 187, 0.8); } .navbar--overlay-map .navbar__row { background: rgba(255, 255, 255, 0.9); } .navbar--overlay-map .navbar__link { color: #2c3e50; } .navbar--overlay-map .active .navbar__link { -webkit-box-shadow: 0 2px 0 #2c3e50; box-shadow: 0 2px 0 #2c3e50; } .navbar--overlay-map .navbar__brand-logo { fill: #2c3e50; } .navbar--subpage { background: #fff; } .navbar--white { background: #fff; } .navbar.navbar-default { background: #01a1bb; margin-bottom: 25px; border: none; } .navbar.navbar-inverse { background: #222; border: none; } #header-nav-offset { display: none; } @media (min-width: 768px) { #header-nav-offset.header-fixed { display: block; } } /*------------------------------------------------------------------ * Footer + Footer / .footer __ Footer wrap / .footer__wrap __ Footer col / .footer__col __ Footer title / .footer__title __ Footer copyright / .footer__copyright @mixin =============================================================*/ .footer { background: #222; } .footer__wrap { margin-left: -15px; margin-right: -15px; padding-top: 25px; } .footer__wrap:before, .footer__wrap:after { content: " "; display: table; } .footer__wrap:after { clear: both; } @media (max-width: 767px) { .footer__wrap { padding-top: 0; } } .footer__col { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .footer__col { float: left; width: 33.33333%; } } .footer__col .container { margin: 0; padding: 0; width: 100%; } .footer__col > :first-child { margin-top: 0 !important; } .footer__col--first { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 1200px) { .footer__col--first { float: left; width: 41.66667%; } } .footer__col--second { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 1200px) { .footer__col--second { float: left; width: 33.33333%; } } .footer__col--third { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 1200px) { .footer__col--third { float: left; width: 25%; } } .footer__title { font-size: 17px; color: #c61515; margin: 30px 0 15px; font-weight: 600; text-transform: uppercase; } @media (max-width: 767px) { .footer__title { margin-top: 25px; margin-bottom: 25px; } } .footer span, .footer p, .footer a { color: #bebebe; font-weight: normal; margin-bottom: 15px; } .footer__copyright { margin-top: 45px; margin-bottom: 45px !important; display: block; padding: 0 15px; } @media (max-width: 767px) { .footer__copyright { margin-top: 25px; } } /*------------------------------------------------------------------ * Style for region select block + Region Select / .region-select @mixin =============================================================*/ .region-select { padding: 8px 6px; } .region-select label.in-label { margin-left: 10px; padding-left: 25px; font-size: 14px; color: #2c3e50; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0; padding-top: 0; } @media (max-width: 767px) { .region-select label.in-label { margin-left: -10px; } } .region-select label.in-label:before { top: 4px; } .region-select ul { padding: 0 !important; } .region-select__list { max-height: 250px; overflow: auto; } .region-select__buttons { padding: 10px 6px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .region-select__btn { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; text-decoration: none; border: 2px solid #2c3e50; background: none; color: #2c3e50; padding: 4px 10px; width: 47%; margin: 0; } .region-select__btn:hover, .region-select__btn:focus, .region-select__btn.active { color: #333; text-decoration: none; outline: none; } .region-select__btn:disabled, .region-select__btn.disabled { cursor: not-allowed; } .region-select__btn.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .region-select__btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .region-select__btn.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .region-select__btn.has-error, .region-select__btn.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .region-select__btn.has-error:after, .region-select__btn.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .region-select__btn.has-success, .region-select__btn.success { color: transparent !important; } .region-select__btn.has-success:after, .region-select__btn.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .region-select__btn.button--loading:before { content: ""; } .button--loading-refresh .region-select__btn.button--loading:before { content: ""; } .button--loading-spinner .region-select__btn.button--loading:before { content: ""; } @media (min-width: 992px) { .region-select__btn.hover, .region-select__btn:hover { border-color: #c61515; color: #c61515; } } .region-select__btn:active, .region-select__btn.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .region-select__btn:disabled, .region-select__btn.disabled { color: #ccc; border-color: #efefef; } .region-select__btn--reset { padding-left: 8px; } .region-select__btn--reset:before { font-size: 1em; display: inline-block; font-family: FontAwesome; content: ""; font-size: 12px; margin: 0 5px 0 0; } /*------------------------------------------------------------------ * Properties + Properites / .properties -- Properites index / .properties--index -- Properites grid / .properties--grid -- Properites similar / .properties--similar -- Properites workers / .properties--workers -- Properites sidebar / .properties--sidebar -- Properites list / .properties--list -- Properites gallery / .properties--gallery @mixin =============================================================*/ .properties__thumb { position: relative; } .properties__info { background: #fff; border-top: none; padding: 15px 30px; -webkit-transition: 0.5s; transition: 0.5s; } @media (max-width: 1199px) { .properties__info { padding: 10px; } } .properties__address { font-size: 17px; color: #2c3e50; display: block; padding-bottom: 15px; margin-bottom: 10px; } @media (max-width: 1199px) { .properties__address { height: auto; } .properties__address:hover { color: #2c3e50; } } .properties__address--simple { margin-bottom: 15px; border-bottom: none; } .properties__address-street { font-weight: 600; display: block; } .properties__address-city { display: block; } .properties__params { color: #fff; text-transform: uppercase; display: block; } @media (max-width: 767px) { .properties__params { color: #2c3e50; font-size: 14px; } } .properties__params--mob { display: none; } @media (max-width: 767px) { .properties__params--mob { display: block; margin-top: 15px; } } .properties__intro { color: #a6a6a6; font-size: 14px; margin-top: 5px; display: block; } .properties__price { color: #c61515; font-size: 20px; font-weight: 700; padding: 0; } .properties__time { color: #01a1bb; font-style: italic; margin-top: 15px; display: block; } .properties__price-period { font-weight: 400; font-size: 15px; } @media (max-width: 992px) { .properties__price-period { display: inline; } } .properties__more { float: right; color: #a6a6a6; text-transform: uppercase; font-size: 12px; padding: 5px 10px; border: 1px solid #a6a6a6; margin-top: -27px; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .properties__more:hover { text-decoration: none; } @media (max-width: 767px) { .properties__more { margin-top: 5px; } } .properties__ribon { position: absolute; top: 110px; right: -5px; background: #01a1bb; color: #fff; text-transform: uppercase; padding: 3px 15px; font-weight: 600; top: 18px; } .properties__ribon:after { position: absolute; right: 0; bottom: -5px; border-top: 5px solid #017588; width: 5px; content: " "; display: block; border-right: 5px solid #f6f6f6; } .properties__ribon--status { background: #c8e6c9; top: 55px; color: #222; } .properties__ribon--status:after { border-top: 5px solid #a5d6a7; } .properties__ribon--done { background: #ffecb3; } .properties__ribon--done:after { border-top: 5px solid #ffdf80; } .properties__right { float: right; margin-right: -5px; } .properties__offer { color: #01a1bb; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .properties__offer-value { line-height: 1; padding-bottom: 5px; } .properties__offer-value strong { font-size: 25px; } .properties__param { padding: 0; margin: 0; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .properties__param-label { display: block; font-weight: normal; margin-right: 3px; padding-bottom: 3px; color: #a6a6a6; } .properties__param-value { display: block; color: #fff; font-weight: 600; } .properties__param-value:after { content: ","; margin-right: 5px; } .properties__param-value:last-child:after { content: ""; } .properties__param-type { color: #fff; text-transform: uppercase; font-weight: 600; } .properties__param-column { margin-bottom: 0; float: left; } .properties__state { font-size: 13px; text-transform: uppercase; color: #2c3e50; float: left; position: relative; } .properties__state:before { content: " "; display: inline-block; width: 6px; height: 6px; border-radius: 6px; background: #01a1bb; margin: 0 5px 0 0; position: relative; top: -1px; } .properties__state--hidden:before { background: #c5cbd2; } .properties__state--highlight:before { background: #c61515; } .properties__state--hidden:before { background: #c5cbd2; } .properties__state--pending:before { background: #c61515; } .properties__state--pending:after { content: " "; display: inline-block; width: 6px; height: 3px; border-radius: 6px 6px 0 0; background: #c5cbd2; position: absolute; left: -1px; top: 76px; -webkit-transform: rotateZ(-50deg); transform: rotateZ(-50deg); } .properties__item-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .properties__actions { opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; } .properties:hover .properties__actions { opacity: 1; visibility: visible; } @media (max-width: 1199px) { .properties__actions { opacity: 1; visibility: visible; } } .properties__actions-dropdown { display: inline-block; } .properties__dropdown-toggle { background: none; border: none; outline: none !important; padding: 0; color: #01a1bb; position: relative; top: -5px; } .properties__dropdown-menu { z-index: 20; left: auto; right: 0; background: #fff; width: 150px; padding: 10px 15px; } .properties__dropdown-menu:before { left: auto; right: 8px; } .properties__dropdown-link { background: none; border: none; outline: none !important; padding: 0; font-size: 13px; color: #01a1bb; text-transform: uppercase; vertical-align: top; } .properties__link { background: none; border: none; outline: none !important; padding: 0; font-size: 13px; color: #01a1bb; text-transform: uppercase; vertical-align: top; padding: 3px; } .properties__pay { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; border: none; border-bottom: 4px solid #8e0e0e; background: #c61515; color: #fff; margin-left: 0; margin-bottom: 7px; } .properties__pay:hover, .properties__pay:focus, .properties__pay.active { color: #333; text-decoration: none; outline: none; } .properties__pay:disabled, .properties__pay.disabled { cursor: not-allowed; } .properties__pay.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .properties__pay:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .properties__pay.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .properties__pay.has-error, .properties__pay.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .properties__pay.has-error:after, .properties__pay.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .properties__pay.has-success, .properties__pay.success { color: transparent !important; } .properties__pay.has-success:after, .properties__pay.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .properties__pay.button--loading:before { content: ""; } .button--loading-refresh .properties__pay.button--loading:before { content: ""; } .button--loading-spinner .properties__pay.button--loading:before { content: ""; } .properties__pay.hover, .properties__pay:hover { border-bottom: 4px solid #c61515; color: #fff; } .properties__pay:active, .properties__pay.active { border-top: 4px solid #8e0e0e; border-bottom: none; color: #fff; } .properties__pay:disabled, .properties__pay.disabled { color: #ccc; background: #efefef; border-bottom: 4px solid #dedede; } .properties--projects { background: #fff; } .properties--projects .properties__info { background: #f5f5f5; } @media (min-width: 1200px) { .properties--grid:hover { margin: 0; } .properties--grid:hover .properties__info { background: #2c3e50; border-color: #2c3e50; } .properties--grid:hover .properties__address { color: #fff; background-image: url("../img/bg-border-dotted-horizontal--hover.png"); background-repeat: repeat-x; } .properties--grid:hover .properties__time { color: #c61515; } .properties--grid:hover .properties__offer { color: #c61515; } .properties--grid:hover .properties__more { color: #fff; } .properties--grid:hover .item-photo__more { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .properties--grid:hover .item-photo__hover { opacity: 1; } .properties--grid:hover .item-photo img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .properties--grid:hover .item-photo--static img { width: 100%; max-width: 100%; } } .properties--grid .properties__params { font-size: 14px; } .properties--grid .properties__time { font-size: 13px; margin-top: 5px; } .properties--grid .properties__more { font-size: 11px; padding: 3px 5px; margin-top: -23px; } @media (max-width: 767px) { .properties--grid .properties__more { margin-top: 0; } } .properties--grid .properties__header { margin: 0; } .properties--grid .properties__header:before, .properties--grid .properties__header:after { content: " "; display: table; } .properties--grid .properties__header:after { clear: both; } .properties--grid .properties__address { background: url("../img/bg-border-dotted-horizontal.png") 0 100% repeat-x; } @media (min-width: 1200px) { .properties--grid .properties__address:hover { color: #fff; text-decoration: none; background-image: url("../img/bg-border-dotted-horizontal--hover.png"); } } .properties--sidebar .properties__price { padding: 0 0 5px; font-size: 17px; text-align: left; color: #01a1bb; display: block; } .properties--sidebar .properties__thumb { position: relative; float: left; width: 58.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px; padding: 0; } .properties--sidebar .properties__thumb img { display: block; } .properties--sidebar .properties__info { border: none; padding: 0; background: none !important; } .properties--sidebar .properties__address { clear: both; color: #2c3e50 !important; padding: 15px 0 0; height: auto; background: none !important; } .properties--list:hover .item-photo__hover { opacity: 1; } .properties--list .properties__thumb { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; padding: 0; position: relative; top: 7px; } @media (min-width: 992px) { .properties--list .properties__thumb { width: 50%; } } @media (min-width: 992px) { .properties--list .properties__thumb:nth-of-type(n) { clear: none; } .properties--list .properties__thumb:nth-of-type(2n+1) { clear: both; } } @media (min-width: 1200px) { .properties--list .properties__thumb { width: 33.33333%; } } @media (min-width: 1200px) { .properties--list .properties__thumb:nth-of-type(n) { clear: none; } .properties--list .properties__thumb:nth-of-type(3n+1) { clear: both; } } @media (max-width: 991px) { .properties--list .properties__thumb { top: 0; } } .properties--list .properties__details { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; } @media (min-width: 992px) { .properties--list .properties__details { width: 50%; } } @media (min-width: 992px) { .properties--list .properties__details:nth-of-type(n) { clear: none; } .properties--list .properties__details:nth-of-type(2n+1) { clear: both; } } @media (min-width: 1200px) { .properties--list .properties__details { width: 66.66667%; } } @media (min-width: 1200px) { .properties--list .properties__details:nth-of-type(n) { clear: none; } .properties--list .properties__details:nth-of-type(1.5n+1) { clear: both; } } @media (max-width: 991px) { .properties--list .properties__details { padding: 0; } } @media (max-width: 991px) { .properties--list .properties__ribon { right: -5px; } } .properties--list .properties__photo { margin: 0; } .properties--list .properties__info { border: none; padding: 0; margin: 0; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background: url("../img/bg-border-dotted-horizontal.png") 0 100% repeat-x; } .properties:hover .properties--list .properties__info { background: url("../img/bg-border-dotted-horizontal.png") 0 100% repeat-x; border-color: none; } @media (max-width: 1199px) { .properties--list .properties__info { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: none !important; } } @media (max-width: 767px) { .properties--list .properties__intro { display: none; } } .properties--list .properties__offer { width: 50%; } @media (max-width: 1199px) { .properties--list .properties__offer { width: 100%; } } .properties--list .properties__address { margin: 0; padding: 0 10px 0 0; max-height: 81px; overflow: hidden; height: auto; color: #2c3e50 !important; background: none !important; } @media (max-width: 1199px) { .properties--list .properties__address { max-height: none; background: url("../img/bg-border-dotted-horizontal.png") 0 100% repeat-x !important; width: 100%; padding-bottom: 10px; margin-bottom: 10px; } } @media (max-width: 991px) { .properties--list .properties__address { margin-top: 15px; } } .properties--list .properties__params--mob { width: 100%; } .properties--list .properties__more { float: none; } .properties:hover .properties--list .properties__more { color: #a6a6a6; } @media (max-width: 767px) { .properties--list .properties__more { display: none; } .properties--list .properties__params--mob .properties__more { display: block; float: right; } } .properties--management .properties__info { padding: 15px 0; background: none !important; border: none !important; } .properties--management .properties__address { background: url("../img/bg-border-dotted-horizontal.png") 0 100% repeat-x !important; color: #2c3e50 !important; } @media (min-width: 1200px) { .properties--management .properties__address:hover { text-decoration: none; } } .properties--management .properties__time { font-size: 13px; } .properties--management .properties__params { font-size: 13px; } .properties--management .item-photo__hover--params { padding: 15px 10px; } .properties--management .properties__ribon { font-size: 12px; } @media (min-width: 1200px) { .properties--simple .properties__intro { display: none; } } @media (min-width: 1200px) { .properties--simple .properties__offer-column:first-of-type { display: none; } } .properties--simple .properties__time { margin-top: 0; } @media (min-width: 1200px) { .properties--simple .properties__more { display: none; } } /*------------------------------------------------------------------ * Feature + Feature / .feature -- Feature listing / .feature--listing @mixin =============================================================*/ .feature { position: relative; background: #fff !important; } @media (min-width: 1200px) { .feature { overflow: hidden; } } .feature__header { margin-top: 50px; } .feature__title { font-size: 46px; color: #2c3e50; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 0; text-align: center; font-family: "Montserrat", sans-serif; color: #c61515; text-align: left; } .sidebar .feature__title { font-size: 34px; } .footer .feature__title { font-family: "Source Sans Pro", sans-serif; } @media (max-width: 767px) { .feature__title { font-size: 26px; } .sidebar .feature__title { font-size: 26px; } } @media (max-width: 1199px) { .feature__title { text-align: center; } } @media (max-width: 767px) { .feature__header { padding: 0 15px; } } .feature__headline { font-size: 14px; font-weight: 400; margin-top: 30px; margin-bottom: 0; line-height: 2; text-align: center; text-transform: uppercase; color: #606e7c; text-align: left; } .feature__headline strong { font-weight: 600; } @media (max-width: 767px) { .feature__headline { font-size: 14px; margin-top: 25px; line-height: 1.4; min-height: auto; } } .sidebar .feature__headline { margin: 4px 0 0; } @media (max-width: 1199px) { .feature__headline { text-align: center; } } .feature__picture { background: url("../img/bg-feature.jpg") 100% 0; background-repeat: no-repeat !important; background-size: cover; width: 44%; position: absolute; top: 0; bottom: 0; left: 0; } @media (max-width: 1199px) { .feature__picture { display: none; } } .feature__content { padding: 0 0 0 52px; } @media (min-width: 1200px) { .feature__content { margin-left: 41.66667%; } } @media (max-width: 1199px) { .feature__content { margin-right: 0; padding-left: 0; } } .feature__list { margin-left: -15px; margin-right: -15px; } .feature__list:before, .feature__list:after { content: " "; display: table; } .feature__list:after { clear: both; } .feature__list:before, .feature__list:after { content: " "; display: table; } .feature__list:after { clear: both; } @media (max-width: 767px) { .feature__list { margin: 28px 0 0; } } .feature__item { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 100%; margin-bottom: 15px; } @media (min-width: 480px) { .feature__item:nth-of-type(n) { clear: none; } .feature__item:nth-of-type(1n+1) { clear: both; } } @media (min-width: 768px) { .feature__item { width: 50%; } } @media (min-width: 768px) { .feature__item:nth-of-type(n) { clear: none; } .feature__item:nth-of-type(2n+1) { clear: both; } } @media (max-width: 1199px) { .feature__item { padding-left: 0; } } @media (max-width: 767px) { .feature__item { margin-bottom: 10px; padding-right: 0; text-align: center; } } .feature__item-title { font-size: 20px; font-weight: 600; text-transform: uppercase; color: #c61515; margin-top: 10px; } @media (max-width: 767px) { .feature__item-title { margin: 10px 0; font-size: 18px; } } .feature__text { margin-top: 17px; color: #606e7c; } @media (max-width: 767px) { .feature__text { margin-top: 5px; } } .feature__icon { margin-top: 13px; fill: #606e7c; width: 55px; height: 55px; } .feature__icon--good-sales { width: 54px; } /*------------------------------------------------------------------ * Gosubmit + Gosubmit / .gosubmit @mixin =============================================================*/ .gosubmit { background: #fff !important; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; } .gosubmit .container { background: url("../img/bg-gosubmit.png") no-repeat 23px -2px #fff !important; min-height: 200px; } @media (max-width: 767px) { .gosubmit .container { background: url("../img/bg-gosubmit-mob.jpg") no-repeat 23px -2px #fff !important; min-height: 197px; background-size: cover; } } .gosubmit__title { font-size: 20px; font-weight: 600; width: 270px; float: left; margin: 42px 0 0 495px; } @media (max-width: 1199px) { .gosubmit__title { font-size: 17px; width: 270px; margin: 17px auto; float: none; } } .gosubmit__title__row--second { text-align: center; } .gosubmit__title__row--third { text-align: right; } .gosubmit__title__option { font-size: 60px; font-weight: 200; line-height: 1; } @media (max-width: 1199px) { .gosubmit__title__option { font-size: 46px; } } .gosubmit__btn { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; border: none; border-bottom: 4px solid #8e0e0e; background: #c61515; color: #fff; float: left; width: 175px; margin: 80px 0 0 30px; } .gosubmit__btn:hover, .gosubmit__btn:focus, .gosubmit__btn.active { color: #333; text-decoration: none; outline: none; } .gosubmit__btn:disabled, .gosubmit__btn.disabled { cursor: not-allowed; } .gosubmit__btn.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .gosubmit__btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .gosubmit__btn.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .gosubmit__btn.has-error, .gosubmit__btn.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .gosubmit__btn.has-error:after, .gosubmit__btn.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .gosubmit__btn.has-success, .gosubmit__btn.success { color: transparent !important; } .gosubmit__btn.has-success:after, .gosubmit__btn.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .gosubmit__btn.button--loading:before { content: ""; } .button--loading-refresh .gosubmit__btn.button--loading:before { content: ""; } .button--loading-spinner .gosubmit__btn.button--loading:before { content: ""; } .gosubmit__btn.hover, .gosubmit__btn:hover { border-bottom: 4px solid #c61515; color: #fff; } .gosubmit__btn:active, .gosubmit__btn.active { border-top: 4px solid #8e0e0e; border-bottom: none; color: #fff; } .gosubmit__btn:disabled, .gosubmit__btn.disabled { color: #ccc; background: #efefef; border-bottom: 4px solid #dedede; } @media (max-width: 1199px) { .gosubmit__btn { margin: 0 auto; float: none; display: block; } } /*------------------------------------------------------------------ * Partners + Partners / .partners @mixin =============================================================*/ .partners { padding: 0 50px; position: relative; } .partners__item { text-align: center; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .partners__item:before, .partners__item:after { content: " "; display: table; } .partners__item:after { clear: both; } .partners__item:hover { text-decoration: none; } .partners__item img { margin: 0 auto; } .partners__item.slick-active { opacity: 1; } @media (min-width: 768px) { .partners__item:nth-child(2n) .request__photo { float: right !important; } } @media (max-width: 767px) { .partners__item { width: 160px; } .partners__item img { max-width: 100%; } } .partners__item--last { border-bottom: 0; } .partners__name { text-align: center; font-weight: 600; font-size: 15px; color: #2c3e50; } .partners__slider { overflow: hidden; padding: 0; width: 100%; } @media (max-width: 767px) { .partners__controls { margin: 0; } } .partners__arrow { padding: 8px 12px; margin: -29px 0 0 10px; color: #01a1bb; line-height: 0.5; position: absolute; top: 50%; background: none; border: none; outline: none; } .partners__arrow--prev { left: -14px; } .partners__arrow--prev:after { font-size: 5em; display: inline-block; font-family: FontAwesome; content: ""; } .partners__arrow--next { right: -14px; } .partners__arrow--next:after { font-size: 5em; display: inline-block; font-family: FontAwesome; content: ""; } /*------------------------------------------------------------------ * Subscribe + Subscribe / .subscribe @mixin =============================================================*/ .subscribe { background: #2d2d2d; padding: 30px 15px; } .subscribe__title { display: inline-block; font-size: 26px; vertical-align: top; margin: 0; color: #fff; font-family: "Source Sans Pro", sans-serif; } @media (max-width: 1199px) { .subscribe__title { display: block; text-align: center; } } .subscribe__form { width: 765px; margin: 0 auto; } @media (max-width: 1199px) { .subscribe__form { width: auto; } } .subscribe__group { display: inline-block; margin: 0 15px; position: relative; } @media (max-width: 1199px) { .subscribe__group { width: 100%; margin: 15px 0 0; } } .subscribe .help-block { text-align: right; margin-top: -15px; } @media (max-width: 767px) { .subscribe .help-block { margin-top: 0; } } .subscribe .form-control-feedback { top: 15px; } .subscribe__field { display: block; width: 100%; height: 38px; padding: 6px 20px; font-size: 15px; line-height: 1.6; color: #2c3e50; background-color: #fff; background-image: none; border: 1px solid #d6d6d6; border-radius: 0; position: relative; z-index: 5; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; color: #fff; display: inline-block; width: 370px; background: #2d2d2d; } .subscribe__field:focus { border-color: #01a1bb; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 161, 187, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 161, 187, 0.6); } .subscribe__field::-moz-placeholder { color: #2c3e50; opacity: 1; } .subscribe__field:-ms-input-placeholder { color: #2c3e50; } .subscribe__field::-webkit-input-placeholder { color: #2c3e50; } .subscribe__field[disabled], .subscribe__field[readonly], fieldset[disabled] .subscribe__field { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } .subscribe__field.parsley-error { border: 1px solid #e95b35; } .subscribe__field.parsley-success { border: 1px solid #01a1bb; } .subscribe__field::-moz-placeholder { color: #bebebe; opacity: 1; } .subscribe__field:-ms-input-placeholder { color: #bebebe; } .subscribe__field::-webkit-input-placeholder { color: #bebebe; } .subscribe__field:focus { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } @media (max-width: 1199px) { .subscribe__field { float: none; width: 100%; } } .subscribe__submit { width: 170px; vertical-align: top !important; } @media (max-width: 1199px) { .subscribe__submit { margin: 20px auto 0; display: block !important; } } /*------------------------------------------------------------------ * Pricing + Pricing / .pricing @mixin =============================================================*/ .pricing { margin-top: 25px; } .pricing__title { font-size: 46px; color: #2c3e50; font-weight: 600; text-transform: uppercase; } @media (max-width: 767px) { .pricing__title { font-size: 26px; } } .pricing__row { margin-left: -15px; margin-right: -15px; } .pricing__row:before, .pricing__row:after { content: " "; display: table; } .pricing__row:after { clear: both; } @media (min-width: 1200px) { .pricing__row { min-height: 600px; } } .pricing__col3 { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 100%; } @media (min-width: 480px) { .pricing__col3:nth-of-type(n) { clear: none; } .pricing__col3:nth-of-type(1n+1) { clear: both; } } @media (min-width: 768px) { .pricing__col3 { width: 50%; } } @media (min-width: 768px) { .pricing__col3:nth-of-type(n) { clear: none; } .pricing__col3:nth-of-type(2n+1) { clear: both; } } @media (min-width: 992px) { .pricing__col3 { width: 33.33333%; } } @media (min-width: 992px) { .pricing__col3:nth-of-type(n) { clear: none; } .pricing__col3:nth-of-type(3n+1) { clear: both; } } .pricing__col4 { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 100%; } @media (min-width: 480px) { .pricing__col4:nth-of-type(n) { clear: none; } .pricing__col4:nth-of-type(1n+1) { clear: both; } } @media (min-width: 768px) { .pricing__col4 { width: 50%; } } @media (min-width: 768px) { .pricing__col4:nth-of-type(n) { clear: none; } .pricing__col4:nth-of-type(2n+1) { clear: both; } } @media (min-width: 992px) { .pricing__col4 { width: 25%; } } @media (min-width: 992px) { .pricing__col4:nth-of-type(n) { clear: none; } .pricing__col4:nth-of-type(4n+1) { clear: both; } } .pricing__col4 .pricing__feature { margin: 0 15%; } .pricing__col5 { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 20%; padding: 0; } @media (min-width: 480px) { .pricing__col5:nth-of-type(n) { clear: none; } .pricing__col5:nth-of-type(5n+1) { clear: both; } } .pricing__item { border: 3px solid #dedede; -webkit-transition: 0.1s; transition: 0.1s; margin-bottom: 35px; } @media (min-width: 1200px) { .pricing__item:hover { border: 5px solid #01a1bb; -webkit-transform: scaleY(1) translateY(-20px); -ms-transform: scaleY(1) translateY(-20px); transform: scaleY(1) translateY(-20px); } .pricing__item:hover .pricing__currency { font-size: 32px; top: -33px; } .pricing__item:hover .pricing__period { font-size: 22px; } .pricing__item:hover .pricing__summa { font-size: 92px; } } .pricing__item--col { border: 0; } @media (min-width: 1200px) { .pricing__item--col:hover { border: none; -webkit-transform: none; -ms-transform: none; transform: none; } .pricing__item--col:hover .pricing__currency { font-size: 24px; top: -22px; } .pricing__item--col:hover .pricing__period { font-size: 16px; } .pricing__item--col:hover .pricing__summa { font-size: 60px; } } .pricing__item--col .pricing__total { height: 104px; } .pricing__item .pricing__feature { margin: 0 15%; } .pricing__table { border: 3px solid #dedede; -webkit-transition: 0.1s; transition: 0.1s; margin: 0 15px; } @media (max-width: 991px) { .pricing__table { overflow-x: auto; } } .pricing__table:before, .pricing__table:after { content: " "; display: table; } .pricing__table:after { clear: both; } .pricing__table:hover { border: 3px solid #01a1bb; } .pricing__table-wrap { min-width: 940px; } .pricing__type { text-align: center; font-size: 24px; font-weight: 600; padding: 14px 0; } .pricing__type--head { padding: 25px 0; } .pricing__type--heading { font-weight: 400; padding: 25px 0; } .pricing__total { background: #01a1bb; padding: 1px 0 7px; text-align: center; vertical-align: top; font-weight: 600; margin-bottom: 33px; margin-left: -3px; margin-right: -3px; position: relative; color: #fff; } .pricing__currency { font-size: 24px; position: relative; top: -22px; -webkit-transition: 0.1s; transition: 0.1s; } .pricing__summa { font-size: 60px; -webkit-transition: 0.1s; transition: 0.1s; } .pricing__period { font-size: 16px; -webkit-transition: 0.1s; transition: 0.1s; } .pricing__favorite { position: absolute; top: -30px; right: 5%; background: #f3bc65; font-size: 11px; font-weight: 600; text-transform: uppercase; border-radius: 60px; width: 60px; display: block; height: 60px; line-height: 1; padding: 19px 0; } .pricing__list { margin-bottom: 0; } .pricing__feature { margin: 0 26%; border-bottom: 1px solid #dedede; text-align: center; padding: 10px 0; } .pricing__feature:last-child { border-bottom: none; } .pricing__feature strong { margin-right: 5px; } .pricing__feature .fa-check { color: #01a1bb; } .pricing__feature--heading { text-align: left; } .pricing__actions { text-align: center; padding: 22px 0 51px; } .pricing__button { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; border: none; border-bottom: 4px solid #8e0e0e; background: #c61515; color: #fff; } .pricing__button:hover, .pricing__button:focus, .pricing__button.active { color: #333; text-decoration: none; outline: none; } .pricing__button:disabled, .pricing__button.disabled { cursor: not-allowed; } .pricing__button.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .pricing__button:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .pricing__button.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .pricing__button.has-error, .pricing__button.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .pricing__button.has-error:after, .pricing__button.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .pricing__button.has-success, .pricing__button.success { color: transparent !important; } .pricing__button.has-success:after, .pricing__button.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .pricing__button.button--loading:before { content: ""; } .button--loading-refresh .pricing__button.button--loading:before { content: ""; } .button--loading-spinner .pricing__button.button--loading:before { content: ""; } .pricing__button.hover, .pricing__button:hover { border-bottom: 4px solid #c61515; color: #fff; } .pricing__button:active, .pricing__button.active { border-top: 4px solid #8e0e0e; border-bottom: none; color: #fff; } .pricing__button:disabled, .pricing__button.disabled { color: #ccc; background: #efefef; border-bottom: 4px solid #dedede; } /*------------------------------------------------------------------ * Property Details + Property Details / .property @mixin =============================================================*/ .property { margin-top: 50px; } .property:before, .property:after { content: " "; display: table; } .property:after { clear: both; } @media (max-width: 767px) { .property { margin-top: 20px; } } .property__title { font-size: 46px; color: #2c3e50; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 0; text-align: center; font-family: "Montserrat", sans-serif; font-size: 33px; line-height: 1.3; min-height: 88px; border-bottom: 1px solid #d6d6d6; text-transform: none; text-align: left; } .sidebar .property__title { font-size: 34px; } .footer .property__title { font-family: "Source Sans Pro", sans-serif; } @media (max-width: 767px) { .property__title { font-size: 26px; } .sidebar .property__title { font-size: 26px; } } @media (max-width: 767px) { .property__title { margin-bottom: 23px; padding-bottom: 16px; min-height: initial; } } .property__city { display: block; font-weight: 400; } .property__header { margin-top: 30px; } .property__price { background: #fff; border: 1px solid #d6d6d6; color: #2c3e50; padding: 3px 12px 11px; line-height: 1; float: left; } @media (max-width: 1199px) { .property__price { padding: 6px 15px; text-align: center; } } .property__price--commision { text-align: center; } .property__price-value { font-size: 36px; color: #01a1bb; display: block; font-weight: 600; } @media (max-width: 1199px) { .property__price-value { font-size: 24px; } } .property__price-label { margin-top: 7px; display: block; } .property__price--commision .property__price-label { color: #01a1bb; } .property__price-unit { font-size: 17px; } .property__actions { margin-top: 12px; text-align: right; } @media (max-width: 1199px) { .property__actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0; clear: both; } } .property__actions .btn--default { margin-left: 15px; } @media (max-width: 1199px) { .property__actions .btn--default { font-size: 11px; } } @media (max-width: 1199px) { .property__actions .btn--default { margin-top: 10px; width: 49%; margin-left: 0; } } .property__actions--btn { padding-top: 44px; } @media (max-width: 1199px) { .property__actions--btn { padding-top: 17px; clear: none; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .property__actions--btn .btn--default { width: auto; } } .property__commision { text-align: right; font-size: 20px; margin-bottom: 17px; margin-top: 0; } .property__commision strong { color: #01a1bb; font-size: 25px; } @media (max-width: 1199px) { .property__commision { font-size: 17px; } .property__commision strong { font-size: 20px; display: block; } } .property__info { margin: 20px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .property__info-item { font-size: 20px; color: #2c3e50; width: 50%; } @media (max-width: 767px) { .property__info-item { font-size: 15px; } } .property__slider { position: relative; margin-top: 30px; } .property__ribon { position: absolute; top: 110px; right: -5px; background: #01a1bb; color: #fff; text-transform: uppercase; padding: 3px 15px; font-weight: 600; padding: 10px 15px; z-index: 20; top: 50px; } .property__ribon:after { position: absolute; right: 0; bottom: -5px; border-top: 5px solid #017588; width: 5px; content: " "; display: block; border-right: 5px solid #f6f6f6; } @media (max-width: 767px) { .property__ribon { top: 15px; padding: 4px 10px; } } .property__ribon--status { background: #c8e6c9; top: 110px; color: #222; } .property__ribon--status:after { border-top: 5px solid #a5d6a7; } @media (max-width: 767px) { .property__ribon--status { top: 50px; } } .property__ribon--done { background: #ffecb3; } .property__ribon--done:after { border-top: 5px solid #ffdf80; } .property__subtitle { font-size: 20px; margin: 40px 0 15px; font-weight: 600; } @media (max-width: 767px) { .property__subtitle { margin: 30px 0; } } .property__description { line-height: 1.4; } @media (max-width: 767px) { .property__description { margin-top: 0; } } .property__description:before, .property__description:after { content: " "; display: table; } .property__description:after { clear: both; } .property__description.opened { margin-bottom: -14px; } .property__description p { line-height: 1.4; } .property__description-wrap { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } @media (max-width: 767px) { .property__description-wrap { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; margin-top: 20px; max-height: 260px; overflow: hidden; position: relative; } .property__description-wrap:after { position: absolute; bottom: 0; left: 0; right: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#f6f6f6)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%); height: 20px; z-index: 5; content: " "; display: block; } .opened .property__description-wrap { max-height: none; } } .property__btn-more { position: relative; border: 1px solid #d6d6d6; text-align: center; display: block; padding: 7px 20px; text-transform: uppercase; color: #2c3e50; text-decoration: none; vertical-align: middle; line-height: 1.6; font-weight: 600; margin: 0 auto; width: 100%; background: #fff; display: none; margin: 20px 0 0; padding: 4px 0; } .property__btn-more:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .property__btn-more.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .property__btn-more.has-error, .property__btn-more.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .property__btn-more.has-error:after, .property__btn-more.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .property__btn-more.has-success, .property__btn-more.success { color: transparent !important; } .property__btn-more.has-success:after, .property__btn-more.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .property__btn-more.button--loading:before { content: ""; } .button--loading-refresh .property__btn-more.button--loading:before { content: ""; } .button--loading-spinner .property__btn-more.button--loading:before { content: ""; } .property__btn-more.hover, .property__btn-more:hover { border-color: #c61515; color: #c61515; text-decoration: none; } .property__btn-more:active, .property__btn-more.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .property__btn-more:focus, .property__btn-more.focus { text-decoration: none; outline: none; } .property__btn-more:disabled, .property__btn-more.disabled { cursor: not-allowed; color: #ccc; border-color: #efefef; } .property__btn-more.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } @media (max-width: 767px) { .property__btn-more { display: block; } .opened .property__btn-more { display: none; } } .property__params:before, .property__params:after { content: " "; display: table; } .property__params:after { clear: both; } .property__params-list { margin: 0; padding: 0; list-style: none; } @media (max-width: 767px) { .property__params-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } .property__params-list li { float: left; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; padding: 3px 0 2px; } @media (min-width: 768px) { .property__params-list li { width: 50%; } } @media (min-width: 768px) { .property__params-list li:nth-of-type(n) { clear: none; } .property__params-list li:nth-of-type(2n+1) { clear: both; } } @media (min-width: 992px) { .property__params-list li { width: 33.33333%; } } @media (min-width: 992px) { .property__params-list li:nth-of-type(n) { clear: none; } .property__params-list li:nth-of-type(3n+1) { clear: both; } } @media (max-width: 767px) { .property__params-list li { padding: 8px 0 2px; line-height: 1; float: none; } } .property__params-list li strong { display: block; } .property__params-list--options li { background: url("../img/bg-border-dotted-vertical.png") no-repeat 3px -1px; padding-left: 15px; } .property__params-list--options li:before { content: " "; width: 8px; height: 8px; border: 2px solid #01a1bb; border-radius: 8px; margin: 9px 3px 0 0; display: inline-block; position: absolute; left: 0; } @media (max-width: 767px) { .property__params-list--options li:before { margin-top: 3px; } } .property__params-list--options li:nth-child(-n+3) { background-position: 3px 12px; } .property__params-list--options li:nth-last-child(1), .property__params-list--options li:nth-last-child(2), .property__params-list--options li:nth-last-child(3) { background-position: 3px -208px; } @media (max-width: 767px) { .property__params-list--options li:nth-child(n) { background-position: 3px -1px !important; } } .property__plan { margin-right: -5px; } @media (max-width: 767px) { .property__plan { margin-right: 0; } } .property__plan:before, .property__plan:after { content: " "; display: table; } .property__plan:after { clear: both; } .property__plan-item { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center; margin-bottom: 0; border: 1px solid #fff; background: #e4e4e4; margin-left: -1px; margin-top: -1px; } @media (min-width: 768px) { .property__plan-item { float: left; width: 20%; } } @media (max-width: 767px) { .property__plan-item { width: 92px; float: left; margin-bottom: 13px; } } .property__plan-icon svg { width: 26px; height: 31px; fill: #01a1bb; margin: 18px auto 0; display: block; } .property__plan-icon--window svg { width: 17px; height: 26px; margin-top: 23px; } .property__plan-icon--bathrooms svg { height: 30px; margin-top: 19px; } .property__plan-icon--garage svg { width: 25px; height: 32px; margin-top: 17px; } .property__plan-title { font-weight: normal; color: #2c3e50; padding: 5px 0 11px 0; } @media (max-width: 767px) { .property__plan-title { padding: 2px 0 4px 0; } } .property__plan-value { font-size: 20px; border-top: 1px solid #fff; margin: 0; padding: 16px 0; line-height: 1; font-weight: 600; } @media (max-width: 767px) { .property__plan-value { font-size: 15px; padding: 9px 0; } } .property__files { background: #fff; border: 1px solid #d6d6d6; padding: 13px 15px; margin-top: 45px; } @media (max-width: 767px) { .property__files { display: none; margin-top: 30px; } .property__files.opened { display: block; } } .property__files:before, .property__files:after { content: " "; display: table; } .property__files:after { clear: both; } .property__files .property__subtitle { float: left; margin: 4px 0 0 0; } @media (max-width: 1199px) { .property__files .property__subtitle { float: none; } } .property__files-icon { fill: #01a1bb; width: 25px; vertical-align: middle; margin-right: 10px; height: 35px; } .property__files-item { display: inline-block; color: #2c3e50; margin: 0 0 0 25px; } @media (max-width: 1199px) { .property__files-item { padding: 0 0 10px 0; margin: 9px 25px 0 0; } } @media (max-width: 767px) { .property__files-item { margin-left: 0; padding: 0 0 2px 0; } } .property__files-show { font-size: 17px; color: #2c3e50; text-align: center; border: 1px solid #d6d6d6; padding: 15px 0; background: #fff; text-transform: uppercase; width: 100%; font-weight: bold; outline: none; margin-top: 40px; cursor: pointer; display: none; } .property__files-show:hover { color: #2c3e50; } .property__files-show:after { font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; border: 1px solid #2c3e50; margin-left: 10px; width: 25px; height: 25px; vertical-align: top; text-align: center; line-height: 25px; padding: 0 0 0 2px; } .property__files-show.active:after { content: "\f078"; } @media (max-width: 767px) { .property__files-show { display: block; margin-top: 30px; } } .icon-area-border { fill: #01a1bb; } /*------------------------------------------------------------------ * Listing + Listing / .listing __ Listing header / .listing__header __ Listing title / .listing__title __ Listing headline / .listing__headline __ Listing panel / .listing__panel @mixin =============================================================*/ .listing__sort { width: 300px; } @media (max-width: 1199px) { .listing__sort { max-width: 210px; } } @media (max-width: 767px) { .listing__sort { float: none; max-width: none; width: auto; } .listing__sort .form-group { margin-bottom: 15px; } } .listing__sort .form-control { float: left; width: auto; } .listing__sort .form-control--select { width: 75%; display: inline-block; } @media (max-width: 767px) { .listing__sort .form-control--select { width: 100%; } } .listing__show { width: 195px; } .listing__show .form-control--select { width: 75px; display: inline-block; } @media (max-width: 767px) { .listing__show .form-control--select { width: 100%; } } @media (max-width: 1199px) { .listing__show { max-width: 120px; } } @media (max-width: 767px) { .listing__show { display: none; } } .listing__view { margin-left: 20px; } @media (max-width: 1199px) { .listing__view { text-align: left; margin-left: 0; } } @media (max-width: 767px) { .listing__view { float: none; } } @media (max-width: 767px) { .listing__view { display: none; } } @media (max-width: 1199px) { .listing__add { margin-top: 24px; } } @media (max-width: 767px) { .listing__add { display: none; } } .listing__type { margin-left: 20px; } @media (max-width: 1199px) { .listing__type { margin-left: 20px; } } @media (max-width: 767px) { .listing__type { display: none; } } .listing__list:before, .listing__list:after { content: " "; display: table; } .listing__list:after { clear: both; } .listing__item:before, .listing__item:after { content: " "; display: table; } .listing__item:after { clear: both; } .listing__item-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .listing__tools { opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; float: right; } .listing__item:hover .listing__tools { opacity: 1; visibility: visible; } @media (max-width: 767px) { .listing__tools { opacity: 1; visibility: visible; } } .listing__tools-dropdown { display: inline-block; } .listing__tools-toggle { background: none; border: none; outline: none !important; padding: 0; color: #01a1bb; position: relative; top: -5px; } .listing__tools-menu { z-index: 20; left: auto; right: 0; background: #fff; width: 150px; padding: 10px 15px; } .listing__tools-menu:before { left: auto; right: 8px; } .listing__tools-menu > .listing__tools-link { padding: 3px; } .listing__tools-link { background: none; border: none; outline: none !important; padding: 0; font-size: 13px; color: #01a1bb; text-transform: uppercase; vertical-align: top; } .listing__footer { border-top: 1px solid #dedede; margin-bottom: 20px; } .listing__footer:before, .listing__footer:after { content: " "; display: table; } .listing__footer:after { clear: both; } @media (max-width: 767px) { .listing__footer { margin-top: 30px; margin-bottom: 0; border-bottom: 1px solid #dedede; } } .listing__pagination { text-align: right; margin-top: 50px; } @media (max-width: 767px) { .listing__pagination { text-align: center; margin-top: 30px; } } .listing__dropdown { display: inline-block; margin: 0 5px; } .listing__dropdown-btn { font-size: 13px; text-transform: none; background: none; position: relative; padding: 6px 40px 6px 9px; color: #fff; display: block; border: 1px solid #fff; } .listing__dropdown-btn:hover { color: #fff; } .listing__dropdown-btn:after { display: block; position: absolute; bottom: 0; right: 10px; top: 0; padding: 5px 0 0 10px; color: #fff; border-left: 1px solid #fff; font-size: 15px; display: inline-block; font-family: FontAwesome; content: ""; } .listing__dropdown-menu { background: #fff; right: auto; left: 0; width: 250px; padding: 15px 0; min-width: initial; border: 1px solid #d6d6d6; } .listing__dropdown-menu ul { list-style: none; padding: 0; margin: 0; } .listing__dropdown-menu--show { width: 75px; } .listing__dropdown-item:last-child a { border-bottom: none; } .listing__dropdown-link { margin: 0 30px; padding: 10px 0; color: #2c3e50; display: block; border-bottom: 1px solid #d6d6d6; } .listing__dropdown-link.active, .listing__dropdown-link:hover { margin: 0; padding: 10px 30px; background: #01a1bb; color: #fff; text-decoration: none; } .listing__dropdown-link.active { font-weight: bold; } .listing__param { margin: 20px 0 0; } .listing__param + .site__main .widget__card { margin-top: 20px; } .listing__param-item { margin: 0 15px 5px 0; display: inline-block; } .listing__param-delete { background: #e6e6e6; border: none; border-radius: 10px; font-size: 0; margin: -2px 5px 0 0; padding: 1px 6px; display: inline-block; color: #2c3e50; cursor: pointer; } .listing__param-delete:after { font-size: 11px; display: inline-block; font-family: FontAwesome; content: ""; } .listing__empty { padding: 25px 29px; background: #fff; border: 1px solid #d6d6d6; margin-top: -1px; min-height: 480px; } .listing__empty:before, .listing__empty:after { content: " "; display: table; } .listing__empty:after { clear: both; } @media (max-width: 767px) { .listing__empty { min-height: initial; } } .listing__empty--properties { margin: 40px 0 50px; } @media (max-width: 767px) { .listing__empty--properties { margin: 25px 0 0; } } .listing__empty-icon { width: 50px; height: 50px; fill: #dedede; margin: 80px auto 0; display: block; } @media (max-width: 767px) { .listing__empty-icon { margin-top: 3px; } } .listing__empty-title { font-size: 20px; color: #222; border-bottom: 1px solid #dedede; width: 469px; margin: 33px auto 0; padding: 0 10px 15px 10px; text-align: center; } @media (max-width: 991px) { .listing__empty-title { width: 95%; } } .listing__empty-headline { color: #808080; width: 300px; display: block; margin: 19px auto 0; text-align: center; } @media (max-width: 767px) { .listing__empty-headline { width: auto; } } /*------------------------------------------------------------------ * Listing + Listing / .listing __ Listing header / .listing__header __ Listing title / .listing__title __ Listing headline / .listing__headline __ Listing panel / .listing__panel @mixin =============================================================*/ .listing--items .listing__title { text-transform: none; font-family: "Source Sans Pro", sans-serif; } .listing--items .listing__actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .listing--items .listing__actions .btn--link { margin-left: 20px; } .listing--items .listing__actions .btn--action { margin-left: 20px; } .listing--items .listing__actions-border { border-top: 1px solid #d6d6d6; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .listing--items .listing__info { margin-top: 5px; } .listing--items .listing__categories { color: #c61515; } .listing--items .listing__categories:before { font-size: 1em; display: inline-block; font-family: FontAwesome; content: ""; margin-right: 5px; } .listing--items .listing__category { color: #c61515; text-transform: uppercase; margin-left: 5px; } .listing--items .listing__category:after { content: ','; } .listing--items .listing__category:last-of-type:after { content: ''; } .listing--items .listing__item .item-photo__more { opacity: 0; } .listing--items .listing__item--selected .item-photo__hover { opacity: 1; } .listing--items .listing__move { color: #fff; position: absolute; top: 10px; left: 10px; opacity: 0; border: 1px solid #fff; border-radius: 25px; width: 25px; height: 25px; z-index: 10; text-align: center; line-height: 22px; } .listing--items .listing__move.active { opacity: 1; } .listing--items .listing__item:hover .listing__move { opacity: 1; } .listing--items .listing__select { background: none; border: none; outline: none !important; padding: 0; opacity: 0; position: absolute; top: 10px; right: 10px; border: 1px solid #01a1bb; border-radius: 25px; width: 25px; height: 25px; z-index: 15; color: #fff; line-height: 0.8; } .listing--items .listing__select.active { opacity: 1; } .listing--items .listing__select.active:after { font-size: 0.8em; display: inline-block; font-family: FontAwesome; content: ""; } .listing--items .listing__item:hover .listing__select { opacity: 1; } .listing--items .listing__thumb { position: relative; } /*------------------------------------------------------------------ * Listing + Listing / .listing __ Listing header / .listing__header __ Listing title / .listing__title __ Listing headline / .listing__headline __ Listing panel / .listing__panel @mixin =============================================================*/ .listing--grid { margin-left: -15px; margin-right: -15px; } .listing--grid:before, .listing--grid:after { content: " "; display: table; } .listing--grid:after { clear: both; } .listing--grid .listing__item { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 100%; } @media (min-width: 480px) { .listing--grid .listing__item:nth-of-type(n) { clear: none; } .listing--grid .listing__item:nth-of-type(1n+1) { clear: both; } } @media (min-width: 768px) { .listing--grid .listing__item { width: 50%; } } @media (min-width: 768px) { .listing--grid .listing__item:nth-of-type(n) { clear: none; } .listing--grid .listing__item:nth-of-type(2n+1) { clear: both; } } @media (min-width: 1200px) { .listing--grid .listing__item { width: 33.33333%; } } @media (min-width: 1200px) { .listing--grid .listing__item:nth-of-type(n) { clear: none; } .listing--grid .listing__item:nth-of-type(3n+1) { clear: both; } } .listing--grid .listing__item:nth-child(n+4) { margin-top: 50px; } @media (max-width: 1199px) { .listing--grid .listing__item:nth-child(n+3) { margin-top: 50px; } } @media (max-width: 767px) { .listing--grid .listing__item:nth-child(n+2) { margin-top: 30px; } } .listing--grid .listing__info { padding: 0; } .listing--grid .listing__categories { font-size: 12px; } .listing--grid .listing__title { color: #2c3e50; text-decoration: none; font-size: 15px; } .listing--lg-4 .listing__item { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; } @media (min-width: 1200px) { .listing--lg-4 .listing__item { width: 25%; } } @media (min-width: 1200px) { .listing--lg-4 .listing__item:nth-of-type(n) { clear: none; } .listing--lg-4 .listing__item:nth-of-type(4n+1) { clear: both; } } @media (min-width: 1200px) { .listing--lg-4 .listing__item:nth-child(4) { margin-top: 0; } } .listing--lg-6 .listing__item { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; } @media (min-width: 1200px) { .listing--lg-6 .listing__item { width: 50%; } } @media (min-width: 1200px) { .listing--lg-6 .listing__item:nth-of-type(n) { clear: none; } .listing--lg-6 .listing__item:nth-of-type(2n+1) { clear: both; } } @media (min-width: 1200px) { .listing--lg-6 .listing__item:nth-child(n+3) { margin-top: 50px; } } .listing--xs-6 .listing__item { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 50%; } @media (min-width: 480px) { .listing--xs-6 .listing__item:nth-of-type(n) { clear: none; } .listing--xs-6 .listing__item:nth-of-type(2n+1) { clear: both; } } @media (max-width: 767px) { .listing--xs-6 .listing__item:nth-child(2) { margin-top: 0; } } .listing--footer .listing__item { margin-top: 15px; } .listing--footer .listing__item:first-of-type { margin-top: 0; } /*------------------------------------------------------------------ * Listing + Listing / .listing __ Listing header / .listing__header __ Listing title / .listing__title __ Listing headline / .listing__headline __ Listing panel / .listing__panel @mixin =============================================================*/ .listing--favorites { margin-top: 30px; } .listing--favorites .listing__actions { margin-top: 30px; } .listing--favorites .listing__item { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 100%; } @media (min-width: 480px) { .listing--favorites .listing__item:nth-of-type(n) { clear: none; } .listing--favorites .listing__item:nth-of-type(1n+1) { clear: both; } } @media (min-width: 768px) { .listing--favorites .listing__item { width: 50%; } } @media (min-width: 768px) { .listing--favorites .listing__item:nth-of-type(n) { clear: none; } .listing--favorites .listing__item:nth-of-type(2n+1) { clear: both; } } @media (min-width: 1200px) { .listing--favorites .listing__item { width: 25%; } } @media (min-width: 1200px) { .listing--favorites .listing__item:nth-of-type(n) { clear: none; } .listing--favorites .listing__item:nth-of-type(4n+1) { clear: both; } } /*------------------------------------------------------------------ * Listing + Listing / .listing __ Listing header / .listing__header __ Listing title / .listing__title __ Listing headline / .listing__headline __ Listing panel / .listing__panel @mixin =============================================================*/ .listing--accordion .listing__title { font-size: 17px; display: block; border: 1px solid #d6d6d6; padding: 10px 25px 10px 15px; text-decoration: none !important; position: relative; color: #2c3e50; } .listing--accordion .listing__title:after { font-size: 0.8em; display: inline-block; font-family: FontAwesome; content: ""; margin-left: 15px; color: #a6a6a6; } @media (max-width: 767px) { .listing--accordion .listing__title:after { position: absolute; right: 15px; top: 50%; margin-top: -12px; } } .listing--accordion .listing__body { border: 1px solid #d6d6d6; border-top: none; } .listing--accordion .listing__body:before, .listing--accordion .listing__body:after { content: " "; display: table; } .listing--accordion .listing__body:after { clear: both; } .listing--accordion .listing__list { margin: 0; padding: 0; list-style: none; margin: 30px; } .listing--accordion .listing__list:before, .listing--accordion .listing__list:after { content: " "; display: table; } .listing--accordion .listing__list:after { clear: both; } .listing--accordion .listing__param { width: 50%; float: left; margin: 5px 0; } @media (max-width: 991px) { .listing--accordion .listing__param { width: 100%; } } @media (max-width: 991px) { .listing--accordion .listing__param strong { display: block; } } /*------------------------------------------------------------------ * Listing + Listing / .listing __ Listing header / .listing__header __ Listing title / .listing__title __ Listing headline / .listing__headline __ Listing panel / .listing__panel @mixin =============================================================*/ .listing--list .listing__item { border-bottom: 1px solid #d6d6d6; margin-bottom: 0; padding-bottom: 40px; padding-top: 40px; } @media (max-width: 767px) { .listing--list .listing__item { padding-bottom: 30px; padding-top: 30px; } } .listing--list .listing__title { font-size: 20px; font-weight: 600; } .listing--list .listing__category { font-size: 13px; color: #c61515; text-transform: uppercase; display: block; margin-top: 30px; } .listing--list .listing__category:before { font-size: 1em; display: inline-block; font-family: FontAwesome; content: ""; margin-right: 10px; } .listing--list .listing__body:before, .listing--list .listing__body:after { content: " "; display: table; } .listing--list .listing__body:after { clear: both; } .listing--list .listing__list { margin: 0; padding: 0; list-style: none; margin-top: 30px; } .listing--list .listing__list:before, .listing--list .listing__list:after { content: " "; display: table; } .listing--list .listing__list:after { clear: both; } .listing--list .listing__param { width: 50%; float: left; margin: 5px 0; } @media (max-width: 767px) { .listing--list .listing__param { width: 100%; } .listing--list .listing__param strong { display: block; } } .listing--list .listing__view { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; border: none; border-bottom: 4px solid #8e0e0e; background: #c61515; color: #fff; margin-left: 0; margin-top: 30px; } .listing--list .listing__view:hover, .listing--list .listing__view:focus, .listing--list .listing__view.active { color: #333; text-decoration: none; outline: none; } .listing--list .listing__view:disabled, .listing--list .listing__view.disabled { cursor: not-allowed; } .listing--list .listing__view.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .listing--list .listing__view:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .listing--list .listing__view.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .listing--list .listing__view.has-error, .listing--list .listing__view.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .listing--list .listing__view.has-error:after, .listing--list .listing__view.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .listing--list .listing__view.has-success, .listing--list .listing__view.success { color: transparent !important; } .listing--list .listing__view.has-success:after, .listing--list .listing__view.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .listing--list .listing__view.button--loading:before { content: ""; } .button--loading-refresh .listing--list .listing__view.button--loading:before { content: ""; } .button--loading-spinner .listing--list .listing__view.button--loading:before { content: ""; } .listing--list .listing__view.hover, .listing--list .listing__view:hover { border-bottom: 4px solid #c61515; color: #fff; } .listing--list .listing__view:active, .listing--list .listing__view.active { border-top: 4px solid #8e0e0e; border-bottom: none; color: #fff; } .listing--list .listing__view:disabled, .listing--list .listing__view.disabled { color: #ccc; background: #efefef; border-bottom: 4px solid #dedede; } .listing--list .listing__delete { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; text-decoration: none; border: 2px solid #2c3e50; background: none; color: #2c3e50; margin-top: 30px; width: auto; margin-left: 15px; } .listing--list .listing__delete:hover, .listing--list .listing__delete:focus, .listing--list .listing__delete.active { color: #333; text-decoration: none; outline: none; } .listing--list .listing__delete:disabled, .listing--list .listing__delete.disabled { cursor: not-allowed; } .listing--list .listing__delete.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .listing--list .listing__delete:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .listing--list .listing__delete.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .listing--list .listing__delete.has-error, .listing--list .listing__delete.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .listing--list .listing__delete.has-error:after, .listing--list .listing__delete.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .listing--list .listing__delete.has-success, .listing--list .listing__delete.success { color: transparent !important; } .listing--list .listing__delete.has-success:after, .listing--list .listing__delete.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .listing--list .listing__delete.button--loading:before { content: ""; } .button--loading-refresh .listing--list .listing__delete.button--loading:before { content: ""; } .button--loading-spinner .listing--list .listing__delete.button--loading:before { content: ""; } @media (min-width: 992px) { .listing--list .listing__delete.hover, .listing--list .listing__delete:hover { border-color: #c61515; color: #c61515; } } .listing--list .listing__delete:active, .listing--list .listing__delete.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .listing--list .listing__delete:disabled, .listing--list .listing__delete.disabled { color: #ccc; border-color: #efefef; } .listing--list:not(.listing--article) .listing__item:first-of-type { padding-top: 0; } /*------------------------------------------------------------------ * Listing + Listing / .listing __ Listing header / .listing__header __ Listing title / .listing__title __ Listing headline / .listing__headline __ Listing panel / .listing__panel @mixin =============================================================*/ .listing--worker .listing__item { padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float: left; width: 100%; } @media (min-width: 480px) { .listing--worker .listing__item:nth-of-type(n) { clear: none; } .listing--worker .listing__item:nth-of-type(1n+1) { clear: both; } } @media (min-width: 768px) { .listing--worker .listing__item { width: 50%; } } @media (min-width: 768px) { .listing--worker .listing__item:nth-of-type(n) { clear: none; } .listing--worker .listing__item:nth-of-type(2n+1) { clear: both; } } @media (min-width: 1200px) { .listing--worker .listing__item { width: 33.33333%; } } @media (min-width: 1200px) { .listing--worker .listing__item:nth-of-type(n) { clear: none; } .listing--worker .listing__item:nth-of-type(3n+1) { clear: both; } } /*------------------------------------------------------------------ * Listing + Listing / .listing __ Listing header / .listing__header __ Listing title / .listing__title __ Listing headline / .listing__headline __ Listing panel / .listing__panel @mixin =============================================================*/ .listing--photos { margin-top: 40px; position: relative; } .listing--photos .listing__list { margin-top: 20px; } .listing--photos .listing__item { padding-left: 15px; padding-right: 15px; float: left; width: 100%; clear: none !important; } @media (min-width: 768px) { .listing--photos .listing__item { width: 50%; } } @media (min-width: 1200px) { .listing--photos .listing__item { width: 33.33333%; } } .listing--photos .listing__title { display: block; height: 20px; overflow: hidden; } .listing--photos .sortable-placeholder { padding-left: 15px; padding-right: 15px; float: left; width: 100%; } @media (min-width: 768px) { .listing--photos .sortable-placeholder { width: 50%; } } @media (min-width: 1200px) { .listing--photos .sortable-placeholder { width: 33.33333%; } } /*------------------------------------------------------------------ * Listing + Listing / .listing __ Listing header / .listing__header __ Listing title / .listing__title __ Listing headline / .listing__headline __ Listing panel / .listing__panel @mixin =============================================================*/ .listing--watermarks .listing__item { width: 25%; } @media (max-width: 767px) { .listing--watermarks .listing__item { width: 50%; } } .listing--watermarks .listing__thumb { background: url("../img/pattern-empty.png"); border: 1px solid #a6a6a6; } .listing--watermarks .listing__select { color: #01a1bb; } /*------------------------------------------------------------------ * Listing + Listing / .listing __ Listing header / .listing__header __ Listing title / .listing__title __ Listing headline / .listing__headline __ Listing panel / .listing__panel @mixin =============================================================*/ .listing--sidebar .listing__item { margin-bottom: 20px; border-bottom: 1px dotted #222; padding: 0; padding-bottom: 5px; } .listing--sidebar .listing__item:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } /*------------------------------------------------------------------ * Listing + Listing / .listing __ Listing header / .listing__header __ Listing title / .listing__title __ Listing headline / .listing__headline __ Listing panel / .listing__panel @mixin =============================================================*/ .listing--feed .listing__item { margin-top: 30px; } .listing--feed .listing__item:first-of-type { margin-top: 0; } /*------------------------------------------------------------------ * Form submit property + Form property / .form-property __ Form property form / .form-property__form @mixin =============================================================*/ .form-property__condition { font-size: 14px; font-weight: 400; margin-top: 30px; margin-bottom: 0; line-height: 2; text-align: center; text-align: left; margin: 0 0 15px 0; font-size: 13px; font-style: italic; font-weight: 400; } .form-property__condition strong { font-weight: 600; } @media (max-width: 767px) { .form-property__condition { font-size: 14px; margin-top: 25px; line-height: 1.4; min-height: auto; } } .sidebar .form-property__condition { margin: 4px 0 0; } @media (max-width: 767px) { .form-property__condition { text-align: center; } } .form-property__information { background: none; border: none; display: inline-block; outline: none !important; color: #ccc; position: relative; top: -10px; padding: 0; } .form-property__params { list-style: none; padding: 0; margin-bottom: 0; position: relative; z-index: 1; } .form-property__params:before, .form-property__params:after { content: " "; display: table; } .form-property__params:after { clear: both; } @media (max-width: 767px) { .form-property__params { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } } .form-property__params li { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin: 15px 0 0; padding-left: 0; } @media (min-width: 768px) { .form-property__params li { float: left; width: 50%; } } @media (min-width: 1200px) { .form-property__params li { float: left; width: 33.33333%; } } @media (max-width: 767px) { .form-property__params li { margin: 5px 0 0; padding: 0; } } .form-property__params label { padding-left: 44px; padding-top: 3px; margin-bottom: 0; } @media (max-width: 767px) { .form-property__params label { padding-left: 30px; } } .form-property__upload { background: #fff; border: 1px solid #ccc; padding: 15px; width: 80%; margin: 0; } .form-property__upload:before, .form-property__upload:after { content: " "; display: table; } .form-property__upload:after { clear: both; } .form-property__upload-list { margin: 30px -15px 50px; } .form-property__upload-list:before, .form-property__upload-list:after { content: " "; display: table; } .form-property__upload-list:after { clear: both; } @media (max-width: 767px) { .form-property__upload-list { margin: 10px -15px 30px; } } .form-property__upload-list--bottom { margin-bottom: 0; } .form-property__upload-border { border: 2px solid #01a1bb; padding: 2px; } .form-property__upload-item { padding-left: 15px; padding-right: 15px; float: left; width: 100%; margin-bottom: 0; } @media (min-width: 768px) { .form-property__upload-item { width: 50%; } } @media (min-width: 1200px) { .form-property__upload-item { width: 25%; } } @media (max-width: 767px) { .form-property__upload-item { margin-bottom: 20px; } .form-property__upload-item:last-of-type { margin-bottom: 0; } } .form-property__upload-item img { display: block; max-width: 100%; height: auto; width: 100% !important; } .form-property__upload-delete { float: right; text-transform: uppercase; font-size: 13px; color: #01a1bb; } @media (max-width: 767px) { .form-property__upload-delete { margin-left: 0; } } .form-property__upload-btn-delete { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; text-decoration: none; border: 2px solid #2c3e50; background: none; color: #2c3e50; } .form-property__upload-btn-delete:hover, .form-property__upload-btn-delete:focus, .form-property__upload-btn-delete.active { color: #333; text-decoration: none; outline: none; } .form-property__upload-btn-delete:disabled, .form-property__upload-btn-delete.disabled { cursor: not-allowed; } .form-property__upload-btn-delete.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .form-property__upload-btn-delete:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .form-property__upload-btn-delete.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .form-property__upload-btn-delete.has-error, .form-property__upload-btn-delete.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .form-property__upload-btn-delete.has-error:after, .form-property__upload-btn-delete.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .form-property__upload-btn-delete.has-success, .form-property__upload-btn-delete.success { color: transparent !important; } .form-property__upload-btn-delete.has-success:after, .form-property__upload-btn-delete.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .form-property__upload-btn-delete.button--loading:before { content: ""; } .button--loading-refresh .form-property__upload-btn-delete.button--loading:before { content: ""; } .button--loading-spinner .form-property__upload-btn-delete.button--loading:before { content: ""; } @media (min-width: 992px) { .form-property__upload-btn-delete.hover, .form-property__upload-btn-delete:hover { border-color: #c61515; color: #c61515; } } .form-property__upload-btn-delete:active, .form-property__upload-btn-delete.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .form-property__upload-btn-delete:disabled, .form-property__upload-btn-delete.disabled { color: #ccc; border-color: #efefef; } @media (max-width: 767px) { .form-property__upload-btn-delete { margin-left: 0; } } .form-property__upload-btn-choose { background: #01a1bb; color: #fff; border: none; font-size: 13px; } .form-property__ranges { position: relative; } .form-property__check--agent { margin: 15px 0; } .form-property--dashboard .form-property__tabs { background: #01a1bb; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px; } @media (max-width: 767px) { .form-property--dashboard .form-property__tabs { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } .form-property--dashboard .form-property__tabs:before, .form-property--dashboard .form-property__tabs:after { display: none; } .form-property--dashboard .form-property__tabs > li:after { font-size: 1em; display: inline-block; font-family: FontAwesome; content: ""; margin-left: -15px; } @media (max-width: 767px) { .form-property--dashboard .form-property__tabs > li:after { margin-left: -5px; margin-right: 5px; } } .form-property--dashboard .form-property__tabs > li:last-of-type:after { content: ''; } .form-property--dashboard .form-property__tabs > li.active > a { color: #fff; } .form-property--dashboard .form-property__tabs > li > a { text-transform: uppercase; color: #fff; font-size: 13px; font-weight: bold; display: inline-block; padding-right: 30px; } .form-property--dashboard .form-property__tabs > li > a:hover, .form-property--dashboard .form-property__tabs > li > a:focus { background: none; outline: none; } @media (max-width: 767px) { .form-property--dashboard .form-property__tabs > li > a { padding: 10px 10px 10px 0; } } /*------------------------------------------------------------------ * Comment + Comment / .comment __ Comment wrap / .comment__wrap __ Comment headline / .comment__headline __ Comment list / .comment__list __ Comment item / .comment__item __ Comment item-body / .comment__item-body __ Comment item-btn / .comment__item-btn __ Comment children / .comment__children __ Comment avatar / .comment__avatar __ Comment info / .comment__info __ Comment author / .comment__author __ Comment date / .comment__date __ Comment content / .comment__content __ Comment reply / .comment__reply __ Comment footer / .comment__footer @mixin =============================================================*/ .comment__wrap { background: #fff; border: 1px solid #dedede; } .comment__headline { font-size: 14px; font-weight: 400; margin-top: 30px; margin-bottom: 0; line-height: 2; text-align: center; font-size: 20px; margin: 20px 0; text-align: left; } .comment__headline strong { font-weight: 600; } @media (max-width: 767px) { .comment__headline { font-size: 14px; margin-top: 25px; line-height: 1.4; min-height: auto; } } .sidebar .comment__headline { margin: 4px 0 0; } @media (max-width: 767px) { .comment__headline { text-align: center; } } .comment__list { margin: 34px 60px 0 60px; padding: 0; list-style: none; } .comment__list:before, .comment__list:after { content: " "; display: table; } .comment__list:after { clear: both; } @media (max-width: 1199px) { .comment__list { margin: 0 25px; } } .comment__item { border-bottom: 1px solid #dedede; padding: 25px 0; } .comment__item:last-child { border-bottom: none !important; padding-bottom: 0; } .comment__item .comment__form { margin: 20px 0 0 80px; } @media (max-width: 767px) { .comment__item .comment__form { margin: 20px 15px 0 0; } } .comment__item-body { position: relative; } .comment__item-body:before, .comment__item-body:after { content: " "; display: table; } .comment__item-body:after { clear: both; } .comment__item-right { float: right; } @media (max-width: 767px) { .comment__item-right { position: absolute; left: 75px; top: 48px; } } .comment__item-btn { font-size: 13px; color: #01a1bb; border: none; background: none; text-transform: uppercase; } .comment__warning-title { color: #e95b35; font-weight: 600; } .comment__warning-text { color: #ccc !important; border-left: 1px solid #ccc; padding-left: 15px; } .comment__children { list-style: none; margin-left: 80px; border-top: 1px dashed #dedede; border-bottom: none; padding: 0; margin-top: 25px; } @media (max-width: 767px) { .comment__children { margin-left: 30px; } } .comment__children .comment__item { border-bottom: 1px dashed #dedede; } .comment__children .comment__item:last-child { padding-bottom: 0; } .comment__avatar { width: 65px; float: left; background: #e4e4e4; margin: 0 16px 11px 0; } .comment__avatar svg { fill: #2c3e50; width: 85%; margin: 0 auto 0; display: block; } .comment__info { margin-left: 80px; } .comment__author { color: #2c3e50; display: block; margin: -5px 0 0 0; font-weight: 600; } @media (max-width: 767px) { .comment__author { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .comment__date { font-size: 13px; color: #aaa; font-style: italic; display: block; margin: 0 0 5px; } @media (max-width: 767px) { .comment__date { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .comment__content { margin: 21px 0 0; } @media (max-width: 767px) { .comment__content { margin: 0 15px 0 -80px; clear: both; } } .comment__content p { color: #2c3e50; } .comment__reply { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; text-decoration: none; border: 2px solid #2c3e50; background: none; color: #2c3e50; margin: 10px 0 0; padding: 1px 13px; border-width: 1px; width: 80px; } .comment__reply:hover, .comment__reply:focus, .comment__reply.active { color: #333; text-decoration: none; outline: none; } .comment__reply:disabled, .comment__reply.disabled { cursor: not-allowed; } .comment__reply.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .comment__reply:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .comment__reply.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .comment__reply.has-error, .comment__reply.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .comment__reply.has-error:after, .comment__reply.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .comment__reply.has-success, .comment__reply.success { color: transparent !important; } .comment__reply.has-success:after, .comment__reply.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .comment__reply.button--loading:before { content: ""; } .button--loading-refresh .comment__reply.button--loading:before { content: ""; } .button--loading-spinner .comment__reply.button--loading:before { content: ""; } @media (min-width: 992px) { .comment__reply.hover, .comment__reply:hover { border-color: #c61515; color: #c61515; } } .comment__reply:active, .comment__reply.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .comment__reply:disabled, .comment__reply.disabled { color: #ccc; border-color: #efefef; } @media (max-width: 767px) { .comment__reply { margin-left: -80px; } } .comment__footer { margin: 25px 60px; } .comment__footer:before, .comment__footer:after { content: " "; display: table; } .comment__footer:after { clear: both; } @media (max-width: 1199px) { .comment__footer { margin: 25px; } } @media (max-width: 767px) { .comment__footer { margin: 25px 15px; } } .comment__footer .listing__pagination { padding: 25px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } .comment__form { margin: 0; } .comment__form:before, .comment__form:after { content: " "; display: table; } .comment__form:after { clear: both; } .comment__form-title { font-size: 20px; color: #2c3e50; font-weight: 600; margin: 20px 0 0; } .comment__form-headline { font-size: 13px; color: #2c3e50; font-style: italic; display: block; margin-bottom: 20px; } .comment--page { display: none; } /*------------------------------------------------------------------ * Contact page style + Contacts / .contacts __ Contacts column / .contacts__column __ Contacts address / .contacts__address __ Contacts address-item / .contacts__address-item __ Contacts address-column / .contacts__address-column __ Contacts address-title / .contacts__address-title __ Contacts address-street / .contacts__address-street __ Contacts address-phone / .contacts__address-phone __ Contacts address-email / .contacts__address-email __ Contacts address-skype / .contacts__address-skype @mixin =============================================================*/ .contacts__column { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-top: 16px; } @media (min-width: 768px) { .contacts__column { float: left; width: 50%; } } @media (max-width: 767px) { .contacts__column:first-of-type { margin-top: 0; } } @media (max-width: 767px) { .contacts__column { padding: 0; } } .contacts__column a { color: #01a1bb; } .contacts__address { padding: 0; font-weight: 600; } @media (max-width: 767px) { .contacts__address { text-align: center; } } .contacts__address-column { float: left; width: 33%; } .contacts__address-column dd { font-weight: 600; } @media (max-width: 1199px) { .contacts__address-column { width: 50%; } } @media (max-width: 767px) { .contacts__address-column { width: 100%; float: none; } } .contacts__address-column__title { font-weight: normal; } .contacts__address-title { border-bottom: 1px solid #d6d6d6; padding: 0 0 12px 0; margin-bottom: 10px; display: block; font-weight: 600; } .contacts__address-street { display: block; } .contacts__address-phone { display: block; margin: 5px 0; } .contacts__address-email { display: block; margin: 12px 0; } .contacts__address-email a { text-decoration: underline; color: #2c3e50; } .contacts__address-skype { display: block; } .contacts__address-skype a { text-decoration: underline; color: #2c3e50; } .contacts__form { margin-top: 31px; clear: both; } .contacts__social { border-top: 1px solid #d6d6d6; } .contacts__social-title { float: left; margin-right: 50px; padding-top: 5px; } .contacts__body h4 { font-weight: 600; } /*------------------------------------------------------------------ * FAQ block styles + FAQ / .faq __ FAQ item / .faq__item __ FAQ expander / .faq__expander __ FAQ content / .faq__content __ FAQ body / .faq__body __ FAQ footer / .faq__footer __ FAQ close / .faq__close @mixin =============================================================*/ .faq__item { margin: 0 0 6px; } .faq__expander { font-size: 20px; color: #01a1bb; text-decoration: none; padding-left: 48px; position: relative; display: block; border: none; background: none; outline: none !important; font-weight: 600; } .faq__expander:before { font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; border: 1px solid #01a1bb; color: #01a1bb; display: inline-block; margin: 1px 24px 0 0; font-weight: normal; text-align: center; width: 24px; line-height: 24px; height: 24px; position: absolute; top: 4px; left: 0; text-decoration: none; } .faq__expander:focus, .faq__expander:hover { text-decoration: none; } .faq__expander.collapsed { color: #2c3e50; } .faq__expander.collapsed:before { content: "\f067"; border: 1px solid #2c3e50; color: #2c3e50; } @media (max-width: 767px) { .faq__expander { padding-left: 35px; } } .faq__body { margin: 26px 0 0 50px; padding: 19px 39px; background: #fff; border: 1px solid #dedede; } @media (max-width: 767px) { .faq__body { margin: 6px 0 0 35px; padding: 15px; } } .faq__footer { margin: 0 0 20px 50px; padding: 19px 39px; background: #fff; text-align: center; border: 1px solid #dedede; border-top: none; } @media (max-width: 767px) { .faq__footer { margin-left: 35px; } } .faq__close { background: none; border: none; outline: none; color: #2c3e50; } .faq__close:before { font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; border: 1px solid #2c3e50; color: #2c3e50; padding: 0 5px; display: inline-block; margin: 0 10px 0 0; font-weight: normal; text-align: center; width: 24px; height: 24px; } /*------------------------------------------------------------------ * Authorization blocks + Authorization / .auth __ Authorization link / .auth__link __ Authorization title / .auth__title __ Authorization row / .auth__row __ Authorization in / .auth__in __ Authorization forgot / .auth__forgot @mixin =============================================================*/ .auth:before, .auth:after { content: " "; display: table; } .auth:after { clear: both; } .auth__nav { padding: 0; margin: 0; list-style: none; } .auth__link { border: none; background: none; color: #2c3e50; margin: 0; padding: 0 1px; text-transform: uppercase; font-weight: 600; } .auth__link:focus, .auth__link:hover { background: none; text-decoration: underline; } @media (max-width: 767px) { .auth__link { display: none; } } .auth__link--login { margin-top: 19px; } @media (max-width: 1199px) { .auth__link--login { margin-top: 22px; } } .auth__icon-user { width: 16px; height: 16px; position: relative; top: 4px; } @media (max-width: 767px) { .auth__icon-user { width: 22px; height: 22px; } } .auth .form-control-feedback { top: 20px; } .auth .help-block { text-align: right; } .auth__title { margin: 9px 0 18px; text-transform: uppercase; font-size: 14px; font-weight: 600; } .auth--header { border: none; outline: none; } .auth--header .dropdown__menu { left: auto; right: 0; width: 265px; background: #fff; color: #2c3e50; border: 1px solid #dcdcdc; padding: 18px 30px; z-index: 1000; } .auth--header .dropdown__menu:before { right: 20px; left: auto; } @media (max-width: 767px) { .auth--header .dropdown__menu:before { right: 32.3%; } } @media (max-width: 767px) { .auth--header .dropdown__menu { width: auto !important; left: 15px; right: 15px; top: 55px; } } .auth--header .auth__dropdown--register { width: 460px; } .auth--header .auth__dropdown--logged-in { width: 280px; padding: 10px 15px; top: 35px; } @media (max-width: 767px) { .auth--header .auth__dropdown--logged-in { top: 50px; } .auth--header .auth__dropdown--logged-in:before { right: 29%; } } .auth--header .auth__dropdown--restore { margin-right: -36px; } @media (max-width: 767px) { .auth--header .auth__dropdown--restore { margin: 0; } } .auth--header .auth__dropdown--restore .auth__in--submit { width: 100%; margin: 16px 0; } .auth--header .auth__dropdown--restore .auth__links { width: 102%; display: block; } .auth--header .auth__nav-item { float: left; } @media (max-width: 767px) { .auth--header .auth__nav-item { position: initial; } } .auth--header .auth__nav-btn { background: none; border: none; text-transform: uppercase; padding: 0; font-size: 13px; } .header--mob-opened .auth--header .auth__nav-btn { visibility: hidden; } .auth--header .auth__avatar { border-radius: 30px; overflow: hidden; width: 30px; height: 30px; } .auth--header .auth__name { text-transform: none; color: #fff; margin-left: 10px; } .auth--header .auth__name:after { font-size: 0.8em; display: inline-block; font-family: FontAwesome; content: ""; margin-left: 15px; } @media (max-width: 767px) { .auth--header .auth__name { display: none; } } .auth--header .open .auth__name:after { content: '\f106'; } @media (max-width: 767px) { .auth--inline { margin-bottom: 30px; } } .auth--inline .auth__wrap { margin: 0 auto; padding: 20px 30px; width: 265px; background: #fff; color: #2c3e50; border: 1px solid #dcdcdc; } .auth--inline .auth__wrap--register { width: 460px; } @media (max-width: 767px) { .auth--inline .auth__wrap--register { width: 265px; } } .auth--inline .auth__wrap--restore .auth__in--submit { float: none; width: 100%; } /*------------------------------------------------------------------ * Map widget styles + Map / .map __ Map address / .map__address __ Map infobox / .map__infobox __ Map photo / .map__photo __ Map info / .map__info __ Map details / .map__details __ Map price / .map__price -- Map index / .map--index -- Map contacts / .map--contacts -- Map properties / .map--properties -- Map submit / .map--submit @mixin =============================================================*/ .map { position: relative; } .map:before, .map:after { content: " "; display: table; } .map:after { clear: both; } .map__infobox { background: #01a1bb; padding: 13px 20px 18px; color: #fff; position: absolute; bottom: -2px; left: 18px; font-weight: 200; width: 340px; font-size: 15px; } .map__infobox:after { content: ""; display: block; position: absolute; bottom: -15px; left: 0; width: 0; height: 0; border-bottom: 15px solid transparent; border-left: 15px solid #01a1bb; } .map__infobox--white { background: rgba(255, 255, 255, 0.8); color: #000; } .map__infobox--white:after { border-left: 15px solid rgba(255, 255, 255, 0.8); } .map__infobox--dark { background: rgba(44, 62, 80, 0.8); color: #fff; } .map__infobox--dark:after { border-left: 15px solid rgba(44, 62, 80, 0.8); } .map__infobox--dark dl dt { color: #c7d3de; } .map__address { font-weight: 600; margin: 5px 0 12px; line-height: 1.2; display: block; } .map__photo { float: left; width: 100px; } .map__info { margin-bottom: 10px; display: block; } .map__info:before, .map__info:after { content: " "; display: table; } .map__info:after { clear: both; } .map__details { float: left; width: 175px; margin-left: 20px; margin-top: -6px; } .map__details dl { display: block; margin: 0; } .map__details dl dt { display: inline-block; font-weight: normal; } .map__details dl dd { font-weight: bold; display: inline-block; } .map__price { float: left; position: relative; top: 9px; } .map__price strong { font-size: 26px; display: block; } .map__more { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; border: none; border-bottom: 4px solid #8e0e0e; background: #c61515; color: #fff; float: right; width: 120px; margin-left: 0; margin-right: 0; } .map__more:hover, .map__more:focus, .map__more.active { color: #333; text-decoration: none; outline: none; } .map__more:disabled, .map__more.disabled { cursor: not-allowed; } .map__more.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .map__more:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .map__more.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .map__more.has-error, .map__more.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .map__more.has-error:after, .map__more.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .map__more.has-success, .map__more.success { color: transparent !important; } .map__more.has-success:after, .map__more.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .map__more.button--loading:before { content: ""; } .button--loading-refresh .map__more.button--loading:before { content: ""; } .button--loading-spinner .map__more.button--loading:before { content: ""; } .map__more.hover, .map__more:hover { border-bottom: 4px solid #c61515; color: #fff; } .map__more:active, .map__more.active { border-top: 4px solid #8e0e0e; border-bottom: none; color: #fff; } .map__more:disabled, .map__more.disabled { color: #ccc; background: #efefef; border-bottom: 4px solid #dedede; } .map__buttons { z-index: 20; position: relative; text-align: center; } .map__buttons:before, .map__buttons:after { content: " "; display: table; } .map__buttons:after { clear: both; } .map__change-map { font-size: 20px; margin: 10px 0; float: left; border: none; background: none; outline: none; padding: 0; font-weight: 400; border-bottom: 1px dashed #2c3e50; } .map__change-map.active { border: none; font-weight: 600; } @media (max-width: 767px) { .map__change-map { font-size: 17px; color: #2c3e50; text-align: center; border: 1px solid #d6d6d6; padding: 15px 0; background: #fff; text-transform: uppercase; width: 100%; font-weight: bold; outline: none; margin-top: 40px; cursor: pointer; float: none; width: auto; display: block; padding: 3px 10px; font-weight: 400; margin: 50px auto 0; } .map__change-map:hover { color: #2c3e50; } .map__change-map:after { font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; border: 1px solid #2c3e50; margin-left: 10px; width: 22px; height: 22px; vertical-align: top; text-align: center; line-height: 22px; padding: 0 0 0 2px; } .map__change-map.active:after { content: "\f078"; } .map__change-map:before { font-size: 1em; display: inline-block; font-family: FontAwesome; content: ""; color: #01a1bb; margin-right: 10px; } .map__change-map:after { margin-top: 3px; } .map__change-map.active { border: 1px solid #d6d6d6; } } .map__change-panorama { float: left; border: none; background: none; border-bottom: 1px dashed #2c3e50; font-size: 20px; color: #2c3e50; margin: 17px 0 0 60px; line-height: 1; padding: 0; outline: none; font-weight: 400; } .map__change-panorama.active { border-bottom: none; font-weight: 600; } @media (max-width: 767px) { .map__change-panorama { font-size: 17px; color: #2c3e50; text-align: center; border: 1px solid #d6d6d6; padding: 15px 0; background: #fff; text-transform: uppercase; width: 100%; font-weight: bold; outline: none; margin-top: 40px; cursor: pointer; float: none; width: auto; display: block; padding: 5px 10px; font-weight: 400; vertical-align: bottom; line-height: 1.4; margin: 10px auto 0; } .map__change-panorama:hover { color: #2c3e50; } .map__change-panorama:after { font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; border: 1px solid #2c3e50; margin-left: 10px; width: 22px; height: 22px; vertical-align: top; text-align: center; line-height: 22px; padding: 0 0 0 2px; } .map__change-panorama.active:after { content: "\f078"; } .map__change-panorama:before { font-size: 1em; display: inline-block; font-family: FontAwesome; content: ""; color: #01a1bb; margin-right: 10px; } .map__change-panorama:after { font-size: 0.7em; } .map__change-panorama.active { border: 1px solid #d6d6d6; } } .map__view { border: 8px solid #fff; margin: 17px 0; width: 100%; height: 550px; z-index: 10; } .map__view--panorama { z-index: 5; } .map__view--property-form { height: 385px; } @media (max-width: 767px) { .map__view { margin: 0; border: 0; } } @media (max-width: 767px) { .map__wrap .map__view { visibility: hidden; } } .map__view iframe { display: block; width: 100%; height: 380px; } @media (max-width: 767px) { .map__view iframe { height: 155px; } } @media (max-width: 767px) { .map__wrap { position: absolute; width: 100%; top: 0; background: url("../img/map-placeholder.jpg"); background-size: cover; height: 170px; border: 8px solid #fff; margin: 17px 0; overflow: hidden; } } .map--index { min-height: 550px; z-index: 205; } @media (min-width: 768px) { .map--index { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 767px) { .map--index { min-height: 170px; } } .map--index .map__buttons { display: none; } @media (max-width: 767px) { .map--index .map__buttons { height: 170px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .map--index .map__change-map { margin: 0; } .map--index .map__view { position: absolute !important; bottom: 0; top: 0; height: auto; margin: 0; border: 0; } @media (max-width: 767px) { .map--index > .container { padding: 0; } } .map--index .map__wrap { margin: 0; border: 0; } .map--index .map__search { width: 33%; position: relative; z-index: 250; margin-top: 50px; margin-bottom: 50px; } @media (max-width: 767px) { .map--index .map__search { width: 100%; margin-top: 0; margin-bottom: 0; } } .map--contacts { min-height: 550px; } @media (max-width: 767px) { .map--contacts { min-height: 170px; } } .map--contacts .map__buttons { display: none; } @media (max-width: 767px) { .map--contacts .map__buttons { display: block; height: 170px; } } .map--contacts .map__view { position: absolute !important; bottom: 0; top: 0; height: auto; margin: 0; border: 0; } @media (max-width: 767px) { .map--contacts > .container { padding: 0; } } .map--contacts .map__wrap { margin: 0; border: 0; } .map--hide { overflow: hidden; } @media (max-width: 767px) { .map--properties { height: 400px; } } .map--properties .map__buttons { display: block; } @media (max-width: 767px) { .map--properties .map__buttons { position: absolute; top: 50%; margin-top: -41px; left: 7px; right: 7px; } } .map--properties .map__wrap { position: relative; height: 400px; margin-top: 10px; } @media (max-width: 767px) { .map--properties .map__wrap { /* height: 170px; */ position: absolute; margin: 0; } } .map--properties .map__view { width: 100%; margin: 0; top: 0; } .map--properties .map__wrap .map__view { height: 396px !important; position: absolute !important; } .map--properties .map__change-map { margin-top: 10px; } @media (max-width: 767px) { .map--properties .map__change-map { margin-top: 0; } } .map--location .map__buttons { display: block; } .map--location .map__wrap { position: relative; height: 400px; } @media (max-width: 767px) { .map--location .map__wrap { height: 170px; } } .map--location .map__view { height: 396px !important; width: 100%; margin: 0; position: absolute; top: 0; } .map--location .map__change-map { margin-top: 10px; border: none; } @media (min-width: 768px) { .map--location .map__change-map { text-transform: uppercase; font-weight: bold; } } .map--location .map__geolocation { background: none; border: none; outline: none; padding: 0; margin-top: 25px; } .map--location .map__geolocation svg { fill: #01a1bb; height: 45px; width: 30px; } .map--location .form-group--autocomplete { padding-left: 15px; padding-right: 15px; float: left; width: 100%; margin-bottom: 9px; } @media (min-width: 1200px) { .map--location .form-group--autocomplete { width: 66.66667%; } } .map--location .form-group--coords { padding-left: 15px; padding-right: 15px; float: left; width: 100%; } @media (min-width: 1200px) { .map--location .form-group--coords { width: 33.33333%; } } .map--location .map__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .map--location .map__title { font-size: 15px; margin-top: 3px; text-transform: uppercase; font-weight: 600; } .map--location .map__actions-btn { background: none; border: none; outline: none !important; padding: 0; text-transform: uppercase; font-size: 13px; color: #01a1bb; font-weight: 600; } .map--dashboard { position: relative; } .map--dashboard .form-group--autocomplete { width: 400px; margin-bottom: 0; } @media (max-width: 1199px) { .map--dashboard .form-group--autocomplete { width: 300px; } } @media (max-width: 991px) { .map--dashboard .form-group--autocomplete { width: 180px; } } @media (max-width: 767px) { .map--dashboard .form-group--autocomplete { width: 85%; } } .map--dashboard .form-group--autocomplete .control-label { display: none; } @media (max-width: 767px) { .map--dashboard .form-group--autocomplete .control-label { display: block; } } @media (min-width: 768px) { .map--dashboard .form-group--autocomplete .form-control { height: 32px; border-radius: 3px; border: none; } } .map--dashboard .form-group--coords { display: none; } .map--dashboard .map__block { position: relative; } @media (min-width: 768px) { .map--dashboard .map__autocomplete { position: absolute; top: 10px; left: 140px; z-index: 20; } } .map--dashboard .map__geolocation { margin-top: 0; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .map--dashboard .map__geolocation svg { height: 25px; width: 25px; } .map--dashboard .map__buttons { position: absolute; top: 54%; width: 100%; } .map--dashboard .map__change-map { display: none; } @media (max-width: 767px) { .map--dashboard .map__change-map { display: block; } } .map--dashboard .map__block { margin-bottom: 20px; } .map--dashboard .map__wrap { border: none; } .map--dashboard .map__view { border: none; } .map--submit .map__header { display: none; } .map--submit .map__autocomplete { top: 20px; } .map--submit .map__wrap { border: 8px solid #fff; height: 412px; } .map--banner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; visibility: hidden; } .map--banner.opened { opacity: 1; visibility: visible; } @media (max-width: 767px) { .map--banner { display: none; } } .map .leaflet-popup-content-wrapper, .map .leaflet-popup-tip { background: none; -webkit-box-shadow: none; box-shadow: none; } .map .leaflet-popup-content { position: relative; } .map .leaflet-container a { color: #fff; } .infoBox > img .infobox__close { position: absolute; top: 10px; right: 10px; } @-webkit-keyframes blink { from { margin-top: -230px; } to { margin-top: 0; } } @keyframes blink { from { margin-top: -230px; } to { margin-top: 0; } } .opened .cluster { -webkit-animation: blink; animation: blink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: alternate; animation-direction: alternate; } .cluster > div { background: #2c3e50 !important; border-radius: 10px !important; width: 20px !important; height: 20px !important; line-height: 20px !important; } #cboxContent .gm-style-mtc:first-of-type { margin-left: 50px; } .achievement__item { padding-left: 15px; padding-right: 15px; float: left; width: 100%; text-align: center; } @media (min-width: 768px) { .achievement__item { width: 25%; } } @media (min-width: 1200px) { .achievement__item { width: 25%; } } @media (min-width: 1200px) { .achievement__item--animate-end .achievement__icon, .achievement__item--animate-end .achievement__name { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } } .achievement__icon { fill: #a6a6a6; width: 40px; height: 40px; margin-top: 50px; } @media (max-width: 1199px) { .achievement__icon { margin-top: 30px; } } @media (min-width: 1200px) { .achievement__icon { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; -webkit-transition: 1s; transition: 1s; } } .achievement__name { color: #c61515; text-transform: uppercase; } @media (max-width: 767px) { .achievement__name { font-size: 13px; } } @media (min-width: 1200px) { .achievement__name { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } } .achievement__counter { margin-top: 50px; color: #c61515; font-size: 64px; font-weight: 200; height: 102px; } @media (min-width: 1200px) { .achievement__counter { display: none; } } @media (max-width: 1199px) { .achievement__counter { font-size: 40px; margin-top: 0; height: 70px; } } @media (max-width: 767px) { .achievement__counter { margin-top: 0; height: auto; } } @media (max-width: 1199px) { .achievement__counter--lg { display: none; } } @media (min-width: 1200px) { .achievement__counter--lg { display: block; } } /*------------------------------------------------------------------ * Breadcrumbs + Breadcrumbs / .breadcrumbs __ Breadcrumbs list / .breadcrumbs__list __ Breadcrumbs item / .breadcrumbs__item __ Breadcrumbs link / .breadcrumbs__link @mixin =============================================================*/ .breadcrumbs { background: #f6f6f6; border-top: 1px solid #dedede; } .breadcrumbs:before, .breadcrumbs:after { content: " "; display: table; } .breadcrumbs:after { clear: both; } @media (max-width: 767px) { .breadcrumbs .container { padding: 0; } } .breadcrumbs ul { list-style: none; margin: 0; padding: 0; border-left: 1px solid #dedede; } .breadcrumbs ul:before, .breadcrumbs ul:after { content: " "; display: table; } .breadcrumbs ul:after { clear: both; } .breadcrumbs__list { border-left: 1px solid #dedede; color: transparent; } .breadcrumbs__list:before, .breadcrumbs__list:after { content: " "; display: table; } .breadcrumbs__list:after { clear: both; } .breadcrumbs__list > li { float: left; background: #fff; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; padding: 5px 18px; margin-top: -1px; } .breadcrumbs__list > li:last-child a { background: none; } .breadcrumbs__list > li:last-child a:after { display: none; } .breadcrumbs__list > li > span { font-size: 12px; color: #808080; margin-top: -1px; text-transform: uppercase; display: block; padding-right: 10px; padding-bottom: 1px; } .breadcrumbs__list > span { float: left; background: #fff; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; padding: 5px 18px; margin-top: -1px; display: block !important; } .breadcrumbs__list > span:last-child a { background: none; } .breadcrumbs__list > span:last-child a:after { display: none; } .breadcrumbs__list > span > span { font-size: 12px; color: #808080; margin-top: -1px; text-transform: uppercase; display: block; padding-right: 10px; padding-bottom: 1px; } .breadcrumbs__item { float: left; background: #fff; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; padding: 5px 18px; margin-top: -1px; display: block !important; } .breadcrumbs__item:last-child a { background: none; } .breadcrumbs__item:last-child a:after { display: none; } .breadcrumbs a { font-size: 12px; color: #808080; text-transform: uppercase; display: block; } .breadcrumbs a:after { content: "\e080"; position: relative; top: -1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-size: 6px; margin: 0 0 0 10px; } .breadcrumbs__link { font-size: 12px; color: #808080; text-transform: uppercase; display: block; } .breadcrumbs__link:after { content: "\e080"; position: relative; top: -1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-size: 6px; margin: 0 0 0 10px; } .activity__date { background: #01a1bb; color: #fff; display: inline-block; padding: 0 15px; margin-top: 40px; } @media (max-width: 767px) { .activity__date { margin-top: 25px; } } .activity__date:first-of-type { margin-top: 0; } .activity__list { margin: 0; padding: 0; list-style: none; } .activity__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: url("../img/bg-border-dotted-horizontal.png") 0 100% repeat-x; margin-top: 60px; padding-bottom: 20px; } @media (max-width: 767px) { .activity__item { margin-top: 20px; } } .activity__icon { width: 30px; height: 30px; fill: #2c3e50; } .activity__time { text-align: center; width: 130px; color: #a6a6a6; } @media (max-width: 991px) { .activity__time { width: 75px; } } .activity__title { color: #2c3e50; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .info__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; margin: 0 -15px; } .info__group-name { text-transform: uppercase; font-weight: bold; margin-top: 30px; } .info__group-name:first-of-type { margin-top: 0; } .info__column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 15px; } .info__item { border: 1px solid #d6d6d6; padding: 20px; width: 100%; margin-top: 40px; } .info__item:first-of-type { margin-top: 0; } .info__title { font-weight: bold; } .info__value { font-size: 60px; color: #606e7c; font-weight: 200; } .info__value--small { font-size: 40px; } .info__value--succes { color: #5cb85c; } .info__value--info { color: #5bc0de; } .info__value--positive { color: green; font-size: 20px; top: -45px; position: relative; } .info__value--negative { color: red; font-size: 20px; top: -45px; position: relative; } .info__value-label { font-weight: normal; font-size: 0.4em; } .info__trend { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #a6a6a6; } .info__trend .fa { margin-left: 15px; font-size: 20px; } .info__trend--positive .fa { color: green; } .info__trend--negative .fa { color: red; } .info__actions { text-align: center; margin-top: 50px; } .info__more { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; text-decoration: none; border: 2px solid #2c3e50; background: none; color: #2c3e50; margin: 0 auto; font-size: 12px; } .info__more:hover, .info__more:focus, .info__more.active { color: #333; text-decoration: none; outline: none; } .info__more:disabled, .info__more.disabled { cursor: not-allowed; } .info__more.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .info__more:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .info__more.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .info__more.has-error, .info__more.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .info__more.has-error:after, .info__more.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .info__more.has-success, .info__more.success { color: transparent !important; } .info__more.has-success:after, .info__more.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .info__more.button--loading:before { content: ""; } .button--loading-refresh .info__more.button--loading:before { content: ""; } .button--loading-spinner .info__more.button--loading:before { content: ""; } @media (min-width: 992px) { .info__more.hover, .info__more:hover { border-color: #c61515; color: #c61515; } } .info__more:active, .info__more.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .info__more:disabled, .info__more.disabled { color: #ccc; border-color: #efefef; } .info__link { background: none; border: none; outline: none !important; padding: 0; font-size: 12px; margin-top: 10px; color: #a6a6a6; text-transform: uppercase; display: block; text-align: center; width: 100%; } .info__chart--balance { background: url("../img/bg-border-dotted-horizontal.png") repeat-x 0 0; } .info__chart-balance { width: 100%; height: 180px; margin-top: 15px; } .info__chart-profile { width: 100%; height: 400px; } .info--statistics .info__column { padding-left: 15px; padding-right: 15px; float: left; width: 100%; margin-top: 30px; } @media (min-width: 1200px) { .info--statistics .info__column { width: 33.33333%; } } .info--statistics .info__column:nth-child(-n+3) { margin-top: 0; } @media (max-width: 1199px) { .info--statistics .info__column:nth-child(n+1) { margin-top: 30px; } .info--statistics .info__column:first-of-type { margin-top: 0; } } .info--statistics .info__about { margin-top: 40px; } .info--statistics .info__about-title { background: #f6f6f6; border: 1px solid #d6d6d6; padding: 20px 30px; text-transform: uppercase; font-weight: bold; margin-bottom: 0; } .info--statistics .info__table-wrap { width: 100%; overflow: auto; } .info--statistics .info__table { margin-top: -1px; margin-bottom: 0; } .info--statistics .info__table td { width: 33.333%; } @media (max-width: 767px) { .info--statistics .info__table td { padding: 5px; } } .info--financials .info__column { padding-left: 15px; padding-right: 15px; float: left; width: 100%; margin-top: 30px; } @media (min-width: 1200px) { .info--financials .info__column { width: 33.33333%; } } .info--financials .info__column:nth-child(-n+3) { margin-top: 0; } @media (max-width: 1199px) { .info--financials .info__column:nth-child(n+1) { margin-top: 30px; } .info--financials .info__column:first-of-type { margin-top: 0; } } .info--commission .info__column { padding-left: 15px; padding-right: 15px; float: left; width: 100%; margin-top: 30px; } @media (min-width: 1200px) { .info--commission .info__column { width: 33.33333%; } } .info--commission .info__column:nth-child(-n+3) { margin-top: 0; } @media (max-width: 1199px) { .info--commission .info__column:nth-child(n+1) { margin-top: 30px; } .info--commission .info__column:first-of-type { margin-top: 0; } } .info--property .info__column { padding-left: 15px; padding-right: 15px; float: left; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { .info--property .info__column { width: 50%; } } .info--property .info__donut { margin: 0 auto; width: 220px; position: relative; } .info--property .info__chart { position: relative; width: 220px; height: 220px; } .info--property .info__total { position: absolute; top: 70px; font-size: 20px; text-align: center; width: 100%; line-height: 1; } .info--property .info__total-value { font-size: 50px; } .info--property .info__legend { margin: 0; padding: 0; list-style: none; width: 100%; } .info--property .info__legend-item { font-size: 17px; padding-left: 40px; margin-left: 150px; position: relative; margin-top: 20px; } .info--property .info__legend-item:before { font-size: 1em; display: inline-block; font-family: FontAwesome; content: ""; position: absolute; left: 0; top: 0; } @media (max-width: 767px) { .info--property .info__legend-item { margin-left: 30px; } } .info--property .info__legend-item--green:before { color: #43a047; } .info--property .info__legend-item--light-green:before { color: #a5d6a7; } .info--property .info__legend-item--blue:before { color: #1e88e5; } .info--property .info__legend-item--light-blue:before { color: #90caf9; } .payment { border: 1px solid #f0f0f0; } .table { border: 1px solid #d6d6d6; } .table > thead { background: #f6f6f6; } .table > thead > tr { background: #f6f6f6; } .table > thead > tr:nth-child(2n-1) { background: #fafafa; } .table > thead > tr > th, .table > thead > tr > td { border: 1px solid #d6d6d6; padding: 20px 30px; } @media (max-width: 767px) { .table > thead > tr > th, .table > thead > tr > td { padding: 5px; } } .table > thead > tr > th { font-size: 13px; text-transform: uppercase; border-bottom-width: 1px !important; } .table > tbody > tr > td { font-size: 15px; border: 1px solid #d6d6d6; padding: 20px 30px; } @media (max-width: 767px) { .table > tbody > tr > td { padding: 5px; } } .table--stripped > tbody > tr:nth-child(2n-1) { background: #e3f2fd; } .tags { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tags__actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .tags__actions-border { border-top: 1px solid #d6d6d6; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-top: 10px; } .tags__actions-btn { margin-left: 20px; } .tags__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .tags__list { margin-top: 20px; } } .tags__item { background: none; border: none; outline: none !important; padding: 0; color: #a6a6a6; font-size: 12px; border: 1px solid #d6d6d6; border-radius: 15px; padding: 4px 10px; margin-right: 10px; text-transform: uppercase; font-weight: 600; margin-top: 20px; cursor: pointer; height: 30px; line-height: 1.6; } .tags__item.active { background: #c61515; color: #fff; border-color: #c61515; } .tags__item.editable { cursor: text; } @media (max-width: 767px) { .tags__item { margin-top: 10px; } } .tags__item--new { background: #c61515; color: #fff; border-color: #c61515; } .tags__new-icon { font-style: normal; cursor: pointer; } .tags__new-icon:after { font-size: 1em; display: inline-block; font-family: FontAwesome; content: ""; } .editable .tags__new-icon:after { font-size: 1em; display: inline-block; font-family: FontAwesome; content: ""; margin-left: 5px; } .modal .modal-content { border: none; } @media (min-width: 768px) { .modal .modal-content { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } } .modal .modal-header { border-bottom: none; } .modal .modal-footer { border-top: none; text-align: left; } .modal--photos-upload { position: absolute; top: -10px; left: 0; right: 0; padding: 15px !important; margin: -15px; } .modal--photos-upload .modal-dialog { width: 100%; margin: 0; } .modal--photos-upload .modal-body { max-height: 400px; overflow-y: auto; } .modal--plan { position: absolute; top: 40px; left: 0; right: 0; padding: 0 15px !important; margin: -15px; overflow: visible !important; } .modal--plan .modal-dialog { width: 100%; margin: 0; } .modal--plan .modal-body { max-height: 900px; overflow-y: auto; padding: 0 40px; } @media (max-width: 767px) { .modal--plan .modal-body { padding: 0 15px; } } .btn--default { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; text-decoration: none; border: 2px solid #2c3e50; background: none; color: #2c3e50; } .btn--default:hover, .btn--default:focus, .btn--default.active { color: #333; text-decoration: none; outline: none; } .btn--default:disabled, .btn--default.disabled { cursor: not-allowed; } .btn--default.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .btn--default:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .btn--default.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .btn--default.has-error, .btn--default.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .btn--default.has-error:after, .btn--default.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .btn--default.has-success, .btn--default.success { color: transparent !important; } .btn--default.has-success:after, .btn--default.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .btn--default.button--loading:before { content: ""; } .button--loading-refresh .btn--default.button--loading:before { content: ""; } .button--loading-spinner .btn--default.button--loading:before { content: ""; } @media (min-width: 992px) { .btn--default.hover, .btn--default:hover { border-color: #c61515; color: #c61515; } } .btn--default:active, .btn--default.active { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); border-color: #c61515; background: #c61515; color: #fff; } .btn--default:disabled, .btn--default.disabled { color: #ccc; border-color: #efefef; } .btn--default:active { border-color: #2c3e50; background: none; color: #2c3e50; } .btn--default > .fa { margin-right: 10px; } .btn--primary { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; border: none; border-bottom: 4px solid #8e0e0e; background: #c61515; color: #fff; } .btn--primary:hover, .btn--primary:focus, .btn--primary.active { color: #333; text-decoration: none; outline: none; } .btn--primary:disabled, .btn--primary.disabled { cursor: not-allowed; } .btn--primary.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .btn--primary:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .btn--primary.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .btn--primary.has-error, .btn--primary.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .btn--primary.has-error:after, .btn--primary.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .btn--primary.has-success, .btn--primary.success { color: transparent !important; } .btn--primary.has-success:after, .btn--primary.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .btn--primary.button--loading:before { content: ""; } .button--loading-refresh .btn--primary.button--loading:before { content: ""; } .button--loading-spinner .btn--primary.button--loading:before { content: ""; } .btn--primary.hover, .btn--primary:hover { border-bottom: 4px solid #c61515; color: #fff; } .btn--primary:active, .btn--primary.active { border-top: 4px solid #8e0e0e; border-bottom: none; color: #fff; } .btn--primary:disabled, .btn--primary.disabled { color: #ccc; background: #efefef; border-bottom: 4px solid #dedede; } .btn--primary:active { border: none; border-top: 4px solid #d99221; background: #c61515; -webkit-box-shadow: none; box-shadow: none; } .btn--plus { background: none; border: none; outline: none !important; padding: 0; margin: 0 0 0 -35px; position: relative; z-index: 4; } .btn--plus:after { font-size: 1em; display: inline-block; font-family: FontAwesome; content: ""; } .btn--link { background: none; border: none; outline: none !important; padding: 0; text-transform: uppercase; font-size: 13px; color: #01a1bb; font-weight: 600; line-height: 1; } .btn--action { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 6px 20px; font-size: 15px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 15px; padding-right: 15px; font-weight: 700; font-size: 15px; position: relative; border: none; border-bottom: 4px solid #8e0e0e; background: #c61515; color: #fff; font-size: 13px; } .btn--action:hover, .btn--action:focus, .btn--action.active { color: #333; text-decoration: none; outline: none; } .btn--action:disabled, .btn--action.disabled { cursor: not-allowed; } .btn--action.progress { overflow: visible; height: auto; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .btn--action:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: 0; text-align: center; } .btn--action.button--loading:before { margin: 0 10px 0; font-size: 14px; display: inline-block; font-family: FontAwesome; content: ""; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .btn--action.has-error, .btn--action.error { -webkit-animation: shake 0.5s; animation: shake 0.5s; color: transparent !important; } .btn--action.has-error:after, .btn--action.error:after { content: "Error!"; -webkit-animation: scaleFromUp 0.5s; animation: scaleFromUp 0.5s; z-index: 1; color: #e95b35; } .btn--action.has-success, .btn--action.success { color: transparent !important; } .btn--action.has-success:after, .btn--action.success:after { content: "Success!"; -webkit-animation: moveUp 0.5s; animation: moveUp 0.5s; z-index: 1; color: #01a1bb; } .button--loading-circle-o-notch .btn--action.button--loading:before { content: ""; } .button--loading-refresh .btn--action.button--loading:before { content: ""; } .button--loading-spinner .btn--action.button--loading:before { content: ""; } .btn--action.hover, .btn--action:hover { border-bottom: 4px solid #c61515; color: #fff; } .btn--action:active, .btn--action.active { border-top: 4px solid #8e0e0e; border-bottom: none; color: #fff; } .btn--action:disabled, .btn--action.disabled { color: #ccc; background: #efefef; border-bottom: 4px solid #dedede; } .btn--white { color: #2c3e50; text-transform: none; font-weight: 600; margin: 0 0 0 10px; display: inline-block; font-size: 14px; text-decoration: none !important; padding: 3px 10px 4px; } .btn--white:hover { color: #2c3e50; } .btn--white.active { color: #fff; border: 1px solid #fff; } .tab--sidebar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tab--sidebar .tab__nav { background: #f6f6f6; width: 165px; } @media (max-width: 767px) { .tab--sidebar .tab__nav { width: 100%; } } .tab--sidebar .tab__nav > li { color: #2c3e50; } .tab--sidebar .tab__nav > li.active { color: #01a1bb; } .tab--sidebar .tab__nav > li.active:after { background: #fff; display: block; width: 10px; height: 10px; -webkit-transform: rotate(45grad); -ms-transform: rotate(45grad); transform: rotate(45grad); border-bottom: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; position: absolute; top: 50%; right: -5px; margin-top: -5px; content: ''; } .tab--sidebar .tab__nav > li > a { padding: 20px 5px 20px 30px; color: inherit; text-transform: uppercase; font-size: 13px; font-weight: 900; } .tab--sidebar .tab__nav > li > a .fa { display: block; } .tab--sidebar .tab-content { border-left: 1px solid #f0f0f0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 20px 40px; } @media (max-width: 767px) { .tab--sidebar .tab-content { padding: 15px; border: none; } } .tab--properties .tab__nav { padding: 0; margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 12px; } @media (max-width: 767px) { .tab--properties .tab__nav { margin-bottom: 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .tab--properties .tab__nav li { display: inline-block; margin: 0 45px; } @media (max-width: 767px) { .tab--properties .tab__nav li { margin: 0; } } .tab--properties .tab__nav li > a { padding: 3px 0; text-transform: uppercase; color: #a6a6a6; } .tab--properties .tab__nav li > a:hover, .tab--properties .tab__nav li > a:focus, .tab--properties .tab__nav li > a:active { text-decoration: none; background: none; } @media (max-width: 767px) { .tab--properties .tab__nav li > a { padding: 3px 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .tab--properties .tab__nav li.active a { border-bottom: 2px solid #2c3e50; color: #2c3e50; } .tab--properties .tab__tab-content { clear: both; } /*! * Cropper v@VERSION * https://github.com/fengyuanchen/cropper * * Copyright (c) 2014-@YEAR Fengyuan Chen and contributors * Released under the MIT license * * Date: @DATE */ .cropper-container { position: relative; font-size: 0; line-height: 0; direction: ltr !important; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; width: 100%; height: 600px; } .cropper-container img { display: block; image-orientation: 0deg !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; width: 100%; height: 100%; } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cropper-wrap-box { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; filter: alpha(opacity=0); } .cropper-modal { background-color: #000; opacity: 0.5; filter: alpha(opacity=50); } .cropper-view-box { display: block; overflow: hidden; outline: 1px solid #01a1bb; outline-color: rgba(1, 161, 187, 0.75); width: 100%; height: 100%; } .cropper-dashed { position: absolute; display: block; border: 0 dashed #eee; opacity: 0.5; filter: alpha(opacity=50); } .cropper-dashed.dashed-h { top: 33.33333%; left: 0; border-top-width: 1px; border-bottom-width: 1px; width: 100%; height: 33.33333%; } .cropper-dashed.dashed-v { top: 0; left: 33.33333%; border-right-width: 1px; border-left-width: 1px; width: 33.33333%; height: 100%; } .cropper-center { position: absolute; top: 50%; left: 50%; display: block; width: 0; height: 0; opacity: 0.75; filter: alpha(opacity=75); } .cropper-center:before, .cropper-center:after { position: absolute; display: block; background-color: #eee; content: " "; } .cropper-center:before { top: 0; left: -3px; width: 7px; height: 1px; } .cropper-center:after { top: -3px; left: 0; width: 1px; height: 7px; } .cropper-face, .cropper-line, .cropper-point { position: absolute; display: block; width: 100%; height: 100%; opacity: 0.1; filter: alpha(opacity=10); } .cropper-face { top: 0; left: 0; background-color: #fff; } .cropper-line { background-color: #01a1bb; } .cropper-line.line-e { top: 0; right: -3px; width: 5px; cursor: e-resize; } .cropper-line.line-n { top: -3px; left: 0; height: 5px; cursor: n-resize; } .cropper-line.line-w { top: 0; left: -3px; width: 5px; cursor: w-resize; } .cropper-line.line-s { bottom: -3px; left: 0; height: 5px; cursor: s-resize; } .cropper-point { background-color: #01a1bb; width: 30px; height: 30px; opacity: 1; border-radius: 30px; } .cropper-point.point-e { top: 50%; right: -15px; margin-top: -15px; cursor: e-resize; } .cropper-point.point-n { top: -15px; left: 50%; margin-left: -15px; cursor: n-resize; } .cropper-point.point-w { top: 50%; left: -15px; margin-top: -15px; cursor: w-resize; } .cropper-point.point-s { bottom: -15px; left: 50%; margin-left: -15px; cursor: s-resize; } .cropper-point.point-ne { top: -15px; right: -15px; cursor: ne-resize; } .cropper-point.point-nw { top: -15px; left: -15px; cursor: nw-resize; } .cropper-point.point-sw { bottom: -15px; left: -15px; cursor: sw-resize; } .cropper-point.point-se { right: -15px; bottom: -15px; cursor: se-resize; width: 30px; height: 30px; opacity: 1; filter: alpha(opacity=100); } .cropper-point.point-se:before { position: absolute; right: -50%; bottom: -50%; display: block; content: " "; background-color: #01a1bb; width: 200%; height: 200%; opacity: 0; filter: alpha(opacity=0); } @media (min-width: 768px) { .cropper-point.point-se { width: 15px; height: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { width: 10px; height: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { width: 30px; height: 30px; opacity: 1; } } .cropper-invisible { opacity: 0; filter: alpha(opacity=0); } .cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); } .cropper-hide { position: absolute; display: block; width: 0; height: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } .datatable::-webkit-scrollbar { width: 5px; height: 5px; } .datatable::-webkit-scrollbar-track { border-radius: 3px; width: 3px; background: #e0e0e0; } .datatable::-webkit-scrollbar-thumb { border-radius: 5px; width: 5px; background: #01a1bb; } .datatable .row { margin: 0; } .datatable .col-sm-12 { padding: 0; } @media (max-width: 767px) { .datatable { overflow-x: auto; padding-bottom: 0; } } .datatable th { text-transform: uppercase; font-size: 13px; border-bottom: 1px solid #d6d6d6; background: #f6f6f6; padding: 50px 10px; white-space: nowrap; } .datatable th:focus { outline: none; } .datatable td { padding: 30px 10px; } .datatable tr { border-bottom: 1px solid #d6d6d6; } .datatable tr.odd { background: #f2f2f2; } .datatable tr.even { background: #f6f6f6; } .datatable tr:hover { background: #e3f2fd; } .datatable__table { border: 1px solid #d6d6d6; width: 100%; } .datatable__head-sort:after { font-size: 0.8em; display: inline-block; font-family: FontAwesome; content: ""; margin-left: 5px; } .datatable__head-sort.sorting_asc:after { content: '\f0de'; } .datatable__head-sort.sorting_desc:after { content: '\f0dd'; } .datatable .dataTables_scrollBody::-webkit-scrollbar { width: 5px; height: 5px; } .datatable .dataTables_scrollBody::-webkit-scrollbar-track { border-radius: 3px; width: 3px; background: #e0e0e0; } .datatable .dataTables_scrollBody::-webkit-scrollbar-thumb { border-radius: 5px; width: 5px; background: #01a1bb; } .datatable--properties .datatable__table { background: #fafafa; } .datatable--properties .datatable__head-1 { padding: 50px 30px; } .datatable--properties .datatable__cell-1 { padding: 30px; } .datatable--properties .datatable__cell-2 { color: #01a1bb; min-width: 100px; } .datatable--properties .datatable__cell-3 { color: #01a1bb; min-width: 80px; } .datatable--properties .datatable__cell-4 { color: #a6a6a6; min-width: 80px; } .datatable--properties .datatable__more { border: none; font-size: 12px; margin: 0; float: none; padding-left: 0; } .datatable--property th { padding: 30px 10px; } .datatable--property .dataTables_scrollBody th { display: none; } .datatable--property td { padding: 10px; } .datatable--property .datatable__head-2 { width: 70px; } .datatable--property .datatable__cell { width: 60px; } .datatable--property .datatable__cell--2 { width: 65px; color: #a6a6a6; } .datatable--property .datatable__cell--3 { color: #a6a6a6; } .datatable--property .datatable__cell--4 { color: #a6a6a6; } .datatable--property .datatable__cell--5 { color: #01a1bb; } .datatable--property .datatable__cell--6 { color: #a6a6a6; } .datatable--property .datatable__cell--7 { color: #a6a6a6; } .datatable--property .datatable__cell--8 { color: #a6a6a6; }