/******************************************************** 1. Basics 1.1. Helpers 1.2. Custom grid 1.3. Forms 2. Custom mouse cursor 3. Animsition preloader 3.1. Animsition-overlay 3.2. Loading animation 3.3. Add class after preloader 4. Header 4.1. Header logo 4.2. Header menu-open 4.3. MidnightHeader 4.4. Headroom 5. Navigation 5.1. Navigation logo 5.2. Navigation close icon 5.3. Navigation menu 5.4. Navigation links 5.5. Navigation backgrounds 5.6. Navigation backgrounds overlay 5.7. Drop down menu 5.8. Drop down close 6. Colors 6.1. Bg colors 6.2. Text colors 7. Typography 8. Buttons 8.1. To top button 8.2. Border button 8.3. Flip button 8.4. Arrow button 8.5. Scroll button 8.6. Overlay Button 9. Animations 9.1. Loading animations 9.1.1. Loading overlay animation #1 9.1.2. Loading overlay animation #2 9.1.3. Loading fade animation 9.1.4. Loading title fill animation 9.2. Scroll animations 9.2.1. Scroll overlay animation #1 9.2.2. Scroll overlay animation #2 9.2.3. Scroll fade animation 9.2.4. Scroll title fill animation 10. Hovers 11. Footer 12. Magnific popup 12.1. Popup arrows 12.2. Popup counter 12.3. Popup close 13. Min-height flex center (IE11-fix) 14. Page-head 15. Swiper slider 15.1. Home slider 15.1.1. Home slider title fill effect 15.1.2. Home slider overlay effect 15.1.3. Home slider overlay #2 effect 15.1.4. Home slider fade effect 15.2. Testimonials slider 15.3. About slider 15.4. Swiper pagination 15.4.1. Home slider pagination 15.4.2. Testimonials slider pagination 15.4.3. Portfolio full screen slider pagination 15.5. Swiper arrows 15.5.1. Home slider arrows 15.5.2. About slider arrows 15.5.3. Portfolio full screen slider arrows 15.5.4. Portfolio slider arrows 15.5.5. Portfolio columns slider arrows 15.5.6. Fullscreen home slider arrows 15.6. Portfolio full screen slider 15.6.1. Portfolio slider overlay animations 15.6.2. Portfolio slider fade animations 15.7. Portfolio slider 15.8. Portfolio columns slider 15.8.1. Portfolio columns slider hover effects 15.9. Fullscreen home slider 16. List dots 17. Services 18. Progress bar 19. Portfolio 20. Project 21. About 21.1. Team 22. Our clients 23. Video content 24. Blog 24.1. Sidebar 24.1.1. Search form 24.1.2. Categories 24.1.3. Recent-posts 24.1.4. Tegs 24.1.5. Widget-instagram 24.2. Single post 24.2.1. Post autor 24.2.2. Post comments 24.2.3. Comment form 25. Contact 25.1. Contact form 26. Video background 27. Portfolio grid 27.1. isotope buttons 27.2. Isotope item 27.3. Isotope hover 28. Typewriter home 29. Particles home 30. Price table 30.1. Price button********************************************************//*--------------------------------------------------------------1. Basics--------------------------------------------------------------*/::-moz-selection{background: none; color: #d2a910;}::selection{background: none; color: #d2a910;}html{padding: 0; margin: 0;}body{font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Oswald", sans-serif; color: #262626; font-weight: 400; margin: 0;}blockquote,ul,ol{margin: 0px; padding: 0;}ul li,ol li{margin-bottom: 0px;}li{list-style: none;}img{vertical-align: middle; max-width: 100%; border-style: none; width: 100%;}a,i{border: none;}button{padding: 0;}button,input,select,textarea{font-size: 14px; line-height: 1.75; font-family: 'Oswald', sans-serif;}a:hover{text-decoration: none;}button,button:focus,button:hover{background: none; border: none;}a:focus,button:focus{outline: none;}p{margin: 30px 0 0 0; font-family: 'Open Sans', sans-serif;}a{font-family: 'Oswald', sans-serif; text-decoration: none; color: inherit;}table{border-collapse: collapse; border-spacing: 0px;}td,th{padding: 5px; border: 1px solid black; text-align: center;}code,pre{padding: 10px; padding-bottom: 0; border-left: 3px solid #6FBF71; border-bottom: 1px solid transparent; overflow-x: scroll;}pre{display: block; word-break: break-all; word-wrap: break-word;}pre code{white-space: pre-wrap;}h1,h2,h3,h4,h5,h6{font-family: 'Oswald', sans-serif; margin: 0; line-height: 1.3;}h1,h2,h3{font-weight: 700;}h4,h5{font-weight: 600;}h6{font-weight: 500;}h1{font-size: 42px;}h2{font-size: 30px;}h3{font-size: 26px;}h4{font-size: 22px;}h5{font-size: 18px;}h6{font-size: 14px;}@media only screen and (max-width: 999px){h1{font-size: 38px;}h2{font-size: 28px;}h3{font-size: 24px;}}@media only screen and (max-width: 767px){h1{font-size: 36px;}h2{font-size: 26px;}h3{font-size: 24px;}}@media only screen and (max-width: 549px){h1{font-size: 34px;}}/* 1.1. Helpers */.rel-pos{position: relative;}.d-block{display: block;}.d-flex{display: -webkit-box; display: -ms-flexbox; display: flex;}.d-flex-wrap{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap;}.flex-center{-webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}.top-bottom-padding-120{padding-top: 120px; padding-bottom: 120px;}.top-padding-120{padding-top: 120px;}.bottom-padding-120{padding-bottom: 120px;}.top-bottom-padding-90{padding-top: 90px; padding-bottom: 90px;}.top-padding-90{padding-top: 90px;}.bottom-padding-90{padding-bottom: 90px;}.top-bottom-padding-60{padding-top: 60px; padding-bottom: 60px;}.top-padding-60{padding-top: 60px;}.bottom-padding-60{padding-bottom: 60px;}.top-bottom-padding-50{padding-top: 50px; padding-bottom: 50px;}.top-padding-50{padding-top: 50px;}.bottom-padding-50{padding-bottom: 50px;}.top-bottom-padding-40{padding-top: 40px; padding-bottom: 40px;}.top-padding-40{padding-top: 40px;}.bottom-padding-40{padding-bottom: 40px;}.top-bottom-padding-30{padding-top: 30px; padding-bottom: 30px;}.top-padding-30{padding-top: 30px;}.bottom-padding-30{padding-bottom: 30px;}.top-bottom-padding-20{padding-top: 20px; padding-bottom: 20px;}.top-padding-20{padding-top: 20px;}.bottom-padding-20{padding-bottom: 20px;}.top-bottom-padding-15{padding-top: 15px; padding-bottom: 15px;}.top-padding-15{padding-top: 15px;}.bottom-padding-15{padding-bottom: 15px;}.top-bottom-padding-10{padding-top: 10px; padding-bottom: 10px;}.top-padding-10{padding-top: 10px;}.bottom-padding-10{padding-bottom: 10px;}.top-bottom-padding-5{padding-top: 5px; padding-bottom: 5px;}.top-padding-5{padding-top: 5px;}.bottom-padding-5{padding-bottom: 5px;}.top-bottom-margin-30{margin-top: 30px; margin-bottom: 30px;}.bottom-margin-30{margin-bottom: 30px;}.top-margin-30{margin-top: 30px;}.top-bottom-margin-25{margin-top: 25px; margin-bottom: 25px;}.bottom-margin-25{margin-bottom: 25px;}.top-margin-25{margin-top: 25px;}.top-bottom-margin-20{margin-top: 20px; margin-bottom: 20px;}.bottom-margin-20{margin-bottom: 20px;}.top-margin-20{margin-top: 20px;}.top-bottom-margin-15{margin-top: 15px; margin-bottom: 15px;}.bottom-margin-15{margin-bottom: 15px;}.top-margin-15{margin-top: 15px;}.top-bottom-margin-10{margin-top: 10px; margin-bottom: 10px;}.bottom-margin-10{margin-bottom: 10px;}.top-margin-10{margin-top: 10px;}.top-bottom-margin-5{margin-top: 5px; margin-bottom: 5px;}.bottom-margin-5{margin-bottom: 5px;}.top-margin-5{margin-top: 5px;}.content-left-right-margin-50{margin-left: 50px; margin-right: 50px;}.content-right-margin-50{margin-right: 50px;}.content-left-margin-50{margin-left: 50px;}.content-left-right-margin-45{margin-left: 45px; margin-right: 45px;}.content-right-margin-45{margin-right: 45px;}.content-left-margin-45{margin-left: 45px;}.content-left-right-margin-40{margin-left: 40px; margin-right: 40px;}.content-right-margin-40{margin-right: 40px;}.content-left-margin-40{margin-left: 40px;}.content-left-right-margin-35{margin-left: 35px; margin-right: 35px;}.content-right-margin-35{margin-right: 35px;}.content-left-margin-35{margin-left: 35px;}.content-left-right-margin-30{margin-left: 30px; margin-right: 30px;}.content-right-margin-30{margin-right: 30px;}.content-left-margin-30{margin-left: 30px;}.content-left-right-margin-25{margin-left: 25px; margin-right: 25px;}.content-right-margin-25{margin-right: 25px;}.content-left-margin-25{margin-left: 25px;}.content-left-right-margin-20{margin-left: 20px; margin-right: 20px;}.content-right-margin-20{margin-right: 20px;}.content-left-margin-20{margin-left: 20px;}.content-left-right-margin-15{margin-left: 15px; margin-right: 15px;}.content-right-margin-15{margin-right: 15px;}.content-left-margin-15{margin-left: 15px;}.content-left-right-margin-10{margin-left: 10px; margin-right: 10px;}.content-right-margin-10{margin-right: 10px;}.content-left-margin-10{margin-left: 10px;}.content-left-right-margin-5{margin-left: 5px; margin-right: 5px;}.content-right-margin-5{margin-right: 5px;}.content-left-margin-5{margin-left: 5px;}.content-padding-l-r-20{padding-left: 20px; padding-right: 20px;}.content-padding-bottom-20{padding-bottom: 20px;}@media only screen and (max-width: 999px){.response-999 .content-left-right-margin-50, .response-999 .content-left-right-margin-45, .response-999 .content-left-right-margin-40, .response-999 .content-left-right-margin-35, .response-999 .content-left-right-margin-30, .response-999 .content-left-right-margin-25, .response-999 .content-left-right-margin-20, .response-999 .content-left-right-margin-15, .response-999 .content-left-right-margin-10, .response-999 .content-left-right-margin-5{margin-left: 0; margin-right: 0;}.response-999 .content-right-margin-50, .response-999 .content-right-margin-45, .response-999 .content-right-margin-40, .response-999 .content-right-margin-35, .response-999 .content-right-margin-30, .response-999 .content-right-margin-25, .response-999 .content-right-margin-20, .response-999 .content-right-margin-15, .response-999 .content-right-margin-10, .response-999 .content-right-margin-5{margin-right: 0;}.response-999 .content-left-margin-50, .response-999 .content-left-margin-45, .response-999 .content-left-margin-40, .response-999 .content-left-margin-35, .response-999 .content-left-margin-30, .response-999 .content-left-margin-25, .response-999 .content-left-margin-20, .response-999 .content-left-margin-15, .response-999 .content-left-margin-10, .response-999 .content-left-margin-5{margin-left: 0;}}@media only screen and (max-width: 767px){.content-left-right-margin-50, .content-left-right-margin-45, .content-left-right-margin-40, .content-left-right-margin-35, .content-left-right-margin-30, .content-left-right-margin-25, .content-left-right-margin-20, .content-left-right-margin-15, .content-left-right-margin-10, .content-left-right-margin-5{margin-left: 0; margin-right: 0;}.content-right-margin-50, .content-right-margin-45, .content-right-margin-40, .content-right-margin-35, .content-right-margin-30, .content-right-margin-25, .content-right-margin-20, .content-right-margin-15, .content-right-margin-10, .content-right-margin-5{margin-right: 0;}.content-left-margin-50, .content-left-margin-45, .content-left-margin-40, .content-left-margin-35, .content-left-margin-30, .content-left-margin-25, .content-left-margin-20, .content-left-margin-15, .content-left-margin-10, .content-left-margin-5{margin-left: 0;}.response-549 .content-left-right-margin-50{margin-left: 50px; margin-right: 50px;}.response-549 .content-right-margin-50{margin-right: 50px;}.response-549 .content-left-margin-50{margin-left: 50px;}.response-549 .content-left-right-margin-45{margin-left: 45px; margin-right: 45px;}.response-549 .content-right-margin-45{margin-right: 45px;}.response-549 .content-left-margin-45{margin-left: 45px;}.response-549 .content-left-right-margin-40{margin-left: 40px; margin-right: 40px;}.response-549 .content-right-margin-40{margin-right: 40px;}.response-549 .content-left-margin-40{margin-left: 40px;}.response-549 .content-left-right-margin-35{margin-left: 35px; margin-right: 35px;}.response-549 .content-right-margin-35{margin-right: 35px;}.response-549 .content-left-margin-35{margin-left: 35px;}.response-549 .content-left-right-margin-30{margin-left: 30px; margin-right: 30px;}.response-549 .content-right-margin-30{margin-right: 30px;}.response-549 .content-left-margin-30{margin-left: 30px;}.response-549 .content-left-right-margin-25{margin-left: 25px; margin-right: 25px;}.response-549 .content-right-margin-25{margin-right: 25px;}.response-549 .content-left-margin-25{margin-left: 25px;}.response-549 .content-left-right-margin-20{margin-left: 20px; margin-right: 20px;}.response-549 .content-right-margin-20{margin-right: 20px;}.response-549 .content-left-margin-20{margin-left: 20px;}.response-549 .content-left-right-margin-15{margin-left: 15px; margin-right: 15px;}.response-549 .content-right-margin-15{margin-right: 15px;}.response-549 .content-left-margin-15{margin-left: 15px;}.response-549 .content-left-right-margin-10{margin-left: 10px; margin-right: 10px;}.response-549 .content-right-margin-10{margin-right: 10px;}.response-549 .content-left-margin-10{margin-left: 10px;}.response-549 .content-left-right-margin-5{margin-left: 5px; margin-right: 5px;}.response-549 .content-right-margin-5{margin-right: 5px;}.response-549 .content-left-margin-5{margin-left: 5px;}}@media only screen and (max-width: 549px){.response-549 .content-left-right-margin-50, .response-549 .content-left-right-margin-45, .response-549 .content-left-right-margin-40, .response-549 .content-left-right-margin-35, .response-549 .content-left-right-margin-30, .response-549 .content-left-right-margin-25, .response-549 .content-left-right-margin-20, .response-549 .content-left-right-margin-15, .response-549 .content-left-right-margin-10, .response-549 .content-left-right-margin-5{margin-left: 0; margin-right: 0;}.response-549 .content-right-margin-50, .response-549 .content-right-margin-45, .response-549 .content-right-margin-40, .response-549 .content-right-margin-35, .response-549 .content-right-margin-30, .response-549 .content-right-margin-25, .response-549 .content-right-margin-20, .response-549 .content-right-margin-15, .response-549 .content-right-margin-10, .response-549 .content-right-margin-5{margin-right: 0;}.response-549 .content-left-margin-50, .response-549 .content-left-margin-45, .response-549 .content-left-margin-40, .response-549 .content-left-margin-35, .response-549 .content-left-margin-30, .response-549 .content-left-margin-25, .response-549 .content-left-margin-20, .response-549 .content-left-margin-15, .response-549 .content-left-margin-10, .response-549 .content-left-margin-5{margin-left: 0;}.content-padding-l-r-20{padding-left: 10px; padding-right: 10px;}}/* 1.2. Custom grid */.container{max-width: 1350px; width: calc(100% - 80px); margin-left: auto; margin-right: auto; height: auto; position: relative;}.container.full{max-width: 100%;}.container.small{max-width: 960px;}.flex-container{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap;}.flex-container.reverse{-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: wrap-reverse; flex-flow: wrap-reverse;}.one-column,.two-columns,.three-columns,.four-columns,.five-columns,.six-columns,.seven-columns,.eight-columns,.nine-columns,.ten-columns,.eleven-columns,.twelve-columns{-webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1;}.one-column{-ms-flex-preferred-size: 8.33%; flex-basis: 8.33%;}.two-columns{-ms-flex-preferred-size: 16.66%; flex-basis: 16.66%;}.three-columns{-ms-flex-preferred-size: 25%; flex-basis: 25%;}.four-columns{-ms-flex-preferred-size: 33.33%; flex-basis: 33.33%;}.five-columns{-ms-flex-preferred-size: 41.66%; flex-basis: 41.66%;}.six-columns{-ms-flex-preferred-size: 50%; flex-basis: 50%;}.seven-columns{-ms-flex-preferred-size: 58.33%; flex-basis: 58.33%;}.eight-columns{-ms-flex-preferred-size: 66.66%; flex-basis: 66.66%;}.nine-columns{-ms-flex-preferred-size: 75%; flex-basis: 75%;}.ten-columns{-ms-flex-preferred-size: 83.33%; flex-basis: 83.33%;}.eleven-columns{-ms-flex-preferred-size: 91.66%; flex-basis: 91.66%;}.twelve-columns{-ms-flex-preferred-size: 100%; flex-basis: 100%;}.one-offset{margin-left: 8.33%;}.two-offset{margin-left: 16.66%;}.three-offset{margin-left: 25%;}.four-offset{margin-left: 33.33%;}.five-offset{margin-left: 41.66%;}.six-offset{margin-left: 50%;}.seven-offset{margin-left: 58.33%;}.eight-offset{margin-left: 66.66%;}.nine-offset{margin-left: 75%;}.ten-offset{margin-left: 83.33%;}.eleven-offset{margin-left: 91.66%;}@media only screen and (max-width: 999px){.container{width: calc(100% - 40px);}.response-999 .one-column, .response-999 .two-columns, .response-999 .three-columns, .response-999 .four-columns, .response-999 .five-columns, .response-999 .six-columns, .response-999 .seven-columns, .response-999 .eight-columns, .response-999 .nine-columns, .response-999 .ten-columns, .response-999 .eleven-columns, .response-999 .twelve-columns{-ms-flex-preferred-size: 100%; flex-basis: 100%;}.response-999 .one-offset, .response-999 .two-offset, .response-999 .three-offset, .response-999 .four-offset, .response-999 .five-offset, .response-999 .six-offset, .response-999 .seven-offset, .response-999 .eight-offset, .response-999 .nine-offset, .response-999 .ten-offset, .response-999 .eleven-offset{margin-left: 0;}}@media only screen and (max-width: 767px){.one-column, .two-columns, .three-columns, .four-columns, .five-columns, .six-columns, .seven-columns, .eight-columns, .nine-columns, .ten-columns, .eleven-columns, .twelve-columns{-ms-flex-preferred-size: 100%; flex-basis: 100%;}.one-offset, .two-offset, .three-offset, .four-offset, .five-offset, .six-offset, .seven-offset, .eight-offset, .nine-offset, .ten-offset, .eleven-offset{margin-left: 0;}.response-549 .one-column{-ms-flex-preferred-size: 8.33%; flex-basis: 8.33%;}.response-549 .two-columns{-ms-flex-preferred-size: 16.66%; flex-basis: 16.66%;}.response-549 .three-columns{-ms-flex-preferred-size: 25%; flex-basis: 25%;}.response-549 .four-columns{-ms-flex-preferred-size: 33.33%; flex-basis: 33.33%;}.response-549 .five-columns{-ms-flex-preferred-size: 41.66%; flex-basis: 41.66%;}.response-549 .six-columns{-ms-flex-preferred-size: 50%; flex-basis: 50%;}.response-549 .seven-columns{-ms-flex-preferred-size: 58.33%; flex-basis: 58.33%;}.response-549 .eight-columns{-ms-flex-preferred-size: 66.66%; flex-basis: 66.66%;}.response-549 .nine-columns{-ms-flex-preferred-size: 75%; flex-basis: 75%;}.response-549 .ten-columns{-ms-flex-preferred-size: 83.33%; flex-basis: 83.33%;}.response-549 .eleven-columns{-ms-flex-preferred-size: 91.66%; flex-basis: 91.66%;}.response-549 .twelve-columns{-ms-flex-preferred-size: 100%; flex-basis: 100%;}.response-549 .one-offset{margin-left: 8.33%;}.response-549 .two-offset{margin-left: 16.66%;}.response-549 .three-offset{margin-left: 25%;}.response-549 .four-offset{margin-left: 33.33%;}.response-549 .five-offset{margin-left: 41.66%;}.response-549 .six-offset{margin-left: 50%;}.response-549 .seven-offset{margin-left: 58.33%;}.response-549 .eight-offset{margin-left: 66.66%;}.response-549 .nine-offset{margin-left: 75%;}.response-549 .ten-offset{margin-left: 83.33%;}.response-549 .eleven-offset{margin-left: 91.66%;}}@media only screen and (max-width: 549px){.container{width: calc(100% - 20px);}.response-549 .one-column, .response-549 .two-columns, .response-549 .three-columns, .response-549 .four-columns, .response-549 .five-columns, .response-549 .six-columns, .response-549 .seven-columns, .response-549 .eight-columns, .response-549 .nine-columns, .response-549 .ten-columns, .response-549 .eleven-columns, .response-549 .twelve-columns{-ms-flex-preferred-size: 100%; flex-basis: 100%;}.response-549 .one-offset, .response-549 .two-offset, .response-549 .three-offset, .response-549 .four-offset, .response-549 .five-offset, .response-549 .six-offset, .response-549 .seven-offset, .response-549 .eight-offset, .response-549 .nine-offset, .response-549 .ten-offset, .response-549 .eleven-offset{margin-left: 0;}}/* 1.3. Forms */textarea{background: none; resize: vertical; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"]{vertical-align: middle; outline: none; background: none;}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus{outline: none;}input[type="submit"]{text-decoration: none; border: none; background: none; outline: none;}input[type="submit"]:hover{background: none; outline: none;}::-webkit-input-placeholder{font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 12px; font-weight: 400; letter-spacing: 2px; opacity: 1; color: #b6b7b8;}:-moz-placeholder{font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 12px; font-weight: 400; letter-spacing: 2px; opacity: 1; color: #b6b7b8;}::-moz-placeholder{font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 12px; font-weight: 400; letter-spacing: 2px; opacity: 1; color: #b6b7b8;}:-ms-input-placeholder{font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 12px; font-weight: 400; letter-spacing: 2px; opacity: 1; color: #b6b7b8;}::-ms-input-placeholder{font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 12px; font-weight: 400; letter-spacing: 2px; opacity: 1; color: #b6b7b8;}::placeholder{font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 12px; font-weight: 400; letter-spacing: 2px; opacity: 1; color: #b6b7b8;}/*--------------------------------------------------------------2. Custom mouse cursor--------------------------------------------------------------*/*{cursor: none;}.pointer{position: fixed; top: 50%; left: -100px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10px; height: 10px; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 9999; -webkit-transition-property: width, height, background; -o-transition-property: width, height, background; transition-property: width, height, background; -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier(.2, .96, .34, 1); -o-transition-timing-function: cubic-bezier(.2, .96, .34, 1); transition-timing-function: cubic-bezier(.2, .96, .34, 1); border-radius: 50%; background: #d2a910; overflow: hidden;}body.out .pointer{width: 0; height: 0;}.pointer.large{width: 50px; height: 50px; background: rgba(239, 13, 51, .15); -webkit-box-shadow: 0 0 30px rgba(239, 13, 51, 0.8); box-shadow: 0 0 30px rgba(239, 13, 51, 0.8);}.pointer.small{width: 25px; height: 25px; background: rgba(239, 13, 51, 0); -webkit-box-shadow: 0 0 30px #d2a910; box-shadow: 0 0 30px #d2a910;}.pointer.right{width: 70px; height: 70px; background: rgba(239, 13, 51, 0); border: 2px solid #d2a910;}.pointer.zoom,.pointer.open{width: 80px; height: 80px; background: rgba(239, 13, 51, 0); border: 2px solid #d2a910;}.pointer .fa-long-arrow-alt-right,.pointer .fa-search,.pointer .fa-link{color: #d2a910; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); opacity: 0; -webkit-transition: .4s cubic-bezier(.23, 1, .32, 1); -o-transition: .4s cubic-bezier(.23, 1, .32, 1); transition: .4s cubic-bezier(.23, 1, .32, 1);}.pointer .fa-search,.pointer .fa-link{-webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);}.pointer.right .fa-long-arrow-alt-right{opacity: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}.pointer.zoom .fa-search,.pointer.open .fa-link{opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}.pointer.black{background: #1b2a2f;}.pointer.black.large{background: rgba(27, 42, 47, .4); -webkit-box-shadow: 0 0 30px black; box-shadow: 0 0 30px black;}.pointer.black.small{background: rgba(27, 42, 47, .5); -webkit-box-shadow: 0 0 30px black; box-shadow: 0 0 30px black;}.pointer.black.right{background: rgba(27, 42, 47, 0); border: 2px solid #1b2a2f;}.pointer.black.zoom,.pointer.black.open{background: rgba(27, 42, 47, 0); border: 2px solid #1b2a2f;}.pointer.black .fa-long-arrow-alt-right,.pointer.black .fa-search,.pointer.black .fa-link{color: #1b2a2f;}.touch .pointer{display: none;}/*--------------------------------------------------------------3. Animsition preloader--------------------------------------------------------------*/body,.animsition-overlay{overflow: hidden;}.animsition-overlay{z-index: 2;}/* 3.1. Animsition-overlay */.animsition-overlay-slide{background-color: transparent;}.loader:before,.loader:after{content: ''; width: 100%; height: 100%; position: fixed; top: 0; z-index: 99; background: #111517; -webkit-transition: 1s cubic-bezier(.86, 0, .07, 1); -o-transition: 1s cubic-bezier(.86, 0, .07, 1); transition: 1s cubic-bezier(.86, 0, .07, 1);}.loader:before{left: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); visibility: visible;}.loader:after{left: -100%; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: hidden; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s;}/* 3.2. Loading animation */.loading{position: fixed; top: calc(50% - 50px); left: calc(50% - 50px); visibility: visible; -webkit-transition: .5s cubic-bezier(.755, .05, .855, .06); -o-transition: .5s cubic-bezier(.755, .05, .855, .06); transition: .5s cubic-bezier(.755, .05, .855, .06); z-index: 101; width: 100px; height: 100px;}.loading:before{content: ''; width: 100%; height: 100%; border: 1px solid #d1a80c; border-left-color: #f8d13a; -webkit-animation: 1.2s loading-anim cubic-bezier(.77, 0, .175, 1) infinite both; animation: 1.2s loading-anim cubic-bezier(.77, 0, .175, 1) infinite both; border-radius: 50%; display: block;}.logo-loading{width: 70px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}@-webkit-keyframes loading-anim{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}@keyframes loading-anim{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}/* 3.3. Add class after preloader */body.in{overflow: visible; overflow-x: hidden;}.loader.in:before{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: hidden;}.loader.out:after{-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); visibility: visible;}body.in .loading{opacity: 0; visibility: hidden;}/*--------------------------------------------------------------4. Header--------------------------------------------------------------*/.fixed-header{position: fixed; top: 0; left: 0; right: 0; z-index: 10; width: 100%; height: auto;}.header-flex-box{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}/* 4.1. Header logo */.logo{width: 230px; margin: 20px 0 0 40px;}.logo-img-box{position: relative; overflow: hidden;}.logo img{-webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); -webkit-transition: .5s cubic-bezier(.77, 0, .175, 1); -o-transition: .5s cubic-bezier(.77, 0, .175, 1); transition: .5s cubic-bezier(.77, 0, .175, 1);}body.active .logo img{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}/* 4.2. Header menu-open */.menu-open{width: 40px; height: 22px; margin: 20px 40px 0 0; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: .5s cubic-bezier(.77, 0, .175, 1); -o-transition: .5s cubic-bezier(.77, 0, .175, 1); transition: .5s cubic-bezier(.77, 0, .175, 1);}body.active .menu-open{-webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}.menu-open:before{content: ''; position: absolute; width: 40px; height: 2px; left: 0; top: 50%; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transform: translateY(-50%) scaleX(0); -ms-transform: translateY(-50%) scaleX(0); transform: translateY(-50%) scaleX(0); -webkit-transition: .4s cubic-bezier(.77, 0, .175, 1); -o-transition: .4s cubic-bezier(.77, 0, .175, 1); transition: .4s cubic-bezier(.77, 0, .175, 1);}body.active .menu-open:before{-webkit-transform: translateY(-50%) scaleX(1); -ms-transform: translateY(-50%) scaleX(1); transform: translateY(-50%) scaleX(1); -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); -webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s;}.hamburger:before,.hamburger:after{content: ''; position: absolute; width: 40px; height: 2px; -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); left: 0; top: 0; -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s;}.hamburger:after{top: auto; bottom: 0;}.menu-open.active .hamburger:after{-webkit-transition: .3s cubic-bezier(.23, 1, .32, 1); -o-transition: .3s cubic-bezier(.23, 1, .32, 1); transition: .3s cubic-bezier(.23, 1, .32, 1); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}.menu-open.active .hamburger:before{-webkit-transition: .3s cubic-bezier(.23, 1, .32, 1); -o-transition: .3s cubic-bezier(.23, 1, .32, 1); transition: .3s cubic-bezier(.23, 1, .32, 1); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}/* 4.3. MidnightHeader */.logo-black{position: absolute; top: 0; left: 0; z-index: 2;}.midnightHeader.default .logo-black,.midnightHeader.black .logo-white{opacity: 0;}.midnightHeader.black .logo-black,.midnightHeader.default .logo-white{opacity: 1;}.midnightHeader.default .menu-open:before,.midnightHeader.default .hamburger:before,.midnightHeader.default .hamburger:after{background: #d1a80c;}.midnightHeader.black .menu-open:before,.midnightHeader.black .hamburger:before,.midnightHeader.black .hamburger:after{background: #d2a910;}/* 4.4. Headroom */.headroom{-webkit-transition: -webkit-transform .6s cubic-bezier(.755, .05, .855, .06); transition: -webkit-transform .6s cubic-bezier(.755, .05, .855, .06); -o-transition: transform .6s cubic-bezier(.755, .05, .855, .06); transition: transform .6s cubic-bezier(.755, .05, .855, .06); transition: transform .6s cubic-bezier(.755, .05, .855, .06), -webkit-transform .6s cubic-bezier(.755, .05, .855, .06); will-change: transform;}.headroom--pinned{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}.headroom--unpinned{-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);}@media only screen and (max-width: 999px){.logo{margin: 20px 0 0 20px;}.menu-open{margin: 20px 20px 0 0;}}@media only screen and (max-width: 549px){.logo{margin: 10px 0 0 10px;}.menu-open{margin: 10px 10px 0 0;}}/*--------------------------------------------------------------5. Navigation--------------------------------------------------------------*/.nav-container{width: 100%; height: 100%; min-height: 100vh; overflow: hidden; margin: 0; padding: 0; position: fixed; top: 0; left: 100%; -webkit-transition: 1s cubic-bezier(.86, 0, .07, 1); -o-transition: 1s cubic-bezier(.86, 0, .07, 1); transition: 1s cubic-bezier(.86, 0, .07, 1); z-index: 100; -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}.nav-container.active{-webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}/* 5.1. Navigation logo */.nav-logo{position: absolute; width: 200px; top: 20px; left: calc(50% + 40px); overflow: hidden; z-index: 3;}.nav-logo img{-webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); -webkit-transition: .7s cubic-bezier(.77, 0, .175, 1); -o-transition: .7s cubic-bezier(.77, 0, .175, 1); transition: .7s cubic-bezier(.77, 0, .175, 1);}.nav-container.active .nav-logo img{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}body.out .nav-container.active .nav-logo img{-webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}/* 5.2. Navigation close icon */.menu-close{position: absolute; top: 20px; right: 40px; width: 40px; height: 22px; z-index: 3; -webkit-transition: .5s cubic-bezier(.77, 0, .175, 1); -o-transition: .5s cubic-bezier(.77, 0, .175, 1); transition: .5s cubic-bezier(.77, 0, .175, 1);}body.out .nav-container.active .menu-close{-webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}.menu-close:before,.menu-close:after{content: ''; width: 40px; height: 2px; background: white; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -webkit-transition: .7s cubic-bezier(.77, 0, .175, 1); -o-transition: .7s cubic-bezier(.77, 0, .175, 1); transition: .7s cubic-bezier(.77, 0, .175, 1);}.nav-container.active .menu-close:before{-webkit-transform: translateY(-50%) rotate(225deg); -ms-transform: translateY(-50%) rotate(225deg); transform: translateY(-50%) rotate(225deg); -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}.nav-container.active .menu-close:after{-webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}body.out .nav-container.active .menu-close:after,body.out .nav-container.active .menu-close:before{-webkit-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}/* 5.3. Navigation menu */.nav-menu{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50%; height: 100%; margin-left: calc(50% - 2px); position: relative; border-left: 2px solid #111517;}.nav-box{margin: 8px 0; padding: 0; overflow: hidden;}/* 5.4. Navigation links */.nav-box a{-webkit-transform: translateY(104%); -ms-transform: translateY(104%); transform: translateY(104%); -webkit-transition: .7s cubic-bezier(.77, 0, .175, 1); -o-transition: .7s cubic-bezier(.77, 0, .175, 1); transition: .7s cubic-bezier(.77, 0, .175, 1); margin: 0; padding: 0; display: inline-block;}.nav-container li:nth-last-child(1) a,.nav-container li li:nth-last-child(1) a{-webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}.nav-container li:nth-last-child(2) a,.nav-container li li:nth-last-child(2) a{-webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s;}.nav-container li:nth-last-child(3) a,.nav-container li li:nth-last-child(3) a{-webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}.nav-container li:nth-last-child(4) a,.nav-container li li:nth-last-child(4) a{-webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s;}.nav-container li:nth-last-child(5) a,.nav-container li li:nth-last-child(5) a{-webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s;}.nav-container li:nth-last-child(6) a,.nav-container li li:nth-last-child(6) a{-webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s;}.nav-container li:nth-last-child(7) a,.nav-container li li:nth-last-child(7) a{-webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s;}.nav-container li:nth-last-child(8) a,.nav-container li li:nth-last-child(8) a{-webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s;}.nav-container li:nth-last-child(9) a,.nav-container li li:nth-last-child(9) a{-webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s;}.nav-container li:nth-last-child(10) a,.nav-container li li:nth-last-child(10) a{-webkit-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s;}.nav-container li:nth-last-child(11) a,.nav-container li li:nth-last-child(11) a{-webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}.nav-container li:nth-last-child(12) a,.nav-container li li:nth-last-child(12) a{-webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s;}.nav-container.active a{-webkit-transition: 1.5s cubic-bezier(.23, 1, .32, 1); -o-transition: 1.5s cubic-bezier(.23, 1, .32, 1); transition: 1.5s cubic-bezier(.23, 1, .32, 1); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}.nav-container.active li:nth-child(1) a,.nav-container.active li li:nth-child(1) a{-webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}.nav-container.active li:nth-child(2) a,.nav-container.active li li:nth-child(2) a{-webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s;}.nav-container.active li:nth-child(3) a,.nav-container.active li li:nth-child(3) a{-webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s;}.nav-container.active li:nth-child(4) a,.nav-container.active li li:nth-child(4) a{-webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s;}.nav-container.active li:nth-child(5) a,.nav-container.active li li:nth-child(5) a{-webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s;}.nav-container.active li:nth-child(6) a,.nav-container.active li li:nth-child(6) a{-webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s;}.nav-container.active li:nth-child(7) a,.nav-container.active li li:nth-child(7) a{-webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s;}.nav-container.active li:nth-child(8) a,.nav-container.active li li:nth-child(8) a{-webkit-transition-delay: 1.7s; -o-transition-delay: 1.7s; transition-delay: 1.7s;}.nav-container.active li:nth-child(9) a,.nav-container.active li li:nth-child(9) a{-webkit-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s;}.nav-container.active li:nth-child(10) a,.nav-container.active li li:nth-child(10) a{-webkit-transition-delay: 1.9s; -o-transition-delay: 1.9s; transition-delay: 1.9s;}.nav-container.active li:nth-child(11) a,.nav-container.active li li:nth-child(11) a{-webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s;}.nav-container.active li:nth-child(12) a,.nav-container.active li li:nth-child(12) a{-webkit-transition-delay: 2.1s; -o-transition-delay: 2.1s; transition-delay: 2.1s;}body.out .nav-container.active a{-webkit-transition: 1s cubic-bezier(.755, .05, .855, .06); -o-transition: 1s cubic-bezier(.755, .05, .855, .06); transition: 1s cubic-bezier(.755, .05, .855, .06); -webkit-transform: translateY(104%); -ms-transform: translateY(104%); transform: translateY(104%);}body.out .nav-container.active li:nth-last-child(1) a,body.out .nav-container.active li li:nth-last-child(1) a{-webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}body.out .nav-container.active li:nth-last-child(2) a,body.out .nav-container.active li li:nth-last-child(2) a{-webkit-transition-delay: .04s; -o-transition-delay: .04s; transition-delay: .04s;}body.out .nav-container.active li:nth-last-child(3) a,body.out .nav-container.active li li:nth-last-child(3) a{-webkit-transition-delay: .08s; -o-transition-delay: .08s; transition-delay: .08s;}body.out .nav-container.active li:nth-last-child(4) a,body.out .nav-container.active li li:nth-last-child(4) a{-webkit-transition-delay: .12s; -o-transition-delay: .12s; transition-delay: .12s;}body.out .nav-container.active li:nth-last-child(5) a,body.out .nav-container.active li li:nth-last-child(5) a{-webkit-transition-delay: .16s; -o-transition-delay: .16s; transition-delay: .16s;}body.out .nav-container.active li:nth-last-child(6) a,body.out .nav-container.active li li:nth-last-child(6) a{-webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}body.out .nav-container.active li:nth-last-child(7) a,body.out .nav-container.active li li:nth-last-child(7) a{-webkit-transition-delay: .24s; -o-transition-delay: .24s; transition-delay: .24s;}body.out .nav-container.active li:nth-last-child(8) a,body.out .nav-container.active li li:nth-last-child(8) a{-webkit-transition-delay: .28s; -o-transition-delay: .28s; transition-delay: .28s;}body.out .nav-container.active li:nth-last-child(9) a,body.out .nav-container.active li li:nth-last-child(9) a{-webkit-transition-delay: .32s; -o-transition-delay: .32s; transition-delay: .32s;}body.out .nav-container.active li:nth-last-child(10) a,body.out .nav-container.active li li:nth-last-child(10) a{-webkit-transition-delay: .36s; -o-transition-delay: .36s; transition-delay: .36s;}body.out .nav-container.active li:nth-last-child(11) a,body.out .nav-container.active li li:nth-last-child(11) a{-webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s;}body.out .nav-container.active li:nth-last-child(12) a,body.out .nav-container.active li li:nth-last-child(12) a{-webkit-transition-delay: .44s; -o-transition-delay: .44s; transition-delay: .44s;}.nav-btn{position: relative; text-transform: uppercase; margin: 0; padding: 0; font-size: 40px; line-height: 1; font-weight: 500; font-family: 'Oswald', sans-serif; color: white; white-space: nowrap;}.nav-btn:before{content: attr(data-text); position: absolute; top: 50%; color: #d2a910; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; -webkit-transition: .5s cubic-bezier(.755, .05, .855, .06); -o-transition: .5s cubic-bezier(.755, .05, .855, .06); transition: .5s cubic-bezier(.755, .05, .855, .06); width: 0%; white-space: nowrap; overflow: hidden; background: #111517;}.nav-btn.active:before{width: 100%;}a:hover .nav-btn:before{width: 100%;}/* 5.5. Navigation backgrounds */.nav-bg{position: absolute; top: 0; right: 100%; width: calc(100% - 1px); height: 100%; pointer-events: none; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: -2; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0; -webkit-transition: .9s cubic-bezier(.77, 0, .175, 1); -o-transition: .9s cubic-bezier(.77, 0, .175, 1); transition: .9s cubic-bezier(.77, 0, .175, 1);}.nav-bg-change.active .nav-bg{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;}/* 5.6. Navigation backgrounds overlay */.nav-menu:before{content: ''; width: 103%; height: 100%; position: absolute; top: 0; left: 0; background: #111517; -webkit-transition: .7s cubic-bezier(.86, 0, .07, 1); -o-transition: .7s cubic-bezier(.86, 0, .07, 1); transition: .7s cubic-bezier(.86, 0, .07, 1); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; z-index: -1; -webkit-transform: translateX(-100%) translateY(0); -ms-transform: translateX(-100%) translateY(0); transform: translateX(-100%) translateY(0);}.nav-container.active .nav-menu:before{-webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); -webkit-transition: 1s cubic-bezier(.86, 0, .07, 1); -o-transition: 1s cubic-bezier(.86, 0, .07, 1); transition: 1s cubic-bezier(.86, 0, .07, 1); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}body.out .nav-container.active .nav-menu:before{-webkit-transform: translateX(-100%) translateY(0); -ms-transform: translateX(-100%) translateY(0); transform: translateX(-100%) translateY(0); -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s;}/* 5.7. Drop down menu */.dropdown{position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; z-index: 2;}.dropdown.active{pointer-events: auto;}.dropdown .nav-btn{-webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); pointer-events: none; display: inline-block;}.dropdown.active .nav-btn{pointer-events: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}.nav-link .nav-btn{-webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); display: inline-block;}.nav-link.done .nav-btn{-webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}.nav-link.done{pointer-events: none;}li:nth-last-child(1) .nav-link.done .nav-btn,.dropdown li:nth-last-child(1) .nav-btn{-webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}li:nth-last-child(2) .nav-link.done .nav-btn,.dropdown li:nth-last-child(2) .nav-btn{-webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s;}li:nth-last-child(3) .nav-link.done .nav-btn,.dropdown li:nth-last-child(3) .nav-btn{-webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}li:nth-last-child(4) .nav-link.done .nav-btn,.dropdown li:nth-last-child(4) .nav-btn{-webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s;}li:nth-last-child(5) .nav-link.done .nav-btn,.dropdown li:nth-last-child(5) .nav-btn{-webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s;}li:nth-last-child(6) .nav-link.done .nav-btn,.dropdown li:nth-last-child(6) .nav-btn{-webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s;}li:nth-last-child(7) .nav-link.done .nav-btn,.dropdown li:nth-last-child(7) .nav-btn{-webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s;}li:nth-last-child(8) .nav-link.done .nav-btn,.dropdown li:nth-last-child(8) .nav-btn{-webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s;}li:nth-last-child(9) .nav-link.done .nav-btn,.dropdown li:nth-last-child(9) .nav-btn{-webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s;}li:nth-last-child(10) .nav-link.done .nav-btn,.dropdown li:nth-last-child(10) .nav-btn{-webkit-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s;}li:nth-last-child(11) .nav-link.done .nav-btn,.dropdown li:nth-last-child(11) .nav-btn{-webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}li:nth-last-child(12) .nav-link.done .nav-btn,.dropdown li:nth-last-child(12) .nav-btn{-webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s;}li:nth-last-child(1) .nav-link .nav-btn,.dropdown.active li:nth-last-child(1) .nav-btn{-webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s;}li:nth-last-child(2) .nav-link .nav-btn,.dropdown.active li:nth-last-child(2) .nav-btn{-webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s;}li:nth-last-child(3) .nav-link .nav-btn,.dropdown.active li:nth-last-child(3) .nav-btn{-webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s;}li:nth-last-child(4) .nav-link .nav-btn,.dropdown.active li:nth-last-child(4) .nav-btn{-webkit-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s;}li:nth-last-child(5) .nav-link .nav-btn,.dropdown.active li:nth-last-child(5) .nav-btn{-webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}li:nth-last-child(6) .nav-link .nav-btn,.dropdown.active li:nth-last-child(6) .nav-btn{-webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s;}li:nth-last-child(7) .nav-link .nav-btn,.dropdown.active li:nth-last-child(7) .nav-btn{-webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s;}li:nth-last-child(8) .nav-link .nav-btn,.dropdown.active li:nth-last-child(8) .nav-btn{-webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s;}li:nth-last-child(9) .nav-link .nav-btn,.dropdown.active li:nth-last-child(9) .nav-btn{-webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s;}li:nth-last-child(10) .nav-link .nav-btn,.dropdown.active li:nth-last-child(10) .nav-btn{-webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s;}li:nth-last-child(11) .nav-link .nav-btn,.dropdown.active li:nth-last-child(11) .nav-btn{-webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s;}li:nth-last-child(12) .nav-link .nav-btn,.dropdown.active li:nth-last-child(12) .nav-btn{-webkit-transition-delay: 1.7s; -o-transition-delay: 1.7s; transition-delay: 1.7s;}/* 5.8. Drop down close */.dropdown-close-box{width: 60px; height: 30px; position: absolute; left: calc(50% + 40px); top: 50%; z-index: 3; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden;}.dropdown-close{width: 100%; height: 100%; position: relative; overflow: hidden; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: .5s cubic-bezier(.165, .84, .44, 1); -o-transition: .5s cubic-bezier(.165, .84, .44, 1); transition: .5s cubic-bezier(.165, .84, .44, 1);}.nav-container.active .dropdown-close.active{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: 1s cubic-bezier(.165, .84, .44, 1); -o-transition: 1s cubic-bezier(.165, .84, .44, 1); transition: 1s cubic-bezier(.165, .84, .44, 1); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}body.out .nav-container.active .dropdown-close.active{-webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 1s cubic-bezier(.165, .84, .44, 1); -o-transition: 1s cubic-bezier(.165, .84, .44, 1); transition: 1s cubic-bezier(.165, .84, .44, 1); -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s;}.dropdown-close span{width: 100%; height: 100%; position: relative; -webkit-transition: .7s cubic-bezier(.165, .84, .44, 1); -o-transition: .7s cubic-bezier(.165, .84, .44, 1); transition: .7s cubic-bezier(.165, .84, .44, 1); -webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px); z-index: 3; display: block;}.dropdown-close-box:hover .dropdown-close span{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}.dropdown-close span:before{content: ''; width: 18px; height: 18px; border-bottom: 2px solid #d2a910; border-left: 2px solid #d2a910; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 5px; left: 4px; display: block;}.dropdown-close span:after{content: ''; width: 100%; height: 2px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; position: absolute; top: 50%; left: 0; background: #d2a910;}.dropdown-close:before{content: ''; width: 2px; height: 50%; position: absolute; top: 50%; right: 0; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: .5s cubic-bezier(.165, .84, .44, 1); -o-transition: .5s cubic-bezier(.165, .84, .44, 1); transition: .5s cubic-bezier(.165, .84, .44, 1); background: #d2a910;}.dropdown-close-box:hover .dropdown-close:before{-webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0);}@media only screen and (max-width: 1399px){.nav-box{margin: 6px 0;}.nav-btn{font-size: 50px;}}@media only screen and (max-width: 1199px){.nav-box{margin: 5px 0;}.nav-btn{font-size: 45px;}}@media only screen and (max-width: 999px){.nav-logo{left: 20px;}.menu-close{right: 20px;}.dropdown-close-box{left: calc(50% + 20px); top: 20px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}.nav-box{margin: 4px 0;}.nav-btn{font-size: 40px;}}@media only screen and (max-width: 767px){.nav-btn{font-size: 30px;}}@media only screen and (max-width: 549px){.nav-logo{left: 10px; top: 10px;}.menu-close{right: 10px; top: 10px;}.dropdown-close-box{left: calc(50% + 10px); top: 10px;}.nav-btn{font-size: 25px;}}@media only screen and (orientation: portrait){.nav-logo{left: 40px;}.nav-menu{width: 100%; height: 50%; margin-left: 0; margin-bottom: calc(50% - 2px); border-left: none; border-bottom: 2px solid #111517;}.nav-bg{top: 100%; right: 0; width: 100%; height: calc(100% - 1px);}.dropdown-close-box{left: 40px; top: 25%;}.nav-menu:before{width: 100%; height: 103%; top: 100%; -webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0);}.nav-container.active .nav-menu:before{-webkit-transform: translateX(0) translateY(-100%); -ms-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%);}body.out .nav-container.active .nav-menu:before{-webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0);}}@media only screen and (max-width: 999px) and (orientation: portrait){.nav-logo{left: 20px;}.dropdown-close-box{left: 20px;}}@media only screen and (max-width: 549px) and (orientation: portrait){.nav-logo{left: 10px;}.dropdown-close-box{left: 10px; top: 50%;}.nav-menu{height: 100%; margin-left: 0; margin-bottom: 0; border-bottom: none;}.nav-bg{display: none;}.nav-menu:before{content: normal;}}/*--------------------------------------------------------------6. Colors--------------------------------------------------------------*/body,.animsition-overlay{background: #f5f5f5;}/* 6.1. Bg colors */.light-bg-1{background: #f5f5f5;}.light-bg-2{background: #232323;}.dark-bg-1{background: #000000;}.dark-bg-2{background: #000;}.dark-bg-3{background: #c7c7c7;}.about-bg{background: url(images/backgrounds/about-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}.bg-cover{background-repeat: no-repeat; background-size: cover; background-position: center;}.red-bg{background: #111517;}/* 6.2. Text colors */.text-color-0{color: black;}.text-color-1{color: #d2a910;}.text-color-2{color: #888888;}.text-color-3{color: #b6b7b8;}.text-color-4{color: #e2e0e0;}.text-color-5{color: #e2e0e0;}.text-color-6{color: #dae9f4;}.text-color-7{color: #d2a910;}.red-color{color: #d2a910;}.logo-color{color: #d2a910;}/*--------------------------------------------------------------7. Typography--------------------------------------------------------------*/.italic-text{font-style: italic;}.text-center{text-align: center;}.text-right{text-align: right;}.text-justify{text-align: justify;}.text-up{text-transform: uppercase;}.bold700-text{font-weight: 700 !important;}.bold600-text{font-weight: 600 !important;}.medium-text{font-weight: 500 !important;}.regular-text{font-weight: 400 !important;}.light-text{font-weight: 300 !important;}.open-sans-text{font-family: 'Open Sans', sans-serif !important;}.oswald-text{font-family: 'Oswald', sans-serif !important;}.text-trans-none{text-transform: none !important;}.text-spacing1{letter-spacing: 1px !important;}.text-spacing2{letter-spacing: 2px !important;}.text-spacing3{letter-spacing: 3px !important;}.text-spacing4{letter-spacing: 4px !important;}.text-spacing5{letter-spacing: 5px !important;}.text-spacing0{letter-spacing: 0px !important;}.text-spacing-1{letter-spacing: -1px !important;}.text-spacing-2{letter-spacing: -2px !important;}.text-height-05{line-height: .5 !important;}.text-height-06{line-height: .6 !important;}.text-height-07{line-height: .7 !important;}.text-height-08{line-height: .8 !important;}.text-height-09{line-height: .9 !important;}.text-height-10{line-height: 1 !important;}.text-height-11{line-height: 1.1 !important;}.text-height-12{line-height: 1.2 !important;}.text-height-13{line-height: 1.3 !important;}.text-height-14{line-height: 1.4 !important;}.text-height-15{line-height: 1.5 !important;}.text-height-16{line-height: 1.6 !important;}.text-height-17{line-height: 1.7 !important;}.text-height-18{line-height: 1.8 !important;}.text-height-19{line-height: 1.9 !important;}.text-height-20{line-height: 2 !important;}.title-style{text-transform: uppercase; font-weight: 500; letter-spacing: 0px; font-family: 'Oswald', sans-serif; line-height: 1; font-size: 25px;}.small-title{text-transform: uppercase; font-size: 14px; line-height: 1.4; font-weight: 600; letter-spacing: 0px; font-family: 'Open Sans', sans-serif;}.small-title-oswald{text-transform: uppercase; font-size: 14px; line-height: 1.4; font-weight: 600; letter-spacing: 0px; font-family: 'Oswald', sans-serif;}.xsmall-title-oswald{text-transform: uppercase; font-size: 12px; line-height: 1.4; font-weight: 600; letter-spacing: 1px; font-family: 'Oswald', sans-serif;}.medium-title{text-transform: uppercase; font-size: 45px; line-height: 1.13; font-weight: 500; letter-spacing: 3px; font-family: 'Oswald', sans-serif;}.large-title{text-transform: uppercase; font-size: 50px; line-height: 1; font-weight: 600; letter-spacing: -2px; font-family: 'Oswald', sans-serif;}.large-title-bold{text-transform: uppercase; font-size: 50px; line-height: 1; font-weight: 700; letter-spacing: -2px; font-family: 'Oswald', sans-serif;}.xlarge-title{text-transform: uppercase; font-size: 75px; line-height: 1; font-weight: 700; letter-spacing: -2px; font-family: 'Oswald', sans-serif;}.xxlarge-title{text-transform: uppercase; font-size: 100px; line-height: 1; font-weight: 700; letter-spacing: -2px; font-family: 'Oswald', sans-serif;}.p-style-xsmall{font-size: 13px; line-height: 2.35; font-weight: 300; letter-spacing: 0px; font-family: 'Open Sans', sans-serif;}.p-style-small{font-size: 14px; line-height: 2.15; font-weight: 400; letter-spacing: 1px; font-family: 'Open Sans', sans-serif;}.p-style-medium{font-size: 16px; line-height: 1.8; font-weight: 600; letter-spacing: 0px; font-family: 'Open Sans', sans-serif;}.p-style-large{font-size: 16px; line-height: 1.8; font-weight: 400; letter-spacing: 0px; font-family: 'Open Sans', sans-serif;}.p-style-bold{font-size: 20px; line-height: 1.6; font-weight: 600; letter-spacing: 1px; font-family: 'Oswald', sans-serif;}.p-style-bold-up{text-transform: uppercase; font-size: 14px; line-height: 1.5; font-weight: 700; letter-spacing: 1px; font-family: 'Open Sans', sans-serif;}.p-letter-style{text-transform: uppercase; font-size: 15px; line-height: 1; font-weight: 400; letter-spacing: 1px; font-family: 'Oswald', sans-serif;}@media only screen and (max-width: 1199px){.title-style{font-size: 28px;}.medium-title{font-size: 38px;}.large-title, .large-title-bold{font-size: 55px;}.xlarge-title{font-size: 50px;}.xxlarge-title{font-size: 85px;}}@media only screen and (max-width: 999px){.title-style{font-size: 26px;}.medium-title{font-size: 35px;}.large-title, .large-title-bold{font-size: 50px;}.xlarge-title{font-size: 55px;}.xxlarge-title{font-size: 70px;}.p-style-bold{font-size: 18px;}.p-style-bold-up{font-size: 13px;}}@media only screen and (max-width: 767px){.title-style{font-size: 25px;}.small-title-oswald{font-size: 13px;}.xsmall-title-oswald{font-size: 11px;}.medium-title{font-size: 30px;}.large-title, .large-title-bold{font-size: 40px;}.xlarge-title{font-size: 45px;}.xxlarge-title{font-size: 50px;}.p-style-large{font-size: 16px;}.p-style-medium{font-size: 15px;}.p-style-bold{font-size: 16px;}.p-style-bold-up{font-size: 12px;}}@media only screen and (max-width: 549px){.title-style{font-size: 23px;}.small-title-oswald{font-size: 12px;}.xsmall-title-oswald{font-size: 10px;}.medium-title{font-size: 25px;}.large-title, .large-title-bold{font-size: 35px;}.xlarge-title{font-size: 38px;}.xxlarge-title{font-size: 42px;}.p-style-medium{font-size: 14px;}.p-style-large{font-size: 15px;}.p-style-bold{font-size: 14px;}}/*--------------------------------------------------------------8. Buttons--------------------------------------------------------------*//* 8.1. To top button */.to-top-btn{position: fixed; bottom: 40px; right: 40px; overflow: hidden; width: 40px; height: 40px; z-index: 9; -webkit-transition-property: visibility; -o-transition-property: visibility; transition-property: visibility; -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}.to-top-btn.mPS2id-highlight{visibility: hidden; -webkit-transition-property: visibility; -o-transition-property: visibility; transition-property: visibility; -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s;}.to-top-btn:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #111517; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: .6s cubic-bezier(.86, 0, .07, 1); -o-transition: .6s cubic-bezier(.86, 0, .07, 1); transition: .6s cubic-bezier(.86, 0, .07, 1);}.to-top-btn.mPS2id-highlight:before{-webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}.to-top-arrow{width: 10px; height: 25px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -15%); -ms-transform: translate(-50%, -15%); transform: translate(-50%, -15%); -webkit-transition: .6s cubic-bezier(.86, 0, .07, 1); -o-transition: .6s cubic-bezier(.86, 0, .07, 1); transition: .6s cubic-bezier(.86, 0, .07, 1);}.to-top-btn.mPS2id-highlight .to-top-arrow,.to-top-btn.mPS2id-highlight:hover .to-top-arrow{-webkit-transform: translate(-50%, -180%); -ms-transform: translate(-50%, -180%); transform: translate(-50%, -180%);}.to-top-btn:hover .to-top-arrow{-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}.to-top-arrow:before{content: ''; width: 8px; height: 8px; border-right: 2px solid #bcbdbd; border-top: 2px solid #bcbdbd; position: absolute; top: 1px; left: 50%; -webkit-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); -webkit-transition: .6s cubic-bezier(.86, 0, .07, 1); -o-transition: .6s cubic-bezier(.86, 0, .07, 1); transition: .6s cubic-bezier(.86, 0, .07, 1);}.to-top-arrow:after{content: ''; position: absolute; height: 100%; width: 2px; top: 0; left: 50%; -webkit-transform: scaleY(0) translateX(-50%); -ms-transform: scaleY(0) translateX(-50%); transform: scaleY(0) translateX(-50%); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; background: #bcbdbd; -webkit-transition: .6s cubic-bezier(.86, 0, .07, 1); -o-transition: .6s cubic-bezier(.86, 0, .07, 1); transition: .6s cubic-bezier(.86, 0, .07, 1);}.to-top-btn:hover .to-top-arrow:before{border-right: 2px solid #d2a910; border-top: 2px solid #d2a910;}.to-top-btn:hover .to-top-arrow:after{-webkit-transform: scaleY(1) translateX(-50%); -ms-transform: scaleY(1) translateX(-50%); transform: scaleY(1) translateX(-50%); background: #d2a910;}@media only screen and (max-width: 999px){.to-top-btn{right: 20px;}}@media only screen and (max-width: 549px){.to-top-btn{right: 10px;}}/* 8.2. Border button */.border-btn-box{position: relative; border: 1px solid #bcbdbd; text-align: center; display: inline-block;}.border-btn-inner{overflow: hidden;}.border-btn-box:before,.border-btn-inner:after{position: absolute; width: calc(100% + 1px); height: 1px; content: ''; background: #d2a910; top: -1px; left: 0; -webkit-transition: 0.5s cubic-bezier(.755, .05, .855, .06); -o-transition: 0.5s cubic-bezier(.755, .05, .855, .06); transition: 0.5s cubic-bezier(.755, .05, .855, .06); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left;}.border-btn-box:after,.border-btn-inner:before{position: absolute; width: 1px; height: calc(100% + 2px); content: ''; background: #d2a910; top: -1px; right: -1px; -webkit-transition: 0.5s cubic-bezier(.755, .05, .855, .06); -o-transition: 0.5s cubic-bezier(.755, .05, .855, .06); transition: 0.5s cubic-bezier(.755, .05, .855, .06); -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top;}.border-btn-inner:before{top: auto; right: auto; bottom: -1px; left: -1px; -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom;}.border-btn-inner:after{top: auto; left: auto; bottom: -1px; right: 0; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right;}.border-btn-box:hover:before,.border-btn-box:hover .border-btn-inner:after{-webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}.border-btn-box:hover:after,.border-btn-box:hover .border-btn-inner:before{-webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}.border-btn{font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 6px; font-size: 12px; line-height: 60px; font-weight: 400; position: relative; color: transparent; padding: 0 60px;}.border-btn:before,.border-btn:after{color: #262626; content: attr(data-text); position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%) translateX(0); -ms-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); width: 100%; -webkit-transition: .96s cubic-bezier(.77, 0, .175, 1); -o-transition: .96s cubic-bezier(.77, 0, .175, 1); transition: .96s cubic-bezier(.77, 0, .175, 1);}.border-btn:after{color: #d2a910; -webkit-transform: translateY(-50%) translateX(30px); -ms-transform: translateY(-50%) translateX(30px); transform: translateY(-50%) translateX(30px); opacity: 0;}.border-btn-box:hover .border-btn:before{-webkit-transform: translateY(-50%) translateX(-30px); -ms-transform: translateY(-50%) translateX(-30px); transform: translateY(-50%) translateX(-30px); opacity: 0;}.border-btn-box:hover .border-btn:after{-webkit-transform: translateY(-50%) translateX(0); -ms-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); opacity: 1;}.dark-bg-1 .border-btn-box,.dark-bg-2 .border-btn-box{border: 1px solid #dae9f4;}.dark-bg-1 .border-btn:before,.dark-bg-2 .border-btn:before{color: white;}.red-bg .border-btn-box{border: 1px solid #262626;}.red-bg .border-btn:before{color: #262626;}.red-bg .border-btn:after{color: white;}.red-bg .border-btn-box:before,.red-bg .border-btn-inner:after,.red-bg .border-btn-box:after,.red-bg .border-btn-inner:before{background: white;}.border-btn-red.border-btn-box{border: 1px solid #d2a910;}.border-btn-red.border-btn-box:before,.border-btn-red .border-btn-inner:after,.border-btn-red.border-btn-box:after,.border-btn-red .border-btn-inner:before{background: white;}.border-btn-red .border-btn:before,.border-btn-red .border-btn:after{color: #d2a910;}.border-btn-red .border-btn:after{color: white;}@media only screen and (max-width: 767px){.border-btn{line-height: 55px; padding: 0 55px;}}@media only screen and (max-width: 549px){.border-btn{line-height: 50px; padding: 0 50px;}}/* 8.3. Flip button */.flip-btn-box{overflow: hidden; display: inline-block;}.flip-btn{position: relative; color: transparent; font-family: 'Oswald', sans-serif; font-size: 12px; line-height: 1; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; display: block;}.flip-btn:before,.flip-btn:after{color: #262626; content: attr(data-text); position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; display: block; -webkit-transition: .4s cubic-bezier(.86, 0, .07, 1); -o-transition: .4s cubic-bezier(.86, 0, .07, 1); transition: .4s cubic-bezier(.86, 0, .07, 1);}.flip-btn:after{-webkit-transform: translateY(-170%); -ms-transform: translateY(-170%); transform: translateY(-170%); color: #d2a910;}.flip-btn:hover:before{-webkit-transform: translateY(52%); -ms-transform: translateY(52%); transform: translateY(52%);}.flip-btn:hover:after{-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}.flip-btn.flip-large{font-size: 19px; font-weight: 600; letter-spacing: 0px;}.dark-bg-1 .flip-btn:before,.dark-bg-2 .flip-btn:before{color: white;}.red-bg .flip-btn:after{color: white;}/* 8.4. Arrow button */.arrow-btn-box{display: inline-block; position: relative;}.arrow-btn{padding: 25px 60px 25px 40px; background: #1b2a2f; color: white; -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1); -o-transition: .5s cubic-bezier(.86, 0, .07, 1); transition: .5s cubic-bezier(.86, 0, .07, 1); display: inline-block; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 12px; line-height: 1; font-weight: 500; letter-spacing: 3px;}.arrow-btn-box:hover .arrow-btn{padding: 25px 90px 25px 40px;}.arrow-btn:before{content: ''; position: absolute; top: 50%; right: 40px; -webkit-transform: translateY(-50%) scaleX(0); -ms-transform: translateY(-50%) scaleX(0); transform: translateY(-50%) scaleX(0); width: 30px; height: 2px; -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1); -o-transition: .5s cubic-bezier(.86, 0, .07, 1); transition: .5s cubic-bezier(.86, 0, .07, 1); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; background: #d2a910;}.arrow-btn:after{content: ''; position: absolute; top: 50%; right: 40px; width: 7px; height: 7px; border-right: 2px solid white; border-top: 2px solid white; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1); -o-transition: .5s cubic-bezier(.86, 0, .07, 1); transition: .5s cubic-bezier(.86, 0, .07, 1);}.arrow-btn-box:hover .arrow-btn:before{-webkit-transform: translateY(-50%) scaleX(1); -ms-transform: translateY(-50%) scaleX(1); transform: translateY(-50%) scaleX(1);}.arrow-btn-box:hover .arrow-btn:after{border-right: 2px solid #d2a910; border-top: 2px solid #d2a910;}.dark-bg-1 .arrow-btn,.dark-bg-2 .arrow-btn{background: #f5f5f5; color: #262626;}.dark-bg-1 .arrow-btn:after,.dark-bg-2 .arrow-btn:after{border-right: 2px solid #262626; border-top: 2px solid #262626;}.red-bg .arrow-btn{color: #d2a910;}.red-bg .arrow-btn:after{border-right: 2px solid #d2a910; border-top: 2px solid #d2a910;}/* 8.5. Scroll button */.scroll-btn{position: absolute; left: 75%; bottom: 40px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 60px; overflow: hidden; z-index: 3;}.scroll-btn-flip-box{overflow: hidden; display: inline-block; -webkit-transition: 1s cubic-bezier(.86, 0, .07, 1); -o-transition: 1s cubic-bezier(.86, 0, .07, 1); transition: 1s cubic-bezier(.86, 0, .07, 1); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px);}body.anim .scroll-btn-flip-box{-webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}.scroll-btn-flip{position: relative; color: transparent; display: block; font-family: 'Oswald', sans-serif; font-size: 12px; line-height: 1; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; margin-right: -3px;}.scroll-btn-flip:before,.scroll-btn-flip:after{color: #d8c670; content: attr(data-text); display: block; position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1); -o-transition: .5s cubic-bezier(.86, 0, .07, 1); transition: .5s cubic-bezier(.86, 0, .07, 1);}.scroll-btn-flip:before{-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}.scroll-btn-flip:after{-webkit-transform: translateY(-170%); -ms-transform: translateY(-170%); transform: translateY(-170%); color: #d2a910;}.scroll-btn:hover .scroll-btn-flip:before{-webkit-transform: translateY(52%); -ms-transform: translateY(52%); transform: translateY(52%);}.scroll-btn:hover .scroll-btn-flip:after{-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}.scroll-arrow-box{position: absolute; left: 50%; bottom: 0; width: 20px; height: 30px; -webkit-transform: translateX(-50%) translateY(30px); -ms-transform: translateX(-50%) translateY(30px); transform: translateX(-50%) translateY(30px); -webkit-transition: 1s cubic-bezier(.165, .84, .44, 1); -o-transition: 1s cubic-bezier(.165, .84, .44, 1); transition: 1s cubic-bezier(.165, .84, .44, 1);}body.anim .scroll-arrow-box{-webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s;}.scroll-arrow{position: absolute; left: 0; top: 0; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); width: 100%; height: 100%; -webkit-transition: 1s cubic-bezier(.23, 1, .32, 1); -o-transition: 1s cubic-bezier(.23, 1, .32, 1); transition: 1s cubic-bezier(.23, 1, .32, 1);}.scroll-btn:hover .scroll-arrow{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}.scroll-arrow:before{content: ''; width: 14px; height: 14px; border-right: 2px solid #d2a910; border-bottom: 2px solid #d2a910; position: absolute; bottom: 2px; left: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .6s cubic-bezier(.23, 1, .32, 1); -o-transition: .6s cubic-bezier(.23, 1, .32, 1); transition: .6s cubic-bezier(.23, 1, .32, 1);}.scroll-btn:hover .scroll-arrow:before{border-right: 2px solid #d2a910; border-bottom: 2px solid #d2a910;}.scroll-arrow:after{content: ''; width: 2px; height: 100%; background: #d2a910; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%) scaleY(0); -ms-transform: translateX(-50%) scaleY(0); transform: translateX(-50%) scaleY(0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: 1s cubic-bezier(.23, 1, .32, 1); -o-transition: 1s cubic-bezier(.23, 1, .32, 1); transition: 1s cubic-bezier(.23, 1, .32, 1);}.scroll-btn:hover .scroll-arrow:after{-webkit-transform: translateX(-50%) scaleY(1); -ms-transform: translateX(-50%) scaleY(1); transform: translateX(-50%) scaleY(1);}@media only screen and (max-width: 999px){.scroll-btn{left: 50%;}}@media only screen and (min-width: 1000px){.red-bg .scroll-btn-flip:after{color: #262626;}.red-bg .scroll-btn:hover .scroll-arrow:before{border-right: 2px solid #262626; border-bottom: 2px solid #262626;}.red-bg .scroll-arrow:after{background: #262626;}}/* 8.6. Overlay Button */.overlay-btn-box{position: relative; padding: 10px 20px; display: inline-block;}.overlay-btn-box:before{content: ''; background: #1b2a2f; width: 100%; height: 100%; position: absolute; top: 0; right: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transition: .6s cubic-bezier(.77, 0, .175, 1); -o-transition: .6s cubic-bezier(.77, 0, .175, 1); transition: .6s cubic-bezier(.77, 0, .175, 1);}.overlay-btn-box:hover:before{-webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}.overlay-btn{text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-family: 'Oswald', sans-serif; line-height: 1; font-size: 25px; color: #d0d0d0; position: relative; white-space: nowrap;}.overlay-btn:before{content: attr(data-text); position: absolute; top: 50%; color: #d2a910; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; -webkit-transition: .6s cubic-bezier(.77, 0, .175, 1); -o-transition: .6s cubic-bezier(.77, 0, .175, 1); transition: .6s cubic-bezier(.77, 0, .175, 1); width: 0%; white-space: nowrap; overflow: hidden;}.overlay-btn-box:hover .overlay-btn:before{width: 100%;}@media only screen and (max-width: 767px){.overlay-btn{font-size: 50px;}}@media only screen and (max-width: 549px){.overlay-btn{font-size: 40px;}}@media only screen and (max-width: 399px){.overlay-btn{font-size: 30px;}}/*--------------------------------------------------------------9. Animations--------------------------------------------------------------*/.animated{-webkit-animation-fill-mode: both; animation-fill-mode: both;}[data-animation]:before,[data-animation]:after,[data-animation]{opacity: 0;}[data-animation].animated:before,[data-animation].animated:after,[data-animation].animated{opacity: 1;}.tr-delay01,.tr-delay01:before,.tr-delay01:after{-webkit-transition-delay: .1s !important; -o-transition-delay: .1s !important; transition-delay: .1s !important;}.tr-delay02,.tr-delay02:before,.tr-delay02:after{-webkit-transition-delay: .2s !important; -o-transition-delay: .2s !important; transition-delay: .2s !important;}.tr-delay03,.tr-delay03:before,.tr-delay03:after{-webkit-transition-delay: .3s !important; -o-transition-delay: .3s !important; transition-delay: .3s !important;}.tr-delay04,.tr-delay04:before,.tr-delay04:after{-webkit-transition-delay: .4s !important; -o-transition-delay: .4s !important; transition-delay: .4s !important;}.tr-delay05,.tr-delay05:before,.tr-delay05:after{-webkit-transition-delay: .5s !important; -o-transition-delay: .5s !important; transition-delay: .5s !important;}.tr-delay06,.tr-delay06:before,.tr-delay06:after{-webkit-transition-delay: .6s !important; -o-transition-delay: .6s !important; transition-delay: .6s !important;}.tr-delay07,.tr-delay07:before,.tr-delay07:after{-webkit-transition-delay: .7s !important; -o-transition-delay: .7s !important; transition-delay: .7s !important;}.tr-delay08,.tr-delay08:before,.tr-delay08:after{-webkit-transition-delay: .8s !important; -o-transition-delay: .8s !important; transition-delay: .8s !important;}.tr-delay09,.tr-delay09:before,.tr-delay09:after{-webkit-transition-delay: .9s !important; -o-transition-delay: .9s !important; transition-delay: .9s !important;}.tr-delay10,.tr-delay10:before,.tr-delay10:after{-webkit-transition-delay: 1s !important; -o-transition-delay: 1s !important; transition-delay: 1s !important;}.overlay-light-bg-1:before{background: #d2a910 !important;}.overlay-light-bg-2:before{background: #f0f0f0 !important;}.overlay-dark-bg-1:before{background: #111517 !important;}.overlay-dark-bg-2:before{background: #1b2a2f !important;}.overlay-red-bg:before{background: #d2a910 !important;}.red-color.overlay-anim-box2:before,.red-color.overlay-anim-box:before,.red-color.overlay-loading:before,.red-color.overlay-loading2:before,.red-color .overlay-anim-box2:before,.red-color .overlay-anim-box:before,.red-color .overlay-loading:before,.red-color .overlay-loading2:before{background: #d2a910 !important;}/* 9.1. Loading animations *//* 9.1.1. Loading overlay animation #1 */.overlay-loading{display: inline-block; overflow: hidden; position: relative;}.overlay-loading:before{content: ''; width: 100%; height: 100%; background: #1b2a2f; position: absolute; top: 0; left: 100%; -webkit-transition: 1.8s cubic-bezier(.77, 0, .175, 1); -o-transition: 1.8s cubic-bezier(.77, 0, .175, 1); transition: 1.8s cubic-bezier(.77, 0, .175, 1); z-index: 3; -webkit-transform: translateX(-202%); -ms-transform: translateX(-202%); transform: translateX(-202%);}body.anim .overlay-loading:before{-webkit-transform: translateX(1%); -ms-transform: translateX(1%); transform: translateX(1%);}.loading-opacity-anim{opacity: 0; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; -webkit-transition-delay: .86s; -o-transition-delay: .86s; transition-delay: .86s;}body.anim .loading-opacity-anim{opacity: 1;}.dark-bg-1 .overlay-loading:before,.dark-bg-2 .overlay-loading:before{background: #f5f5f5;}.tr-delay01 .loading-opacity-anim{-webkit-transition-delay: .96s; -o-transition-delay: .96s; transition-delay: .96s;}.tr-delay02 .loading-opacity-anim{-webkit-transition-delay: 1.06s; -o-transition-delay: 1.06s; transition-delay: 1.06s;}.tr-delay03 .loading-opacity-anim{-webkit-transition-delay: 1.16s; -o-transition-delay: 1.16s; transition-delay: 1.16s;}.tr-delay04 .loading-opacity-anim{-webkit-transition-delay: 1.26s; -o-transition-delay: 1.26s; transition-delay: 1.26s;}.tr-delay05 .loading-opacity-anim{-webkit-transition-delay: 1.36s; -o-transition-delay: 1.36s; transition-delay: 1.36s;}.tr-delay06 .loading-opacity-anim{-webkit-transition-delay: 1.46s; -o-transition-delay: 1.46s; transition-delay: 1.46s;}.tr-delay07 .loading-opacity-anim{-webkit-transition-delay: 1.56s; -o-transition-delay: 1.56s; transition-delay: 1.56s;}.tr-delay08 .loading-opacity-anim{-webkit-transition-delay: 1.66s; -o-transition-delay: 1.66s; transition-delay: 1.66s;}.tr-delay09 .loading-opacity-anim{-webkit-transition-delay: 1.76s; -o-transition-delay: 1.76s; transition-delay: 1.76s;}.tr-delay10 .loading-opacity-anim{-webkit-transition-delay: 1.86s; -o-transition-delay: 1.86s; transition-delay: 1.86s;}/* 9.1.2. Loading overlay animation #2 */.overlay-loading2{display: inline-block; overflow: hidden; position: relative;}.overlay-loading2:before{content: ''; background: #f5f5f5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: 1s cubic-bezier(.86, 0, .07, 1); -o-transition: 1s cubic-bezier(.86, 0, .07, 1); transition: 1s cubic-bezier(.86, 0, .07, 1); z-index: 3; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}body.anim .overlay-loading2:before{-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);}.light-bg-2 .overlay-loading2:before{background: #f0f0f0;}.dark-bg-1 .overlay-loading2:before{background: #000000;}.dark-bg-2 .overlay-loading2:before{background: #000000;}.red-bg .overlay-loading2:before{background: #d2a910;}/* 9.1.3. Loading fade animation */.fade-loading{display: inline-block; opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1);}body.anim .fade-loading{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}/* 9.1.4. Loading title fill animation */.load-title-fill{white-space: nowrap; color: transparent; position: relative; display: inline-block;}.load-title-fill:before,.load-title-fill:after{content: attr(data-text); position: absolute; top: 50%; color: #262626; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); width: 0%; white-space: nowrap; overflow: hidden;}.load-title-fill:after{color: #d2a910; background: #f5f5f5; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s;}body.anim .load-title-fill:before,body.anim .load-title-fill:after{width: 100%;}.dark-bg-1 .load-title-fill:before,.dark-bg-2 .load-title-fill:before{color: white;}.red-bg .load-title-fill:before{color: #262626;}.light-bg-2 .load-title-fill:after{background: #f0f0f0;}.dark-bg-1 .load-title-fill:after{background: #000000;}.dark-bg-2 .load-title-fill:after{background: #000000;}.red-bg .load-title-fill:after{background: #1b2a2f;}.tr-delay01.load-title-fill:after{-webkit-transition-delay: .4s !important; -o-transition-delay: .4s !important; transition-delay: .4s !important;}.tr-delay02.load-title-fill:after{-webkit-transition-delay: .5s !important; -o-transition-delay: .5s !important; transition-delay: .5s !important;}.tr-delay03.load-title-fill:after{-webkit-transition-delay: .6s !important; -o-transition-delay: .6s !important; transition-delay: .6s !important;}.tr-delay04.load-title-fill:after{-webkit-transition-delay: .7s !important; -o-transition-delay: .7s !important; transition-delay: .7s !important;}.tr-delay05.load-title-fill:after{-webkit-transition-delay: .8s !important; -o-transition-delay: .8s !important; transition-delay: .8s !important;}.tr-delay06.load-title-fill:after{-webkit-transition-delay: .9s !important; -o-transition-delay: .9s !important; transition-delay: .9s !important;}.tr-delay07.load-title-fill:after{-webkit-transition-delay: 1s !important; -o-transition-delay: 1s !important; transition-delay: 1s !important;}.tr-delay08.load-title-fill:after{-webkit-transition-delay: 1.1s !important; -o-transition-delay: 1.1s !important; transition-delay: 1.1s !important;}.tr-delay09.load-title-fill:after{-webkit-transition-delay: 1.2s !important; -o-transition-delay: 1.2s !important; transition-delay: 1.2s !important;}.tr-delay10.load-title-fill:after{-webkit-transition-delay: 1.3s !important; -o-transition-delay: 1.3s !important; transition-delay: 1.3s !important;}/* 9.2. Scroll animations *//* 9.2.1. Scroll overlay animation #1 */[data-animation].overlay-anim-box:before,[data-animation].overlay-anim-box:after,[data-animation].overlay-anim-box{opacity: 1;}.overlay-anim-box{display: inline-block; overflow: hidden; position: relative;}.overlay-anim-box:before{content: ''; width: 100%; height: 100%; background: #1b2a2f; position: absolute; top: 0; left: 100%; -webkit-transition: 1.8s cubic-bezier(.77, 0, .175, 1); -o-transition: 1.8s cubic-bezier(.77, 0, .175, 1); transition: 1.8s cubic-bezier(.77, 0, .175, 1); z-index: 3; -webkit-transform: translateX(-202%); -ms-transform: translateX(-202%); transform: translateX(-202%);}.overlay-anim-box.overlay-anim:before{-webkit-transform: translateX(1%); -ms-transform: translateX(1%); transform: translateX(1%);}.overlay-opacity-anim{opacity: 0; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; -webkit-transition-delay: .86s; -o-transition-delay: .86s; transition-delay: .86s;}.overlay-anim .overlay-opacity-anim{opacity: 1;}.dark-bg-1 .overlay-anim-box:before,.dark-bg-2 .overlay-anim-box:before{background: #f5f5f5;}.tr-delay01 .overlay-opacity-anim{-webkit-transition-delay: .96s; -o-transition-delay: .96s; transition-delay: .96s;}.tr-delay02 .overlay-opacity-anim{-webkit-transition-delay: 1.06s; -o-transition-delay: 1.06s; transition-delay: 1.06s;}.tr-delay03 .overlay-opacity-anim{-webkit-transition-delay: 1.16s; -o-transition-delay: 1.16s; transition-delay: 1.16s;}.tr-delay04 .overlay-opacity-anim{-webkit-transition-delay: 1.26s; -o-transition-delay: 1.26s; transition-delay: 1.26s;}.tr-delay05 .overlay-opacity-anim{-webkit-transition-delay: 1.36s; -o-transition-delay: 1.36s; transition-delay: 1.36s;}.tr-delay06 .overlay-opacity-anim{-webkit-transition-delay: 1.46s; -o-transition-delay: 1.46s; transition-delay: 1.46s;}.tr-delay07 .overlay-opacity-anim{-webkit-transition-delay: 1.56s; -o-transition-delay: 1.56s; transition-delay: 1.56s;}.tr-delay08 .overlay-opacity-anim{-webkit-transition-delay: 1.66s; -o-transition-delay: 1.66s; transition-delay: 1.66s;}.tr-delay09 .overlay-opacity-anim{-webkit-transition-delay: 1.76s; -o-transition-delay: 1.76s; transition-delay: 1.76s;}.tr-delay10 .overlay-opacity-anim{-webkit-transition-delay: 1.86s; -o-transition-delay: 1.86s; transition-delay: 1.86s;}/* 9.2.2. Scroll overlay animation #2 */[data-animation].overlay-anim-box2:before,[data-animation].overlay-anim-box2:after,[data-animation].overlay-anim-box2{opacity: 1;}.overlay-anim-box2{display: inline-block; overflow: hidden; position: relative;}.overlay-anim-box2:before{content: ''; background: #f5f5f5; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: 1s cubic-bezier(.86, 0, .07, 1); -o-transition: 1s cubic-bezier(.86, 0, .07, 1); transition: 1s cubic-bezier(.86, 0, .07, 1); z-index: 3; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}.overlay-anim-box2.overlay-anim2:before{-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);}.light-bg-2 .overlay-anim-box2:before{background: #f0f0f0;}.dark-bg-1 .overlay-anim-box2:before{background: #111517;}.dark-bg-2 .overlay-anim-box2:before{background: #1b2a2f;}.red-bg .overlay-anim-box2:before{background: #d2a910;}/* 9.2.3. Scroll fade animation */.fade-anim-box{display: inline-block; opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1);}.fade-anim-box.fade-anim{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}/* 9.2.4. Scroll title fill animation */[data-animation].title-fill:before,[data-animation].title-fill:after,[data-animation].title-fill{opacity: 1;}.title-fill{white-space: nowrap; color: transparent; position: relative; display: inline-block;}.title-fill:before,.title-fill:after{content: attr(data-text); position: absolute; top: 50%; color: #262626; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); width: 0%; white-space: nowrap; overflow: hidden;}.title-fill:after{color: #d2a910; background: #f5f5f5; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s;}.title-fill.title-fill-anim:before,.title-fill.title-fill-anim:after{width: 100%;}.dark-bg-1 .title-fill:before,.dark-bg-2 .title-fill:before{color: white;}.red-bg .title-fill:before{color: #262626;}.light-bg-2 .title-fill:after{background: #000000;}.dark-bg-1 .title-fill:after{background: #000000;}.dark-bg-2 .title-fill:after{background: #000000;}.red-bg .title-fill:after{background: #000000;}.tr-delay01.title-fill:after{-webkit-transition-delay: .4s !important; -o-transition-delay: .4s !important; transition-delay: .4s !important;}.tr-delay02.title-fill:after{-webkit-transition-delay: .5s !important; -o-transition-delay: .5s !important; transition-delay: .5s !important;}.tr-delay03.title-fill:after{-webkit-transition-delay: .6s !important; -o-transition-delay: .6s !important; transition-delay: .6s !important;}.tr-delay04.title-fill:after{-webkit-transition-delay: .7s !important; -o-transition-delay: .7s !important; transition-delay: .7s !important;}.tr-delay05.title-fill:after{-webkit-transition-delay: .8s !important; -o-transition-delay: .8s !important; transition-delay: .8s !important;}.tr-delay06.title-fill:after{-webkit-transition-delay: .9s !important; -o-transition-delay: .9s !important; transition-delay: .9s !important;}.tr-delay07.title-fill:after{-webkit-transition-delay: 1s !important; -o-transition-delay: 1s !important; transition-delay: 1s !important;}.tr-delay08.title-fill:after{-webkit-transition-delay: 1.1s !important; -o-transition-delay: 1.1s !important; transition-delay: 1.1s !important;}.tr-delay09.title-fill:after{-webkit-transition-delay: 1.2s !important; -o-transition-delay: 1.2s !important; transition-delay: 1.2s !important;}.tr-delay10.title-fill:after{-webkit-transition-delay: 1.3s !important; -o-transition-delay: 1.3s !important; transition-delay: 1.3s !important;}/*--------------------------------------------------------------10. Hovers--------------------------------------------------------------*/.hover-content{-webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); display: inline-block;}.hover-box:hover .hover-content{-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}.hover-img{-webkit-transition: 1s cubic-bezier(.86, 0, .07, 1); -o-transition: 1s cubic-bezier(.86, 0, .07, 1); transition: 1s cubic-bezier(.86, 0, .07, 1);}.hover-box:hover .hover-img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}.hidden-box{overflow: hidden;}.hover-fill-effect{position: relative; white-space: nowrap; display: inline-block;}.hover-fill-effect:before{content: attr(data-text); position: absolute; top: 0; color: #d2a910; left: 0; -webkit-transition: .8s cubic-bezier(.86, 0, .07, 1); -o-transition: .8s cubic-bezier(.86, 0, .07, 1); transition: .8s cubic-bezier(.86, 0, .07, 1); width: 0%; white-space: nowrap; z-index: 2; background: #f5f5f5; overflow: hidden;}.hover-box:hover .hover-fill-effect:before{width: 100%;}.hover-fill-effect:after{content: ''; width: 40px; height: 2px; position: absolute; right: -60px; top: 50%; -webkit-transform: translateY(-50%) scaleX(0); -ms-transform: translateY(-50%) scaleX(0); transform: translateY(-50%) scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; background: #d2a910; -webkit-transition: 1.2s cubic-bezier(.165, .84, .44, 1); -o-transition: 1.2s cubic-bezier(.165, .84, .44, 1); transition: 1.2s cubic-bezier(.165, .84, .44, 1);}.hover-box:hover .hover-fill-effect:after{-webkit-transform: translateY(-50%) scaleX(1); -ms-transform: translateY(-50%) scaleX(1); transform: translateY(-50%) scaleX(1);}.hover-color{-webkit-transition: .7s cubic-bezier(.165, .84, .44, 1); -o-transition: .7s cubic-bezier(.165, .84, .44, 1); transition: .7s cubic-bezier(.165, .84, .44, 1);}.hover-color:hover{color: #d2a910;}.light-bg-2 .hover-fill-effect:before{background: #f0f0f0;}.dark-bg-1 .hover-fill-effect:before{background: #111517;}.dark-bg-2 .hover-fill-effect:before{background: #1b2a2f;}.red-bg .hover-fill-effect:before{background: #1b2a2f;}.red-bg .hover-fill-effect:after{background: #262626;}.tr-delay01 .hover-img{-webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s;}.tr-delay02 .hover-img{-webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}.tr-delay03 .hover-img{-webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s;}.tr-delay04 .hover-img{-webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s;}.tr-delay05 .hover-img{-webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s;}.tr-delay06 .hover-img{-webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s;}.tr-delay07 .hover-img{-webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s;}.tr-delay08 .hover-img{-webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s;}.tr-delay09 .hover-img{-webkit-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s;}.tr-delay10 .hover-img{-webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}/*--------------------------------------------------------------11. Footer--------------------------------------------------------------*/.footer{width: 100%; min-width: 100%; max-width: 100%; position: relative;}.footer:before{content: ''; width: 100%; height: 10px; background: #111517; position: absolute; top: -8px; left: 0;}.footer-logo{width: 180px; height: 100%;}.footer-menu a.active{color: #d2a910;}.footer-menu li{margin-bottom: 5px;}.footer-social li{margin-bottom: 12px;}.footer-information li{margin-bottom: 15px;}.footer-menu li:last-child,.footer-social li:last-child,.footer-information li:last-child{margin-bottom: 0;}.footer-information i{width: 30px; font-size: 12px;}.footer-information span{margin-left: 30px;}.footer-copyright{margin-top: 0; text-align: center; line-height: 1.7;}@media only screen and (max-width: 767px){.footer-center-mobile{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}.footer-menu, .footer-social{text-align: center;}}/*--------------------------------------------------------------12. Magnific popup--------------------------------------------------------------*/.mfp-bg{background: #1b2a2f;}.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.8s cubic-bezier(.86, 0, .07, 1); -o-transition: all 0.8s cubic-bezier(.86, 0, .07, 1); transition: all 0.8s cubic-bezier(.86, 0, .07, 1);}.mfp-with-zoom.mfp-ready .mfp-container{opacity: 1;}.mfp-with-zoom.mfp-ready.mfp-bg{opacity: 0.9;}.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity: 0;}.mfp-fade.mfp-bg{opacity: 0; -webkit-transition: all 0.8s cubic-bezier(.86, 0, .07, 1); -o-transition: all 0.8s cubic-bezier(.86, 0, .07, 1); transition: all 0.8s cubic-bezier(.86, 0, .07, 1);}.mfp-fade.mfp-bg.mfp-ready{opacity: 0.9;}.mfp-fade.mfp-bg.mfp-removing{opacity: 0;}.mfp-fade.mfp-wrap .mfp-content{opacity: 0; -webkit-transition: all 0.8s cubic-bezier(.86, 0, .07, 1); -o-transition: all 0.8s cubic-bezier(.86, 0, .07, 1); transition: all 0.8s cubic-bezier(.86, 0, .07, 1);}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity: 1;}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity: 0;}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow: none;}/* 12.1. Popup arrows */.mfp-arrow{opacity: 1; margin: 0;}.mfp-arrow:active{margin-top: 0;}.mfp-arrow:before,.mfp-arrow:after{margin-top: 0;}.mfp-arrow:after{border-top-width: 0; border-bottom-width: 0;}.mfp-arrow:before{border-top-width: 0; border-bottom-width: 0; opacity: 1;}.mfp-arrow-left:after{border-right: none; margin-left: 0;}.mfp-arrow-left:before{margin-left: 0; border-right: none;}.mfp-arrow-right{right: 40px;}.mfp-arrow-right:after{border-left: none; margin-left: 0;}.mfp-arrow-right:before{border-left: none;}button.mfp-arrow,.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close,.mfp-close,.mfp-zoom,.mfp-gallery .mfp-image-holder .mfp-figure{cursor: none !important;}.mfp-arrow-left,.mfp-arrow-right{width: 50px; height: 25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}.mfp-arrow-left{left: 40px;}.mfp-arrow-left:before{content: ''; position: absolute; top: 50%; left: 1px; width: 16px; height: 16px; border-bottom: 2px solid white; border-left: 2px solid white; -webkit-transform: translateY(-50%) translateX(24px) rotate(45deg); -ms-transform: translateY(-50%) translateX(24px) rotate(45deg); transform: translateY(-50%) translateX(24px) rotate(45deg); -webkit-transition: .5s cubic-bezier(.23, 1, .32, 1); -o-transition: .5s cubic-bezier(.23, 1, .32, 1); transition: .5s cubic-bezier(.23, 1, .32, 1);}.mfp-arrow-right:before{content: ''; position: absolute; top: 50%; right: 1px; left: auto; width: 16px; height: 16px; border-top: 2px solid white; border-right: 2px solid white; -webkit-transform: translateY(-50%) translateX(-24px) rotate(45deg); -ms-transform: translateY(-50%) translateX(-24px) rotate(45deg); transform: translateY(-50%) translateX(-24px) rotate(45deg); -webkit-transition: .5s cubic-bezier(.23, 1, .32, 1); -o-transition: .5s cubic-bezier(.23, 1, .32, 1); transition: .5s cubic-bezier(.23, 1, .32, 1);}.mfp-arrow-left:hover:before{-webkit-transform: translateY(-50%) translateX(0) rotate(45deg); -ms-transform: translateY(-50%) translateX(0) rotate(45deg); transform: translateY(-50%) translateX(0) rotate(45deg); border-bottom: 2px solid #d2a910; border-left: 2px solid #d2a910;}.mfp-arrow-right:hover:before{-webkit-transform: translateY(-50%) translateX(0) rotate(45deg); -ms-transform: translateY(-50%) translateX(0) rotate(45deg); transform: translateY(-50%) translateX(0) rotate(45deg); border-top: 2px solid #d2a910; border-right: 2px solid #d2a910;}.mfp-arrow-left:after,.mfp-arrow-right:after{content: ''; width: 100%; height: 3px; background: #d2a910; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scaleX(0); -ms-transform: translate(-50%, -50%) scaleX(0); transform: translate(-50%, -50%) scaleX(0); -webkit-transition: .5s cubic-bezier(.23, 1, .32, 1); -o-transition: .5s cubic-bezier(.23, 1, .32, 1); transition: .5s cubic-bezier(.23, 1, .32, 1);}.mfp-arrow-left:hover:after,.mfp-arrow-right:hover:after{-webkit-transform: translate(-50%, -50%) scaleX(1); -ms-transform: translate(-50%, -50%) scaleX(1); transform: translate(-50%, -50%) scaleX(1);}@media only screen and (max-width: 999px){.mfp-arrow-right{right: 20px;}.mfp-arrow-left{left: 20px;}}@media only screen and (max-width: 549px){.mfp-arrow-right{right: 10px;}.mfp-arrow-left{left: 10px;}}/* 12.2. Popup counter */.mfp-counter{color: white; font-family: 'Oswald', sans-serif; font-size: 14px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%);}/* 12.3. Popup close */button.mfp-close{position: absolute; right: 0; top: 40px; background: rgba(27, 42, 47, .5);}.mfp-close:before,.mfp-close:after{content: ''; position: absolute; width: 15px; height: 2px; -webkit-transition: .4s cubic-bezier(.77, 0, .175, 1); -o-transition: .4s cubic-bezier(.77, 0, .175, 1); transition: .4s cubic-bezier(.77, 0, .175, 1); left: 5px; top: 50%; background: white;}.mfp-close:before{-webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg);}.mfp-close:after{-webkit-transform: translateY(-50%) rotate(315deg); -ms-transform: translateY(-50%) rotate(315deg); transform: translateY(-50%) rotate(315deg);}.mfp-close:hover:before{-webkit-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg);}.mfp-close:hover:after{-webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg);}.mfp-close{width: 25px; height: 25px; -webkit-transition: .8s cubic-bezier(.86, 0, .07, 1); -o-transition: .8s cubic-bezier(.86, 0, .07, 1); transition: .8s cubic-bezier(.86, 0, .07, 1); opacity: 1; padding: 0; color: rgba(0, 0, 0, 0);}.mfp-close:active{top: 40px;}.mfp-close-btn-in .mfp-close{color: rgba(0, 0, 0, 0);}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color: rgba(0, 0, 0, 0); right: 0; padding-right: 0; width: 25px;}.mfp-iframe-holder .mfp-close{top: -30px;}/*--------------------------------------------------------------13. Min-height flex center (IE11-fix)--------------------------------------------------------------*/.flex-min-height-box{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative;}.flex-min-height-inner{width: 100%; height: 100%; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}/*--------------------------------------------------------------14. Page-head--------------------------------------------------------------*/.page-head-bg{position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 0;}.page-head h2 span,.page-head h3 span,.page-head .medium-title{margin-bottom: 2px;}.page-head h2 span:last-child,.page-head h2 span span,.page-head h3 span:last-child,.page-head h3 span span{margin-bottom: 0;}.page-head .p-style-bold-up span{padding-right: 4px;}.page-head .small-title-oswald{margin-right: 30px; padding-right: 15px;}.page-head .small-title-oswald:last-child{margin-right: 0;}.page-head h2 .load-title-fill{line-height: 1.2; padding-right: 55px;}@media only screen and (max-width: 999px){.page-head-bg{width: 100%;}}/*--------------------------------------------------------------15. Swiper slider--------------------------------------------------------------*//* 15.1. Home slider */.home-slide{overflow: hidden;}.home-slider{height: 100%; width: 100%; overflow: hidden; position: relative; background: #111517;}.home-slider .swiper-wrapper{-webkit-transition-timing-function: cubic-bezier(.39, 0, .07, 1); -o-transition-timing-function: cubic-bezier(.39, 0, .07, 1); transition-timing-function: cubic-bezier(.39, 0, .07, 1);}.slide-bg{position: absolute; width: 50%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 0;}.red-slide .slide-bg{left: 50%;}.red-slide .small-title-oswald span{padding-right: 15px; margin-right: 15px;}.red-slide .small-title-oswald span:last-child{margin-right: 0;}.home-slider-content.dark-bg-1 .p-style-bold-up span{padding-right: 5px;}.home-slider h2 .slider-title-fill{line-height: 1.2; padding-right: 55px;}.home-slider h2 span,.home-slider h3 span,.home-slider .medium-title{margin-bottom: 2px;}.home-slider h2 span:last-child,.home-slider h2 span span,.home-slider h3 span:last-child,.home-slider h3 span span{margin-bottom: 0;}.slider-tr-delay01,.slider-tr-delay01:before{-webkit-transition-delay: 1.1s !important; -o-transition-delay: 1.1s !important; transition-delay: 1.1s !important;}.slider-tr-delay02,.slider-tr-delay02:before{-webkit-transition-delay: 1.2s !important; -o-transition-delay: 1.2s !important; transition-delay: 1.2s !important;}.slider-tr-delay03,.slider-tr-delay03:before{-webkit-transition-delay: 1.3s !important; -o-transition-delay: 1.3s !important; transition-delay: 1.3s !important;}.slider-tr-delay04,.slider-tr-delay04:before{-webkit-transition-delay: 1.4s !important; -o-transition-delay: 1.4s !important; transition-delay: 1.4s !important;}.slider-tr-delay05,.slider-tr-delay05:before{-webkit-transition-delay: 1.5s !important; -o-transition-delay: 1.5s !important; transition-delay: 1.5s !important;}.slider-tr-delay06,.slider-tr-delay06:before{-webkit-transition-delay: 1.6s !important; -o-transition-delay: 1.6s !important; transition-delay: 1.6s !important;}.slider-tr-delay07,.slider-tr-delay07:before{-webkit-transition-delay: 1.7s !important; -o-transition-delay: 1.7s !important; transition-delay: 1.7s !important;}.slider-tr-delay08,.slider-tr-delay08:before{-webkit-transition-delay: 1.8s !important; -o-transition-delay: 1.8s !important; transition-delay: 1.8s !important;}.slider-tr-delay09,.slider-tr-delay09:before{-webkit-transition-delay: 1.9s !important; -o-transition-delay: 1.9s !important; transition-delay: 1.9s !important;}.slider-tr-delay10,.slider-tr-delay10:before{-webkit-transition-delay: 2s !important; -o-transition-delay: 2s !important; transition-delay: 2s !important;}@media only screen and (max-width: 999px){.slide-bg{width: 100%;}.red-slide .slide-bg{left: 0;}}/* 15.1.1. Home slider title fill effect */.slider-title-fill{white-space: nowrap; color: transparent; position: relative; display: inline-block;}.slider-title-fill:before,.slider-title-fill:after{content: attr(data-text); position: absolute; top: 50%; color: #262626; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); width: 0%; white-space: nowrap; overflow: hidden; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}.slider-title-fill:after{color: #d2a910; background: #f5f5f5; -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s;}.swiper-slide-active .slider-title-fill:before,.swiper-slide-active .slider-title-fill:after{width: 100%;}.dark-bg-1 .slider-title-fill:before,.dark-bg-2 .slider-title-fill:before{color: white;}.red-bg .slider-title-fill:before{color: #262626;}.light-bg-2 .slider-title-fill:after{background: #f0f0f0;}.dark-bg-1 .slider-title-fill:after{background: #111517;}.dark-bg-2 .slider-title-fill:after{background: #1b2a2f;}.red-bg .slider-title-fill:after{background: #1b2a2f;}.slider-tr-delay01.slider-title-fill:after{-webkit-transition-delay: 1.4s !important; -o-transition-delay: 1.4s !important; transition-delay: 1.4s !important;}.slider-tr-delay02.slider-title-fill:after{-webkit-transition-delay: 1.5s !important; -o-transition-delay: 1.5s !important; transition-delay: 1.5s !important;}.slider-tr-delay03.slider-title-fill:after{-webkit-transition-delay: 1.6s !important; -o-transition-delay: 1.6s !important; transition-delay: 1.6s !important;}.slider-tr-delay04.slider-title-fill:after{-webkit-transition-delay: 1.7s !important; -o-transition-delay: 1.7s !important; transition-delay: 1.7s !important;}.slider-tr-delay05.slider-title-fill:after{-webkit-transition-delay: 1.8s !important; -o-transition-delay: 1.8s !important; transition-delay: 1.8s !important;}.slider-tr-delay06.slider-title-fill:after{-webkit-transition-delay: 1.9s !important; -o-transition-delay: 1.9s !important; transition-delay: 1.9s !important;}.slider-tr-delay07.slider-title-fill:after{-webkit-transition-delay: 2s !important; -o-transition-delay: 2s !important; transition-delay: 2s !important;}.slider-tr-delay08.slider-title-fill:after{-webkit-transition-delay: 2.1s !important; -o-transition-delay: 2.1s !important; transition-delay: 2.1s !important;}.slider-tr-delay09.slider-title-fill:after{-webkit-transition-delay: 2.2s !important; -o-transition-delay: 2.2s !important; transition-delay: 2.2s !important;}.slider-tr-delay10.slider-title-fill:after{-webkit-transition-delay: 2.3s !important; -o-transition-delay: 2.3s !important; transition-delay: 2.3s !important;}/* 15.1.2. Home slider overlay effect */.slider-overlay{display: inline-block; overflow: hidden; position: relative;}.slider-overlay:before{content: ''; width: 100%; height: 100%; background: #f5f5f5; position: absolute; top: 0; left: 100%; -webkit-transition: 1.8s cubic-bezier(.77, 0, .175, 1); -o-transition: 1.8s cubic-bezier(.77, 0, .175, 1); transition: 1.8s cubic-bezier(.77, 0, .175, 1); z-index: 3; -webkit-transform: translateX(-202%); -ms-transform: translateX(-202%); transform: translateX(-202%); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}.swiper-slide-active .slider-overlay:before{-webkit-transform: translateX(1%); -ms-transform: translateX(1%); transform: translateX(1%);}.slider-overlay-opacity{opacity: 0; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; -webkit-transition-delay: 1.86s; -o-transition-delay: 1.86s; transition-delay: 1.86s;}.swiper-slide-active .slider-overlay-opacity{opacity: 1;}.slider-tr-delay01 .slider-overlay-opacity{-webkit-transition-delay: 1.96s; -o-transition-delay: 1.96s; transition-delay: 1.96s;}.slider-tr-delay02 .slider-overlay-opacity{-webkit-transition-delay: 2.06s; -o-transition-delay: 2.06s; transition-delay: 2.06s;}.slider-tr-delay03 .slider-overlay-opacity{-webkit-transition-delay: 2.16s; -o-transition-delay: 2.16s; transition-delay: 2.16s;}.slider-tr-delay04 .slider-overlay-opacity{-webkit-transition-delay: 2.26s; -o-transition-delay: 2.26s; transition-delay: 2.26s;}.slider-tr-delay05 .slider-overlay-opacity{-webkit-transition-delay: 2.36s; -o-transition-delay: 2.36s; transition-delay: 2.36s;}.slider-tr-delay06 .slider-overlay-opacity{-webkit-transition-delay: 2.46s; -o-transition-delay: 2.46s; transition-delay: 2.46s;}.slider-tr-delay07 .slider-overlay-opacity{-webkit-transition-delay: 2.56s; -o-transition-delay: 2.56s; transition-delay: 2.56s;}.slider-tr-delay08 .slider-overlay-opacity{-webkit-transition-delay: 2.66s; -o-transition-delay: 2.66s; transition-delay: 2.66s;}.slider-tr-delay09 .slider-overlay-opacity{-webkit-transition-delay: 2.76s; -o-transition-delay: 2.76s; transition-delay: 2.76s;}.slider-tr-delay10 .slider-overlay-opacity{-webkit-transition-delay: 2.86s; -o-transition-delay: 2.86s; transition-delay: 2.86s;}/* 15.1.3. Home slider overlay #2 effect */.slider-overlay2{display: inline-block; overflow: hidden; position: relative;}.slider-overlay2:before{content: ''; width: 101%; height: 100%; background: #f5f5f5; position: absolute; top: 0; left: 100%; -webkit-transition: 1s cubic-bezier(.86, 0, .07, 1); -o-transition: 1s cubic-bezier(.86, 0, .07, 1); transition: 1s cubic-bezier(.86, 0, .07, 1); z-index: 3; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}.red-color.slider-overlay2:before{background: #d2a910;}.red-bg .slider-overlay2:before{background: #d2a910;}.swiper-slide-active .slider-overlay2:before{-webkit-transform: translateX(1%); -ms-transform: translateX(1%); transform: translateX(1%);}/* 15.1.4. Home slider fade effect */.slider-fade{display: inline-block; opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}.swiper-slide-active .slider-fade{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}/* 15.2. Testimonials slider */.testimonials-slider{height: 100%; overflow: hidden; padding-bottom: 45px;}.testimonials-slider .swiper-wrapper{-webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1);}.testimonials-slider .swiper-slide{width: 100%;}.testimonials-slider img{width: 130px; border-radius: 50%;}.testimonials-content p{margin-top: 0; text-align: justify;}.testimonials-content{padding: 20px; margin: 42px 0 30px 0; background: #d2a910; position: relative;}.testimonials-content:before{content: ''; background: #d2a910; width: 20px; height: 20px; position: absolute; top: -8px; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg);}/* 15.3. About slider */.about-slider{width: 100%; height: 100%; position: relative;}.about-slider .swiper-wrapper{-webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1);}@media only screen and (max-width: 767px){.about-slider{width: calc(100% - 40px); margin-left: auto; margin-right: auto;}}@media only screen and (max-width: 549px){.about-slider{width: calc(100% - 20px); margin-left: auto; margin-right: auto;}}/* 15.4. Swiper pagination */.swiper-pagination-clickable .swiper-pagination-bullet{cursor: none;}.swiper-pagination-bullets{outline: none; z-index: 8;}/* 15.4.1. Home slider pagination */.home-slider .swiper-pagination{bottom: 40px; right: 40px; left: auto; width: auto; overflow: hidden;}.home-slider .swiper-pagination-bullet{width: 30px; height: 30px; opacity: 1; border-radius: 0; position: relative; overflow: hidden; background: transparent; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: 1s cubic-bezier(.165, .84, .44, 1); -o-transition: 1s cubic-bezier(.165, .84, .44, 1); transition: 1s cubic-bezier(.165, .84, .44, 1);}.home-slider .swiper-pagination-bullet{margin: 0 5px !important;}.home-slider .swiper-pagination-bullet:first-child{margin-left: 0 !important;}.home-slider .swiper-pagination-bullet:last-child{margin-right: 0 !important;}body.anim .home-slider .swiper-pagination-bullet{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}body.anim .home-slider .swiper-pagination-bullet:nth-child(2){-webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s;}body.anim .home-slider .swiper-pagination-bullet:nth-child(3){-webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s;}body.anim .home-slider .swiper-pagination-bullet:nth-child(4){-webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s;}.home-slider .swiper-pagination-bullet:before,.home-slider .swiper-pagination-bullet:after{content: '01'; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); color: white; font-size: 14px; line-height: 1; font-weight: 600; letter-spacing: 1px; font-family: 'Oswald', sans-serif; -webkit-transition: .6s cubic-bezier(.2, .96, .34, 1); -o-transition: .6s cubic-bezier(.2, .96, .34, 1); transition: .6s cubic-bezier(.2, .96, .34, 1);}.home-slider .swiper-pagination-bullet:after{-webkit-transform: translateX(-50%) translateY(-30px); -ms-transform: translateX(-50%) translateY(-30px); transform: translateX(-50%) translateY(-30px); color: #d2a910; font-size: 20px;}.home-slider .swiper-pagination-bullet:hover:before{color: #d2a910; -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1); -o-transition: .6s cubic-bezier(.165, .84, .44, 1); transition: .6s cubic-bezier(.165, .84, .44, 1);}.home-slider .swiper-pagination-bullet-active:before{-webkit-transform: translateX(-50%) translateY(16px); -ms-transform: translateX(-50%) translateY(16px); transform: translateX(-50%) translateY(16px);}.home-slider .swiper-pagination-bullet-active:after{-webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0);}.home-slider .swiper-pagination-bullet:nth-child(2):before,.home-slider .swiper-pagination-bullet:nth-child(2):after{content: '02';}.home-slider .swiper-pagination-bullet:nth-child(3):before,.home-slider .swiper-pagination-bullet:nth-child(3):after{content: '03';}.home-slider .swiper-pagination-bullet:nth-child(4):before,.home-slider .swiper-pagination-bullet:nth-child(4):after{content: '04';}/* 15.4.2. Testimonials slider pagination */.testimonials-slider .swiper-pagination-bullets{bottom: 0 !important;}.testimonials-slider .swiper-pagination-bullet{margin: 0 10px !important; width: 10px; height: 10px; background: #262626; opacity: 1; -webkit-transition: .8s cubic-bezier(.23, 1, .32, 1); -o-transition: .8s cubic-bezier(.23, 1, .32, 1); transition: .8s cubic-bezier(.23, 1, .32, 1); -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5);}.testimonials-slider .swiper-pagination-bullet-active{margin: 0 30px !important; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}.testimonials-slider .swiper-pagination-bullet:first-child,.testimonials-slider .swiper-pagination-bullet-active:first-child{margin-left: 0 !important;}.testimonials-slider .swiper-pagination-bullet:last-child,.testimonials-slider .swiper-pagination-bullet-active:last-child{margin-right: 0 !important;}/* 15.4.3. Portfolio full screen slider pagination */.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{right: 40px; width: 30px; overflow: hidden;}.portfolio-slider .swiper-pagination-bullet{width: 30px; height: 30px; opacity: 1; border-radius: 0; position: relative; overflow: hidden; background: transparent; -webkit-transform: translateX(-100%) scale(0.33); -ms-transform: translateX(-100%) scale(0.33); transform: translateX(-100%) scale(0.33); -webkit-transition: 1s cubic-bezier(.165, .84, .44, 1) !important; -o-transition: 1s cubic-bezier(.165, .84, .44, 1) !important; transition: 1s cubic-bezier(.165, .84, .44, 1) !important;}.portfolio-slider .swiper-pagination-bullet{margin: 5px 0 !important;}.portfolio-slider .swiper-pagination-bullet:first-child{margin-top: 0 !important;}.portfolio-slider .swiper-pagination-bullet:last-child{margin-bottom: 0 !important;}.portfolio-slider .swiper-pagination-bullet:before,.portfolio-slider .swiper-pagination-bullet:after{content: '01'; position: absolute; top: 50%; right: 0; -webkit-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); color: white; font-size: 20px; line-height: 1; font-weight: 600; letter-spacing: 1px; font-family: 'Oswald', sans-serif; -webkit-transition: 1s cubic-bezier(.2, .96, .34, 1); -o-transition: 1s cubic-bezier(.2, .96, .34, 1); transition: 1s cubic-bezier(.2, .96, .34, 1);}.portfolio-slider .swiper-pagination-bullet:after{-webkit-transform: translateX(-30px) translateY(-50%); -ms-transform: translateX(-30px) translateY(-50%); transform: translateX(-30px) translateY(-50%); color: #d2a910;}.portfolio-slider .swiper-pagination-bullet:hover:before{color: #d2a910; -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1); -o-transition: .6s cubic-bezier(.165, .84, .44, 1); transition: .6s cubic-bezier(.165, .84, .44, 1);}.portfolio-slider .swiper-pagination-bullet-active:before{-webkit-transform: translateX(30px) translateY(-50%); -ms-transform: translateX(30px) translateY(-50%); transform: translateX(30px) translateY(-50%);}.portfolio-slider .swiper-pagination-bullet-active:after{-webkit-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%);}.portfolio-slider .swiper-pagination-bullet:nth-child(2):before,.portfolio-slider .swiper-pagination-bullet:nth-child(2):after{content: '02';}.portfolio-slider .swiper-pagination-bullet:nth-child(3):before,.portfolio-slider .swiper-pagination-bullet:nth-child(3):after{content: '03';}.portfolio-slider .swiper-pagination-bullet:nth-child(4):before,.portfolio-slider .swiper-pagination-bullet:nth-child(4):after{content: '04';}.portfolio-slider .swiper-pagination-bullet:nth-child(5):before,.portfolio-slider .swiper-pagination-bullet:nth-child(5):after{content: '05';}.portfolio-slider .swiper-pagination-bullet:nth-child(6):before,.portfolio-slider .swiper-pagination-bullet:nth-child(6):after{content: '06';}.portfolio-slider .swiper-pagination-bullet:nth-child(7):before,.portfolio-slider .swiper-pagination-bullet:nth-child(7):after{content: '07';}.portfolio-slider .swiper-pagination-bullet:nth-child(8):before,.portfolio-slider .swiper-pagination-bullet:nth-child(8):after{content: '08';}.portfolio-slider .swiper-pagination-bullet:nth-child(9):before,.portfolio-slider .swiper-pagination-bullet:nth-child(9):after{content: '09';}.portfolio-slider .swiper-pagination-bullet:nth-child(10):before,.portfolio-slider .swiper-pagination-bullet:nth-child(10):after{content: '10';}.portfolio-slider .swiper-pagination-bullet:nth-child(11):before,.portfolio-slider .swiper-pagination-bullet:nth-child(11):after{content: '11';}.portfolio-slider .swiper-pagination-bullet:nth-child(12):before,.portfolio-slider .swiper-pagination-bullet:nth-child(12):after{content: '12';}body.anim .portfolio-slider .swiper-pagination-bullet{-webkit-transform: scale(0.33) translateX(0); -ms-transform: scale(0.33) translateX(0); transform: scale(0.33) translateX(0); position: relative;}body.anim .portfolio-slider .swiper-pagination-bullet-active{-webkit-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); transform: scale(1) translateX(0);}body.anim .portfolio-slider .swiper-pagination-bullet-active-prev{-webkit-transform: scale(0.66) translateX(0); -ms-transform: scale(0.66) translateX(0); transform: scale(0.66) translateX(0);}body.anim .portfolio-slider .swiper-pagination-bullet-active-prev-prev{-webkit-transform: scale(0.33) translateX(0); -ms-transform: scale(0.33) translateX(0); transform: scale(0.33) translateX(0);}body.anim .portfolio-slider .swiper-pagination-bullet-active-next{-webkit-transform: scale(0.66) translateX(0); -ms-transform: scale(0.66) translateX(0); transform: scale(0.66) translateX(0);}body.anim .portfolio-slider .swiper-pagination-bullet-active-next-next{-webkit-transform: scale(0.33) translateX(0); -ms-transform: scale(0.33) translateX(0); transform: scale(0.33) translateX(0);}body.anim.out .portfolio-slider .swiper-pagination-bullet{-webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);}@media only screen and (max-width: 999px){.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{right: 20px;}}@media only screen and (max-width: 549px){.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{right: 10px;}}/* 15.5. Swiper arrows *//* 15.5.1. Home slider arrows */.swiper-button-prev,.swiper-button-next{top: auto; bottom: 40px; width: 50px; height: 26px; margin-top: 0; cursor: none; background-image: none; overflow: hidden;}.swiper-button-prev{left: calc(50% + 40px);}.swiper-button-next{right: auto; left: calc(50% + 90px);}.slider-arrow-prev-box,.slider-arrow-next-box{position: relative; -webkit-transition: 1s cubic-bezier(.165, .84, .44, 1); -o-transition: 1s cubic-bezier(.165, .84, .44, 1); transition: 1s cubic-bezier(.165, .84, .44, 1); -webkit-transform: translateY(27px); -ms-transform: translateY(27px); transform: translateY(27px); -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; width: 100%; height: 100%;}.slider-arrow-next-box{-webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s;}body.anim .slider-arrow-prev-box,body.anim .slider-arrow-next-box{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}.slider-arrow-prev,.slider-arrow-next{width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); display: inline-block; -webkit-transition: .7s cubic-bezier(.2, .96, .34, 1); -o-transition: .7s cubic-bezier(.2, .96, .34, 1); transition: .7s cubic-bezier(.2, .96, .34, 1);}.slider-arrow-next{left: auto; right: 0; -webkit-transform: translateX(-18px); -ms-transform: translateX(-18px); transform: translateX(-18px);}.swiper-button-prev:hover .slider-arrow-prev,.swiper-button-next:hover .slider-arrow-next{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}.slider-arrow-prev:before,.slider-arrow-next:before{content: ''; position: absolute; top: 4px; left: 6px; width: 16px; height: 16px; border-bottom: 2px solid white; border-left: 2px solid white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .7s cubic-bezier(.2, .96, .34, 1); -o-transition: .7s cubic-bezier(.2, .96, .34, 1); transition: .7s cubic-bezier(.2, .96, .34, 1);}.slider-arrow-next:before{left: auto; right: 6px; border: none; border-top: 2px solid white; border-right: 2px solid white;}.swiper-button-prev:hover .slider-arrow-prev:before{border-bottom: 2px solid #d2a910; border-left: 2px solid #d2a910;}.swiper-button-next:hover .slider-arrow-next:before{border-top: 2px solid #d2a910; border-right: 2px solid #d2a910;}.slider-arrow-prev:after,.slider-arrow-next:after{content: ''; position: absolute; top: 50%; left: 2px; -webkit-transform: translateY(-50%) scaleX(0); -ms-transform: translateY(-50%) scaleX(0); transform: translateY(-50%) scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; width: 48px; height: 2px; background: #d2a910; -webkit-transition: .7s cubic-bezier(.2, .96, .34, 1); -o-transition: .7s cubic-bezier(.2, .96, .34, 1); transition: .7s cubic-bezier(.2, .96, .34, 1);}.slider-arrow-next:after{left: auto; right: 2px; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right;}.swiper-button-prev:hover .slider-arrow-prev:after,.swiper-button-next:hover .slider-arrow-next:after{-webkit-transform: translateY(-50%) scaleX(1); -ms-transform: translateY(-50%) scaleX(1); transform: translateY(-50%) scaleX(1);}/* 15.5.2. About slider arrows */.about-slider .swiper-button-prev{left: calc(50% - 50px); bottom: 0;}.about-slider .swiper-button-next{left: auto; right: calc(50% - 50px); bottom: 0;}.about-slider .slider-arrow-prev:before,.about-slider .slider-arrow-next:before{border-bottom: 2px solid #262626; border-left: 2px solid #262626;}.about-slider .slider-arrow-next:before{border: none; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff;}@media only screen and (max-width: 999px){.home-slider .swiper-pagination{right: 20px;}.swiper-button-prev{left: 20px;}.swiper-button-next{left: 70px;}}@media only screen and (max-width: 549px){.home-slider .swiper-pagination{right: 10px;}.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 2px;}.swiper-button-prev{left: 10px;}.swiper-button-next{left: 60px;}}/* 15.5.3. Portfolio full screen slider arrows */.portfolio-slider .swiper-button-prev{left: auto; right: 90px;}.portfolio-slider .swiper-button-next{right: 40px; left: auto;}body.out .portfolio-slider .slider-arrow-prev-box,body.out .portfolio-slider .slider-arrow-next-box{-webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}@media only screen and (max-width: 999px){.portfolio-slider .swiper-button-prev{right: 70px;}.portfolio-slider .swiper-button-next{right: 20px;}}@media only screen and (max-width: 549px){.portfolio-slider .swiper-button-prev{right: 60px; bottom: 20px;}.portfolio-slider .swiper-button-next{right: 10px; bottom: 20px;}}/* 15.5.4. Portfolio slider arrows */.portfolio-slider2 .swiper-button-prev,.portfolio-slider2 .swiper-button-next{bottom: 0;}.portfolio-slider2 .swiper-button-prev{left: auto; right: 50%;}.portfolio-slider2 .swiper-button-next{right: auto; left: 50%;}/* 15.5.5. Portfolio columns slider arrows */.left-arrow-back{width: 70px; height: 46px; position: absolute; bottom: 30px; left: 30px; z-index: 3;}.right-arrow-back{width: 70px; height: 46px; position: absolute; bottom: 30px; right: 30px; z-index: 3;}.portfolio-column-slider .swiper-button-prev{left: 40px; right: auto; z-index: 4;}.portfolio-column-slider .swiper-button-next{right: 40px; left: auto; z-index: 4;}body.out .portfolio-column-slider .slider-arrow-prev-box,body.out .portfolio-column-slider .slider-arrow-next-box{-webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}@media only screen and (max-width: 999px){.portfolio-column-slider .swiper-button-prev{left: 20px;}.portfolio-column-slider .swiper-button-next{right: 20px;}.left-arrow-back{left: 10px;}.right-arrow-back{right: 10px;}}@media only screen and (max-width: 549px){.portfolio-column-slider .swiper-button-prev{left: 10px; bottom: 20px;}.portfolio-column-slider .swiper-button-next{right: 10px; bottom: 20px;}.left-arrow-back{left: 0; bottom: 10px;}.right-arrow-back{right: 0; bottom: 10px;}}/* 15.5.6. Fullscreen home slider arrows */.fullscreen-home-slider .swiper-button-prev{left: 40px;}.fullscreen-home-slider .swiper-button-next{left: 90px;}@media only screen and (max-width: 999px){.fullscreen-home-slider .swiper-button-prev{left: 20px;}.fullscreen-home-slider .swiper-button-next{left: 70px;}}@media only screen and (max-width: 549px){.fullscreen-home-slider .swiper-button-prev{left: 10px;}.fullscreen-home-slider .swiper-button-next{left: 60px;}}/* 15.6. Portfolio full screen slider */.portfolio-slider{height: 100vh; width: 100%;}.swiper-image{width: 100%; height: 100%;}.swiper-image-inner{background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; height: 100%;}.portfolio-slider .swiper-slide{overflow: hidden;}.portfolio-slider .swiper-wrapper{-webkit-transition-timing-function: cubic-bezier(.2, 0, .07, 1); -o-transition-timing-function: cubic-bezier(.2, 0, .07, 1); transition-timing-function: cubic-bezier(.2, 0, .07, 1);}.portfolio-slider-content{height: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.portfolio-slider-overlay-box{position: absolute; bottom: 40px; left: 40px; overflow: hidden;}@media only screen and (max-width: 999px){.portfolio-slider-overlay-box{left: 20px;}}@media only screen and (max-width: 549px){.portfolio-slider-overlay-box{bottom: 20px; left: 10px;}}/* 15.6.1. Portfolio slider overlay animations */.portfolio-slider-overlay{display: inline-block; overflow: hidden; position: relative; -webkit-transition: .8s cubic-bezier(.86, 0, .07, 1); -o-transition: .8s cubic-bezier(.86, 0, .07, 1); transition: .8s cubic-bezier(.86, 0, .07, 1); -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}.swiper-slide-active .portfolio-slider-overlay{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}.portfolio-slider-overlay:before{content: ''; width: calc(100% + 1px); height: 100%; background: white; position: absolute; top: 0; left: 100%; -webkit-transition: 1s cubic-bezier(.86, 0, .07, 1); -o-transition: 1s cubic-bezier(.86, 0, .07, 1); transition: 1s cubic-bezier(.86, 0, .07, 1); z-index: 3; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s;}.swiper-slide-active .portfolio-slider-overlay:before{-webkit-transform: translateX(1%); -ms-transform: translateX(1%); transform: translateX(1%); -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s;}body.out .swiper-slide-active .portfolio-slider-overlay{-webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}/* 15.6.2. Portfolio slider fade animations */.portfolio-slider-fade{display: inline-block; overflow: hidden; position: relative; -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); -webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}.swiper-slide-active .portfolio-slider-fade{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 1.6s cubic-bezier(.165, .84, .44, 1); -o-transition: 1.6s cubic-bezier(.165, .84, .44, 1); transition: 1.6s cubic-bezier(.165, .84, .44, 1); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}body.out .swiper-slide-active .portfolio-slider-fade{-webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}.swiper-slide-active .portfolio-slider-fade.portfolio-slider-tr-01{-webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s;}.swiper-slide-active .portfolio-slider-fade.portfolio-slider-tr-02{-webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s;}.swiper-slide-active .portfolio-slider-fade.portfolio-slider-tr-03{-webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s;}/* 15.7. Portfolio slider */.portfolio-slider2{position: relative;}.portfolio-slider2 .swiper-wrapper{-webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1);}.portfolio-slider2 .swiper-slide{position: relative;}.portfolio-slider2 .portfolio-slider2-content{position: absolute; bottom: 20px; left: 20px; overflow: hidden; width: calc(100% - 40px);}.portfolio-slider2 .portfolio-slider-overlay:before{background: #d2a910;}.portfolio-slider2 .swiper-slide{display: block;}@media only screen and (max-width: 999px){.portfolio-slider2{margin: 0 20px;}}@media only screen and (max-width: 549px){.portfolio-slider2{margin: 0 10px;}}/* 15.8. Portfolio columns slider */.portfolio-column-slider{width: 100%; height: 100vh;}.portfolio-column-slider .swiper-wrapper{-webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1);}.portfolio-column-bg{background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%;}.portfolio-column-content{position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: calc(100% - 40px);}/* 15.8.1. Portfolio columns slider hover effects */.portfolio-column-fade{-webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1); -o-transition: 1s cubic-bezier(.77, 0, .175, 1); transition: 1s cubic-bezier(.77, 0, .175, 1); display: inline-block;}.hover-box:hover .portfolio-column-fade{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 1.6s cubic-bezier(.165, .84, .44, 1); -o-transition: 1.6s cubic-bezier(.165, .84, .44, 1); transition: 1.6s cubic-bezier(.165, .84, .44, 1);}.hover-box:hover .portfolio-column-bg{opacity: .5;}.touch body.anim .portfolio-column-slider .portfolio-column-fade{-webkit-transition: 1.6s cubic-bezier(.165, .84, .44, 1); -o-transition: 1.6s cubic-bezier(.165, .84, .44, 1); transition: 1.6s cubic-bezier(.165, .84, .44, 1); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}.touch body.anim.out .portfolio-column-slider .portfolio-column-fade{-webkit-transition: 1s cubic-bezier(.165, .84, .44, 1); -o-transition: 1s cubic-bezier(.165, .84, .44, 1); transition: 1s cubic-bezier(.165, .84, .44, 1); -webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%);}/* 15.9. Fullscreen home slider */.fullscreen-home-slider .slide-bg{width: 100%;}.home-slider.fullscreen-home-slider .swiper-wrapper{-webkit-transition-timing-function: cubic-bezier(.2, 0, .07, 1); -o-transition-timing-function: cubic-bezier(.2, 0, .07, 1); transition-timing-function: cubic-bezier(.2, 0, .07, 1);}.fullscreen-home-slider .scroll-btn{left: 50%;}/*--------------------------------------------------------------16. List dots--------------------------------------------------------------*/.list-dots li{padding-left: 20px; position: relative;}.list-dots li:before{content: ''; width: 5px; height: 5px; border-radius: 50%; background: #d2a910; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}/*--------------------------------------------------------------17. Services--------------------------------------------------------------*/.services-bg{width: 100%; height: 50vh; background-size: cover; background-position: center center; background-repeat: no-repeat;}.services-content h2,.services-content h3 span{margin-bottom: 2px;}.services-content h3 span:last-child{margin-bottom: 0;}.services-content p{margin-top: 0;}.services-content ul{margin-top: 30px;}.services-content li{margin-bottom: 10px;}.services-content li p{margin-top: 0;}.services-content li:last-child{margin-bottom: 0;}.expertise-img-box{width: 100%;}.expertise p{margin-top: 10px;}.expertise{margin-top: 20px;}@media only screen and (max-width: 999px){.services-content p{margin-top: 30px;}}/*--------------------------------------------------------------18. Progress bar--------------------------------------------------------------*/.progress-container .container,.progress-container .six-columns{position: static;}.progress-bg{position: absolute; width: 50%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 0;}.progress-box{position: relative; overflow: hidden; margin-bottom: 20px;}.progress-box:last-child{margin-bottom: 0;}.progress-box div{font-size: 12px;}.progress-counter{position: absolute; top: 0px; right: 0px; display: block; margin-right: 0px;}.progress-zero{position: relative; overflow: hidden; height: 1px; margin-top: 6px; background: rgba(250, 250, 250, .1);}.progress-full{position: absolute; left: 0px; top: 0px; height: 1px; width: 0; background-color: white; z-index: 2;}.progress-full.progress-full-red{background-color: #d2a910; z-index: 3;}.slide-progress{-webkit-animation-name: slide-progress; animation-name: slide-progress; -webkit-animation-duration: 1.7s; animation-duration: 1.7s; -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1); animation-timing-function: cubic-bezier(.23, 1, .32, 1);}@-webkit-keyframes slide-progress{0%{-webkit-transform: translateX(-100%); transform: translateX(-100%);}100%{-webkit-transform: translateX(0); transform: translateX(0);}}@keyframes slide-progress{0%{-webkit-transform: translateX(-100%); transform: translateX(-100%);}100%{-webkit-transform: translateX(0); transform: translateX(0);}}@media only screen and (max-width: 767px){.progress-container .six-columns, .progress-container .container{position: relative;}.progress-bg{position: static; width: 100%; height: 100vh;}}/*--------------------------------------------------------------19. Portfolio--------------------------------------------------------------*/.portfolio-content .portfolio-content-inner{min-height: 70vh;}.portfolio-content .six-columns,.portfolio-content .container{position: static;}.portfolio-content-bg-box{position: absolute; width: 50%; height: 100%; left: 50%; top: 0; display: inline-block; z-index: 2;}.reverse .portfolio-content-bg-box{left: 0;}.portfolio-content-bg{width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}.portfolio-content h2 span,.portfolio-content span{margin-bottom: 2px;}.portfolio-content h2 span:last-child{margin-bottom: 0;}@media only screen and (max-width: 767px){.portfolio-content .six-columns, .portfolio-content .container{position: relative;}.portfolio-content-bg-box{position: static; width: 100%; left: 0;}.portfolio-content-bg{height: 100vh;}}/*--------------------------------------------------------------20. Project--------------------------------------------------------------*/.project-content p{margin-top: 0;}.project-content li{margin-top: 13px;}.project-content h2,.project-content2 h2{line-height: 1.5;}.project-content2{-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}.project-quot h5{line-height: 2;}.project-quot h5 span{font-weight: 300;}@media only screen and (max-width: 767px){.project-quot h5{text-align: center;}.project-quot blockquote{margin-bottom: 30px;}}/*--------------------------------------------------------------21. About--------------------------------------------------------------*/.about-page p{margin-top: 0;}.about-page ul li{margin-top: 10px;}.about-page ul li p{line-height: 1.3; margin-top: 0;}@media only screen and (max-width: 767px){.about-page p{margin-top: 30px;}}/* 21.1. Team */.team-img-box{width: 100%;}.team-content p{margin-top: 10px;}.team-content{margin-top: 20px;}.team-title-box h2,.team-title-box h3 span{margin-bottom: 2px;}.team-title-box h3 span:last-child{margin-bottom: 0;}/*--------------------------------------------------------------22. Our clients--------------------------------------------------------------*/.client-list{-webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%;}.client-list li{-ms-flex-preferred-size: 25%; flex-basis: 25%; text-align: center; height: 220px;}.client-list li a{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #888888; border-right: 1px solid #888888; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}.client-list li:nth-child(4n) a{border-right: none;}.client-list li:nth-last-child(1) a,.client-list li:nth-last-child(2) a,.client-list li:nth-last-child(3) a,.client-list li:nth-last-child(4) a{border-bottom: none;}.client-list .brand-box{height: 150px; width: 150px; position: relative;}.hover-opac-img{-webkit-transition: .7s cubic-bezier(.165, .84, .44, 1); -o-transition: .7s cubic-bezier(.165, .84, .44, 1); transition: .7s cubic-bezier(.165, .84, .44, 1);}.opac-img{position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: .7s cubic-bezier(.165, .84, .44, 1); -o-transition: .7s cubic-bezier(.165, .84, .44, 1); transition: .7s cubic-bezier(.165, .84, .44, 1);}.client-list li:hover .opac-img{opacity: 1;}.client-list li:hover .hover-opac-img{opacity: 0;}.empty-spot{position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column;}.empty-spot:before,.empty-spot:after{content: ''; width: 1px; height: calc(100% - 40px); background: #d2a910; position: absolute; right: 20px; bottom: 20px; -webkit-transform: scaleY(.4) scaleX(1); -ms-transform: scaleY(.4) scaleX(1); transform: scaleY(.4) scaleX(1); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1); -o-transition: .5s cubic-bezier(.86, 0, .07, 1); transition: .5s cubic-bezier(.86, 0, .07, 1);}.empty-spot:after{width: calc(100% - 40px); height: 1px; -webkit-transform: scaleY(1) scaleX(.4); -ms-transform: scaleY(1) scaleX(.4); transform: scaleY(1) scaleX(.4); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right;}.empty-spot-box{position: relative;}.empty-spot-box:before,.empty-spot-box:after{content: ''; width: 1px; height: calc(100% - 40px); background: #d2a910; position: absolute; left: 20px; top: 20px; -webkit-transform: scaleY(.4) scaleX(1); -ms-transform: scaleY(.4) scaleX(1); transform: scaleY(.4) scaleX(1); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1); -o-transition: .5s cubic-bezier(.86, 0, .07, 1); transition: .5s cubic-bezier(.86, 0, .07, 1);}.empty-spot-box:after{width: calc(100% - 40px); height: 1px; -webkit-transform: scaleY(1) scaleX(.4); -ms-transform: scaleY(1) scaleX(.4); transform: scaleY(1) scaleX(.4); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left;}.empty-spot-box:hover:before,.empty-spot-box:hover:after,.client-list li:hover .empty-spot:before,.client-list li:hover .empty-spot:after{-webkit-transform: scaleX(1) scaleY(1); -ms-transform: scaleX(1) scaleY(1); transform: scaleX(1) scaleY(1);}@media only screen and (max-width: 999px){.client-list li{height: 190px;}}@media only screen and (max-width: 767px){.client-list li{-ms-flex-preferred-size: 50%; flex-basis: 50%;}.client-list li:nth-child(2n) a{border-right: none;}.client-list li:nth-last-child(3) a, .client-list li:nth-last-child(4) a{border-bottom: 1px solid #888888;}}@media only screen and (max-width: 549px){.client-list .brand-box{height: 120px; width: 120px;}.client-list li{height: 170px;}}/*--------------------------------------------------------------23. Video content--------------------------------------------------------------*/.video-content-bg{position: relative; width: 100%; height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat;}.video-play-button{position: absolute; z-index: 3; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 32px; height: 44px; border-radius: 50%; padding: 18px 20px 18px 28px;}.video-play-button:before{content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #d2a910; border-radius: 50%; -webkit-animation: pulse-border 1.5s cubic-bezier(.77, 0, .175, 1) infinite; animation: pulse-border 1.5s cubic-bezier(.77, 0, .175, 1) infinite;}.video-play-button:after{content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #d2a910; border-radius: 50%;}.video-play-button span{display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 32px solid #1b2a2f; border-top: 22px solid transparent; border-bottom: 22px solid transparent;}@-webkit-keyframes pulse-border{0%{-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}100%{-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}}@keyframes pulse-border{0%{-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}100%{-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}}/*--------------------------------------------------------------24. Blog--------------------------------------------------------------*/.blog-title span{margin-bottom: 2px;}.blog-title span:last-child{margin-bottom: 0;}.blog-category,.blog-tags{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap;}.blog-category li,.blog-tags li{margin-left: 10px;}.blog-category li:first-child,.blog-tags li:first-child{margin-left: 20px; margin-right: 10px;}.blog-category li i,.blog-tags li i{font-size: 12px;}.blog-autor-date{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}/* 24.1. Sidebar */.sidebar-box{padding: 0 20px;}.sidebar-box h4{line-height: 2.5; padding-right: 25px; background: #1b2a2f;}/* 24.1.1. Search form */.form-search{padding: 10px 20px; position: relative; border: 1px solid #1b2a2f; background: #1b2a2f;}.search-control{color: white; width: calc(100% - 50px); border: none; font-size: 12px; font-weight: 400; line-height: normal; letter-spacing: 1px; text-transform: uppercase; font-family: 'Oswald', sans-serif;}.search-btn{text-align: center; font-size: 13px; line-height: 13px; position: absolute; top: 50%; right: 0; height: 100%; width: 50px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: none; color: #d2a910; background: #1b2a2f; -webkit-transition: .7s cubic-bezier(.165, .84, .44, 1); -o-transition: .7s cubic-bezier(.165, .84, .44, 1); transition: .7s cubic-bezier(.165, .84, .44, 1);}.search-btn:hover{background: #d2a910; color: #262626;}/* 24.1.2. Categories */.widget-categories li{margin-bottom: 10px;}.widget-categories li:last-child{margin-bottom: 0;}.widget-categories a{font-size: 15px; padding-right: 15px; line-height: 2; background: #1b2a2f; display: inline-block;}/* 24.1.3. Recent-posts */.recent-entry{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 30px; background: #1b2a2f;}.recent-entry:last-child{margin-bottom: 0;}.recent-entry .recent-entry-img-box{width: 100px;}.recent-desc{padding: 5px 15px;}@media only screen and (min-width: 768px) and (max-width: 999px){.recent-entry{display: block;}}/* 24.1.4. Tegs */.widget-tags li{margin-right: 5px; margin-bottom: 5px;}.widget-tags li a{font-size: 15px; padding-right: 15px; line-height: 2; background: #1b2a2f; display: inline-block;}/* 24.1.5. Widget-instagram */.widget-instagram li{-ms-flex-preferred-size: 50%; flex-basis: 50%;}.widget-instagram li:nth-child(1) div,.widget-instagram li:nth-child(2) div{margin-bottom: 20px;}.widget-instagram li:nth-child(1) div,.widget-instagram li:nth-child(3) div{margin-right: 10px;}.widget-instagram li:nth-child(2) div,.widget-instagram li:nth-child(4) div{margin-left: 10px;}/* 24.2. Single post */.content-margin-block{margin: 0 40px;}.quote-content{margin-top: 30px; padding: 20px; position: relative; background: #d2a910;}.quote-content:before{content: ''; width: 24px; height: 24px; background: #d2a910; position: absolute; right: 30px; bottom: -11px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}.quote-content p{margin-top: 0;}.post-img-flex{margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap;}.post-img-box{margin-top: 20px; -ms-flex-preferred-size: 50%; flex-basis: 50%;}.post-img-box:nth-child(odd) div{margin-right: 10px;}.post-img-box:nth-child(even) div{margin-left: 10px;}.post-share{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 30px 0;}.post-share-social{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap;}.post-share-social li{margin-left: 20px;}.post-share-social li a{font-size: 15px;}@media only screen and (max-width: 999px){.content-margin-block{margin: 0 20px;}}@media only screen and (max-width: 549px){.content-margin-block{margin: 0 10px;}.post-img-box{-ms-flex-preferred-size: 100%; flex-basis: 100%;}.post-img-box:nth-child(odd) div{margin-right: 0;}.post-img-box:nth-child(even) div{margin-left: 0;}}/* 24.2.1. Post autor */.autor-img{-ms-flex-preferred-size: 130px; flex-basis: 130px;}.autor-bio-flex{display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 30px; padding-bottom: 30px; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}.autor-bio-desc{margin-left: 20px; -ms-flex-preferred-size: calc(100% - 150px); flex-basis: calc(100% - 150px);}.autor-bio-desc p{margin-top: 20px;}.autor-social{display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px;}.autor-social li{margin-right: 20px;}.autor-social li a{font-size: 14px;}@media only screen and (max-width: 549px){.autor-img{-ms-flex-preferred-size: 100%; flex-basis: 100%;}.autor-bio-desc{margin-left: 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px;}}/* 24.2.2. Post comments */.comments-list{width: 100%;}.comments-list li{border-bottom: 1px solid #bcbdbd; padding-bottom: 20px; margin-bottom: 30px;}.comments-list li:last-child{border-bottom: none;}.comment-children{margin: 20px 0 0 90px; padding-top: 30px; border-top: 1px solid #bcbdbd;}.comment-children li:last-child{margin-bottom: 0; padding-bottom: 0}.comment-content{position: relative;}.comment-avatar{position: absolute; top: 0; left: 0; width: 70px;}.post-comment{padding-left: 90px;}.comments-box .date{margin-top: 10px;}.comments-box p{margin-top: 20px;}.reply{position: absolute; top: 0; right: 0;}@media only screen and (max-width: 999px){.comment-children{margin: 20px 0 0 0;}}@media only screen and (max-width: 399px){.reply{position: static;}.comments-box p{margin-bottom: 20px;}}/* 24.2.3. Comment form */.comments-form{width: 100%; text-align: center;}.comment-form-control{width: 100%; margin-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #8c8b8b; border-color: #bcbdbd; border-style: solid; border-width: 1px; padding: 20px; font-size: 12px; font-weight: 400; line-height: normal; letter-spacing: 1px; text-transform: uppercase; font-family: 'Oswald', sans-serif;}.comments-form textarea{height: 200px;}/*--------------------------------------------------------------25. Contact--------------------------------------------------------------*/.contact-box p{margin-top: 0; margin-bottom: 2px; font-size: 18px;}.contact-box p span,.contact-box h6 span{margin-bottom: 2px;}.contact-box p:last-child,.contact-box p span:last-child,.contact-box h6 span:last-child{margin-bottom: 0;}.contact-box .flip-btn-box{margin-top: 30px; margin-right: 20px; line-height: 1.2;}.contact-box .flip-btn{white-space: nowrap; line-height: 1.2;}/* 25.1. Contact form */.contact-form-box{background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;}.bg-overlay{position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .40); width: 100%; height: 100%;}.contact-form-box .border-btn-box{border: 1px solid white;}.contact-form-box .border-btn:before{color: white;}.contact-form-control{width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-bottom: 1px solid rgba(250, 250, 250, .4); padding: 0 0 10px 0; margin-bottom: 40px; font-size: 12px; font-weight: 400; line-height: normal; letter-spacing: 1px; text-transform: uppercase; color: white; font-family: 'Oswald', sans-serif; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}.contact-form-box textarea{height: 100px; margin-bottom: 0;}.contact-form-control:focus{border-bottom: 1px solid white;}/*--------------------------------------------------------------26. Video background--------------------------------------------------------------*/.page-head video{min-height: 100%; min-width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}.video-bg-box .scroll-btn{left: 50%;}/*--------------------------------------------------------------27. Portfolio grid--------------------------------------------------------------*//* 27.1. isotope buttons */.filter-buttons{text-align: center; margin-bottom: 30px;}.filter-button-box{overflow: hidden; display: inline-block; margin-bottom: 10px;}.filter-button-flip{border: 0; background: transparent; margin: 0 15px; cursor: none; outline: 0; position: relative; color: transparent; font-family: 'Oswald', sans-serif; font-size: 12px; line-height: 1; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; display: block;}.filter-button-flip:before,.filter-button-flip:after{color: #262626; content: attr(data-text); position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; display: block; -webkit-transition: .4s cubic-bezier(.86, 0, .07, 1); -o-transition: .4s cubic-bezier(.86, 0, .07, 1); transition: .4s cubic-bezier(.86, 0, .07, 1);}.filter-button-flip:after{-webkit-transform: translateY(-170%); -ms-transform: translateY(-170%); transform: translateY(-170%); color: #d2a910;}.filter-button-box.active .filter-button-flip:before{-webkit-transform: translateY(52%); -ms-transform: translateY(52%); transform: translateY(52%);}.filter-button-box.active .filter-button-flip:after{-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}.dark-bg-1 .filter-button-flip:before,.dark-bg-2 .filter-button-flip:before{color: white;}.red-bg .filter-button-flip:after{color: white;}/* 27.2. Isotope item */.grid-item{width: 33.33%; display: block;}.work_item{margin: 20px 10px 0 10px; position: relative; background: #111517;}.works-content{position: absolute; bottom: 20px; left: 20px; width: calc(100% - 40px); overflow: hidden;}.works-content span{margin-top: 1px;}/* 27.3. Isotope hover */.work-title-overlay{display: inline-block; overflow: hidden; position: relative; -webkit-transition: .8s cubic-bezier(.86, 0, .07, 1); -o-transition: .8s cubic-bezier(.86, 0, .07, 1); transition: .8s cubic-bezier(.86, 0, .07, 1); -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s;}.work-title-delay01.work-title-overlay{-webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s;}.work-title-delay02.work-title-overlay{-webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s;}.work-title-delay03.work-title-overlay{-webkit-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s;}.work-title-delay04.work-title-overlay{-webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}.hover-box:hover .work-title-overlay{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}.hover-box:hover .work-title-delay01.work-title-overlay{-webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s;}.hover-box:hover .work-title-delay02.work-title-overlay{-webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}.hover-box:hover .work-title-delay03.work-title-overlay{-webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s;}.hover-box:hover .work-title-delay04.work-title-overlay{-webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s;}.work-title-overlay:before{content: ''; width: calc(100% + 1px); height: 100%; background: white; position: absolute; top: 0; left: 100%; -webkit-transition: 1s cubic-bezier(.86, 0, .07, 1); -o-transition: 1s cubic-bezier(.86, 0, .07, 1); transition: 1s cubic-bezier(.86, 0, .07, 1); z-index: 3; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}.red-color.work-title-overlay:before{background: #d2a910;}.hover-box:hover .work-title-overlay:before{-webkit-transform: translateX(1%); -ms-transform: translateX(1%); transform: translateX(1%); -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s;}.hover-box:hover .work-title-delay01.work-title-overlay:before{-webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s;}.hover-box:hover .work-title-delay02.work-title-overlay:before{-webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s;}.hover-box:hover .work-title-delay03.work-title-overlay:before{-webkit-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s;}.hover-box:hover .work-title-delay04.work-title-overlay:before{-webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}.works .hover-box:hover .hover-img{opacity: .5;}.touch .works .work-title-overlay{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}.touch .works .work-title-overlay:before{-webkit-transform: translateX(1%); -ms-transform: translateX(1%); transform: translateX(1%);}@media only screen and (max-width: 999px){.grid-item{width: 50%;}}@media only screen and (max-width: 767px){.grid-item{width: 100%;}.work_item{margin: 20px 0 0 0;}}/*--------------------------------------------------------------28. Typewriter home--------------------------------------------------------------*/.typewriter-home .page-head-bg{width: 100%;}.typewriter-home .scroll-btn{left: 50%;}.Typewriter__cursor{width: 30px; height: 5px; display: inline-block; background: #d2a910; overflow: hidden;}@media only screen and (max-width: 999px){.Typewriter__cursor{width: 23px; height: 4px;}}@media only screen and (max-width: 549px){.Typewriter__cursor{width: 15px; height: 3px;}}/*--------------------------------------------------------------29. Particles home--------------------------------------------------------------*/.particles-home .page-head-bg{width: 100%;}.particles-home .scroll-btn{left: 50%;}/*--------------------------------------------------------------30. Price table--------------------------------------------------------------*/.price-details{border-radius: 8px; overflow: hidden; padding-bottom: 60px; text-align: center;}.pricing-title{background: #d2a910; padding: 20px 0;}.pricing-title.price-title-paddings{padding: 40px 0;}.price-details-margins{margin-top: 20px;}.price-content{margin: 30px 20px 0 20px;}.price-list{margin: 60px 20px;}.price-list li{padding-left: 20px; position: relative; margin-bottom: 10px;}.price-list li:last-child{margin-bottom: 0;}.price-list li:before{content: ""; width: 6px; height: 3px; border-bottom: 2px solid #d2a910; border-left: 2px solid #d2a910; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg);}/* 30.1. Price button */.price-btn-box{height: 50px; border: 1px solid white; border-radius: 25px; display: inline-block; -webkit-transition: .7s cubic-bezier(.165, .84, .44, 1); -o-transition: .7s cubic-bezier(.165, .84, .44, 1); transition: .7s cubic-bezier(.165, .84, .44, 1);}.price-btn-box:hover{border: 1px solid #d2a910; background: #d2a910;}.price-btn{padding: 0 40px; color: white; text-transform: uppercase; line-height: 50px; font-size: 14px; font-weight: 500; letter-spacing: 2px; -webkit-transition: .7s cubic-bezier(.165, .84, .44, 1); -o-transition: .7s cubic-bezier(.165, .84, .44, 1); transition: .7s cubic-bezier(.165, .84, .44, 1);}.price-btn-box:hover .price-btn{color: black;}.price-btn-box.price-btn-bg{background: #d2a910; border: 1px solid #d2a910;}.price-btn-box.price-btn-bg .price-btn{color: black;}@media only screen and (max-width: 767px){.price-details-margins{margin-top: 0;}}