@media only screen and (max-width: 640px){.menu-item{margin: 0 0 10px 0;}} @media only screen and (max-width: 640px) and (orientation: landscape){.menu-item{margin: 0 0 5px 0;}} @media only screen and (max-width: 480px){.menu-item{margin: 0 0 10px 0;}} .menu-link{position: relative; font-family: 'Apercu-light'; font-size: 35px; font-weight: 700; text-transform: lowercase; line-height: 1; color: #fff;} .menu-link.dark{color: #111;} @media only screen and (max-width: 880px){.menu-link{font-size: 30px;}} @media only screen and (max-width: 640px){.menu-link{font-size: 20px;}} .menu-link:after{} @media only screen and (max-width: 880px){.menu-link:after{height: 4px; bottom: -9px;}} @media only screen and (max-width: 640px){.menu-link:after{height: 2px; bottom: -6px;}} @media only screen and (max-width: 640px) and (orientation: landscape){.menu-link:after{height: 2px; bottom: -3px;}} @media only screen and (max-width: 480px){.menu-link:after{height: 2px; bottom: -6px;}} .menu-link.dark:after{background-color: #111;} .menu-link:hover{color: #fff;} .menu-link:hover, .menu-link:visited, .menu-link:active, .menu-link:focus{color: #fff;} .menu-link.dark:hover{color: #111;} .menu-link.dark:hover, .menu-link.dark:visited, .menu-link.dark:active, .menu-link.dark:focus{color: #111;} .menu-link:hover:after{width: 100%; background-color: #fff;} .menu-link.dark:hover:after{background-color: #111;} .navigation{position: fixed; display: none; width: -webkit-calc(100% - 50px); width: calc(100% - 50px); top: 85px; left: 50%; bottom: 55px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1); -o-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1); transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1); z-index: 101;} .navigation-social-icons{position: absolute; display: block; width: 100%; left: 50%; bottom: -25px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} @media only screen and (max-width: 640px){.navigation-social-icons{display: block; visibility: visible;}} @media only screen and (max-width: 640px) and (orientation: landscape){.navigation-social-icons{display: none; visibility: hidden;}} @media only screen and (max-width: 480px){.navigation-social-icons{display: block; visibility: visible;}} .navigation-social-icons ul{margin: 0 auto; padding: 0; list-style-type: none;} .navigation-social-icons ul li{display: inline-block; margin: 0 auto; padding: 0 0 0 5px;} ul.social-icons{position: relative; font-size: 16px; line-height: 1; margin: 0; padding: 0;} ul.social-icons a{padding: 0; color: #fff; text-decoration: none; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} ul.social-icons.dark a{color: #111;} ul.social-icons a:hover{padding: 0; color: #fff; text-decoration: none; opacity: 0.3; -moz-opacity: 0.3; -webkit-opacity: 0.3; filter: alpha(opacity=30); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} ul.social-icons.dark a:hover{color: #111;} #menu-mobile-btn{position: fixed; width: 63px; height: 50px; top: 36px; right: 35px; -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1); z-index: 200;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active){#menu-mobile-btn{z-index: 300;}} @media only screen and (max-width: 1200px){#menu-mobile-btn{top: 11px; right: 10px;}} .menu-toggle{position: absolute; display: block; padding: 0; background: none; line-height: 1; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border: none; z-index: 101;} #menu-mobile{position: fixed; font-family: 'Apercu-light'; font-size: 30px; font-style: normal; text-transform: lowercase; font-weight: 500; letter-spacing: 1px; line-height: 1; width: 390px; height: 100%; right: -200%; top: 0; margin: auto; -webkit-transition: right .6s ease-in-out; -moz-transition: right .6s ease-in-out; -ms-transition: right .6s ease-in-out; -o-transition: right .6s ease-in-out; transition: right .6s ease-in-out; -webkit-transform: skew(-22deg, 0deg); -moz-transform: skew(-22deg, 0deg); -ms-transform: skew(-22deg, 0deg); -o-transform: skew(-22deg, 0deg); transform: skew(-22deg, 0deg); background: rgba(0, 0, 0, 1); z-index: 101;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active){#menu-mobile{z-index: 250;}} @media only screen and (max-width: 880px){#menu-mobile{font-size: 20px; width: 300px;}} @media only screen and (max-width: 640px){#menu-mobile{font-size: 17px; width: 230px;}} #menu-mobile.activated{right: 0;} #menu-mobile ul{width: 390px; list-style: none outside none; margin: 0 auto; padding-left: 93px;} @media only screen and (max-width: 880px){#menu-mobile ul{width: 300px; padding-left: 63px;}} #menu-mobile ul li{padding: 0 0 2px 0; cursor: pointer;} @media only screen and (max-width: 880px){#menu-mobile ul li{padding: 0 0 3px 0;}} @media only screen and (max-width: 640px){#menu-mobile ul{width: 230px; padding-left: 28px;}} #menu-mobile .credits{font-size: 12px; margin: 7px 0 0 0;} @media only screen and (max-width: 880px){#menu-mobile .credits{font-size: 10px;}} #menu-mobile .credits a{color: #fff; text-decoration: none;} #menu-mobile a{display: none; min-width: 10px; color: #fff; text-decoration: none; -webkit-transition: color .8s ease-in-out; -moz-transition: color .8s ease-in-out; -ms-transition: color .8s ease-in-out; -o-transition: color .8s ease-in-out; transition: color .8s ease-in-out;} #menu-mobile a:hover{color: #8d8d8d; -webkit-transition: color .8s ease-in-out; -moz-transition: color .8s ease-in-out; -ms-transition: color .8s ease-in-out; -o-transition: color .8s ease-in-out; transition: color .8s ease-in-out;} #menu-mobile li .active{color: #8d8d8d;} .menu-nav-wrapper{display: table; width: 100%; height: 100%; overflow: hidden;} .menu-nav{display: table-cell; width: 100%; height: 100%; vertical-align: middle;} .lines-button{margin: -16px 0 0 -3px; padding: 30px 16px; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .lines-button:hover{opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .lines-button:active{-webkit-transition: 0; -moz-transition: 0; -ms-transition: 0; -o-transition: 0; transition: 0;} .lines{position: relative; display: inline-block; width: 35px; height: 2px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; background: #111;} .lines.inverse-light{background: #fff;} .lines.inverse-dark{background: #111;} .lines:after, .lines:before{content: ""; position: absolute; display: inline-block; width: 35px; height: 2px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; left: 0; -webkit-transform-origin: .28571rem center; -moz-transform-origin: .28571rem center; -ms-transform-origin: .28571rem center; -o-transform-origin: .28571rem center; transform-origin: .28571rem center; background: #111;} .lines.inverse-light:after, .lines.inverse-light:before{background: #fff;} .lines.inverse-dark:after, .lines.inverse-dark:before{background: #111;} .lines:before{top: 10px;} .lines:after{top: -10px;} .lines-button.minus.lines-close .lines:after, .lines-button.minus.lines-close .lines:before{-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: 0; width: 35px; background: #8d8d8d;} .lines-button.x.lines-close .lines{background: 0 0;} .lines-button.x.lines-close .lines:after, .lines-button.x.lines-close .lines:before{-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 35px; background: #8d8d8d;} .lines-button.x.lines-close .lines:before{-webkit-transform: rotate3d(0,0,1,45deg); -moz-transform: rotate3d(0,0,1,45deg); -ms-transform: rotate3d(0,0,1,45deg); -o-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg);} .lines-button.x.lines-close .lines:after{-webkit-transform: rotate3d(0,0,1,-45deg); -moz-transform: rotate3d(0,0,1,-45deg); -ms-transform: rotate3d(0,0,1,-45deg); -o-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);} .lines-button.x2 .lines{-webkit-transition: background .3s .5s ease; -moz-transition: background .3s .5s ease; -ms-transition: background .3s .5s ease; -o-transition: background .3s .5s ease; transition: background .3s .5s ease;} .lines-button.x2 .lines:after, .lines-button.x2 .lines:before{-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: top .3s .6s ease, -webkit-transform .3s ease; -moz-transition: top .3s .6s ease, -moz-transform .3s ease; -ms-transition: top .3s .6s ease, -ms-transform .3s ease; -o-transition: top .3s .6s ease, -o-transform .3s ease; transition: top .3s .6s ease, transform .3s ease;} .lines-button.x2.lines-close .lines{-webkit-transition: background .3s 0 ease; -moz-transition: background .3s 0 ease; -ms-transition: background .3s 0 ease; -o-transition: background .3s 0 ease; transition: background .3s 0 ease; background: 0 0;} .lines-button.x2.lines-close .lines:after, .lines-button.x2.lines-close .lines:before{-webkit-transition: top .3s ease, -webkit-transform .3s .5s ease; -moz-transition: top .3s ease, -moz-transform .3s .5s ease; -ms-transition: top .3s ease, -ms-transform .3s .5s ease; -o-transition: top .3s ease, -o-transform .3s .5s ease; transition: top .3s ease, transform .3s .5s ease; top: 0; width: 35px; background: #8d8d8d;} .lines-button.x2.lines-close .lines:before{-webkit-transform: rotate3d(0,0,1,45deg); -moz-transform: rotate3d(0,0,1,45deg); -ms-transform: rotate3d(0,0,1,45deg); -o-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg);} .lines-button.x2.lines-close .lines:after{-webkit-transform: rotate3d(0,0,1,-45deg); -moz-transform: rotate3d(0,0,1,-45deg); -ms-transform: rotate3d(0,0,1,-45deg); -o-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);} .fix-sticky{position: fixed!important; top: 0; left: 0;} .fix-sticky-admin{position: fixed!important; top: 32px !important; left: 0; z-index: 999 !important; max-width: auto; margin: 0 auto;} .main-navigation.dark.transparent.fix-sticky-admin.js-transparent.transparent #top_menu_light .link-underline, .main-navigation.dark.transparent.fix-sticky-admin.js-transparent.transparent #top_menu_light .link-underline a, .main-navigation.dark.transparent.fix-sticky-admin.js-transparent.transparent #top_menu_light > li > a, .main-navigation.dark.transparent.fix-sticky-admin.js-transparent.transparent #top_menu_light .link-underline a span{color: black; font-weight: bold;} #top_menu_light .link-underline::before{color: black; background: black; font-weight: bold;} }.full-width-wrapper{margin: 0 25px 0 -10px;} .main-navigation-logo{float: left;} .main-navigation-logo .main-navigation-logo-img{display: table-cell; vertical-align: middle; max-width: 130px; height: 75px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);} .main-navigation-logo .main-navigation-logo-img img{max-width: 100%; max-height: 65%; height: 60% !important; margin-top: 5% !important; margin-left:20px;} .main-navigation-logo .main-navigation-logo-img:before, .main-navigation-logo .main-navigation-logo-img:after{display: none;} .main-navigation-logo-img, a.main-navigation-logo-img:hover{cursor: pointer;} .main-navigation{position: relative; top: 0; left: 0; text-align: left; width: 100%; height: 45px!important; -webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); background-color: rgba(255, 255, 255, 1); z-index: 1015;} .main-navigation.dark{background-color: rgba(17, 17, 17, 1);} @media only screen and (max-width: 880px){.main-navigation{font-size: 13px;}} .main-navigation .main-inner-navigation ul > li > a{color: #fff;} .main-navigation .main-inner-navigation .dark ul > li > a{color: #000; text-shadow: 1px 1px 2px #000;} .main-navigation .main-inner-navigation.main-inner-navigation-dark ul > li > a{color: #111;} .main-navigation .main-inner-navigation ul > li > a:hover{color: rgba(255, 255, 255, 1);} .main-navigation .main-inner-navigation.main-inner-navigation-dark ul > li > a:hover{color: rgba(17, 17, 17, 1);} .main-navigation .main-inner-navigation ul > li > a.active{color: rgba(255, 255, 255, .55);} .main-navigation .main-inner-navigation.main-inner-navigation-dark ul > li > a.active{color: rgba(17, 17, 17, .55);} .reduce-height{height: 55px!important; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .35); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .35); box-shadow: 0 0 5px rgba(0, 0, 0, .35);} .reduce-height .main-navigation-logo .main-navigation-logo-img{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 7px;} .reduce-height .main-inner-navigation ul li a{height: 55px!important; line-height: 55px!important; text-shadow: none;} .main-inner-navigation{position: relative; display: inline-block; display: grid;} .main-inner-navigation ul{font-style: normal; font-weight: 400; font-size: 11px; text-align: center; text-transform: lowercase; letter-spacing: 1px; float: right; margin: auto; text-shadow: 1px 1px 2px #111;} .main-inner-navigation.main-inner-navigation-dark ul{text-shadow: none;} .main-inner-navigation ul li{float: left; margin-left: 25px; position: relative;} .main-inner-navigation ul li a{display: inline-block; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);} #language-menu-list{text-shadow: none !important;} #top_menu #language-menu-list li{float: left; clear: left; margin-left: -20px !important;} #top_menu_light #language-menu-list li{float: left; clear: left; margin-left: -20px !important;} .main-inner-navigation ul > li:first-child > a{} .main-inner-navigation ul li a:hover, .main-inner-navigation ul li a.active{color: #fff; text-decoration: none;} .main-inner-navigation.main-inner-navigation-dark ul li a:hover, .main-inner-navigation.main-inner-navigation-dark ul li a.active{color: #111; text-decoration: none;} .main-navigation.transparent{background: transparent!important;} .main-navigation.js-transparent{-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);} .link-underline{position: relative; text-decoration: none; cursor: pointer;} .link-underline:before{content: ""; position: absolute; width: 100%; height: 2px; bottom: 11px; left: 0; background: #fff; visibility: hidden; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;} .link-underline.dark:before{background: #111;} .link-underline.dark{color: #000 !important; text-shadow: none !important;} .link-underline:hover:before{visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);} .mobile-only{display: none; visibility: hidden;} @media only screen and (max-width: 880px){.mobile-only{display: block; visibility: visible;}} .link-underline-menu{position: relative; text-decoration: none; cursor: pointer;} .link-underline-menu:before, .link-underline-menu.dark:before{content: ""; position: absolute; width: 100%; height: 4px; bottom: -7px; left: 0; background: #fff; visibility: hidden; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;} .link-underline-menu.dark:before{background: #111;} @media only screen and (max-width: 880px){.link-underline-menu:before, .link-underline-menu.dark:before{height: 4px; bottom: -9px;}} @media only screen and (max-width: 640px){.link-underline-menu:before, .link-underline-menu.dark:before{height: 2px; bottom: -6px;}} @media only screen and (max-width: 640px) and (orientation: landscape){.link-underline-menu:before, .link-underline-menu.dark:before{height: 2px; bottom: -3px;}} @media only screen and (max-width: 480px){.link-underline-menu:before, .link-underline-menu.dark:before{height: 2px; bottom: -6px;}} .link-underline-menu:hover:before{visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);} #search-wrap{position: relative; width: 100%; height: 50px; overflow: hidden; display: inline-block; margin: 0 auto;} .input-search input[type="text"]{position: relative; display: inline-block; width: 400px; height: 50px; font-size: 14px; font-weight: normal; text-align: center; border: none; outline: none; color: #111; padding: 10px 0; background: none; cursor: pointer;} .input-search input[type="text"]{border-bottom: 1px solid #111; cursor: text; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .input-search input[type="text"]:hover{border-bottom: 1px solid #bbb; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .input-search input[type="text"]:focus{border-bottom: 1px solid #111; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .search-modal{position: fixed; width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); height: -webkit-calc(100% - 130px, 20px, 20px, 20px); height: -moz-calc(100% - 130px, 20px, 20px, 20px); height: calc(100% - 130px, 20px, 20px, 20px); top: 65px; left: 10px; bottom: 10px; right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; background: #f4f4f2; visibility: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index: 1005;} .search-modal.close{visibility: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .search-modal.open{width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); height: -webkit-calc(100% - 130px, 20px, 20px, 20px); height: -moz-calc(100% - 130px, 20px, 20px, 20px); height: calc(100% - 130px, 20px, 20px, 20px); top: 65px; left: 10px; bottom: 10px; right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; visibility: visible; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} @media only screen and (max-width: 640px){.search-modal, .search-modal.open{width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); height: -webkit-calc(100% - 120px, 10px, 10px, 10px); height: -moz-calc(100% - 120px, 10px, 10px, 10px); height: calc(100% - 120px, 10px, 10px, 10px); top: 60px; left: 5px; bottom: 5px; right: 5px;}} .section{padding: 120px 0 120px 0; line-height: 1.5; letter-spacing: 0.05em;} @media only screen and (max-width: 880px){.section{padding: 80px 0 80px 0;}} .section-links{position: relative; color: #111;} .section a, .section a:hover, .section a:visited, .section a:active, .section a:focus{color: #111;} .section-links:after, .section-title:after{content: ""; display: block; width: 20px; height: 1px; left: 0; background-color: #111; -webkit-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1); -o-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1); transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);} .section-links:after{position: absolute; bottom: -10px;} .section-title:after{position: relative; bottom: -9px;} @media only screen and (max-width: 1200px){.section-title:after{bottom: -14px;}} @media only screen and (max-width: 880px){.section-title:after{bottom: -14px;}} @media only screen and (max-width: 640px){.section-title:after{bottom: -18px;}} .section-links:hover, .section-title:hover{color: #111;} .section-links:hover:after{width: 100%; background-color: #111;} .section-title:hover:after{width: 160px; background-color: #111;} .section-title:before{content: ""; position: relative; display: block; width: 80px; height: 5px; left: 0; top: 130px; background-color: #111;} @media only screen and (max-width: 1200px){.section-title:before{top: 116px;}} @media only screen and (max-width: 880px){.section-title:before{top: 96px;}} @media only screen and (max-width: 640px){.section-title:before{top: 79px;}} .section-content{margin: 0; height: auto; border: none; text-align: center;} .quotations{font-family: 'Apercu-light'; font-size: 12px; line-height: 1.5; font-style: italic; font-weight: normal; text-align: left; letter-spacing: 0.05em; padding: 0;} .quote-mark-l{padding: 0 10px 0 0;} .quote-mark-r{padding: 0 0 0 10px;} .section-all-subtitle{font-family: 'Apercu-light'; font-size: 18px; font-weight: 700; font-style: italic; text-align: left; line-height: 1.3; color: #696c7b; padding: 50px 0 73px 15px; margin: 0 auto; letter-spacing: normal;} @media only screen and (max-width: 1200px){.section-all-subtitle{padding: 56px 10px 73px 10px;}} @media only screen and (max-width: 880px){.section-all-subtitle{padding: 56px 15px 73px 15px;}} @media only screen and (max-width: 640px){.section-all-subtitle{padding: 59px 15px 73px 15px;}} .section-all-subtitle-first{color: #20202c;} .section-all-subtitle-second{font-family: 'Apercu-light'; color: #111; font-size: 14px; font-weight: 700; text-transform: lowercase; margin-bottom: 20px;} .top-shadow{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; z-index: 2;} .top-shadow-birds{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .1) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .1) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; z-index: 0;} .parallax-window{min-height: 100%; height: 100%; background: transparent;} .hero-fullscreen{position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; z-index: -1;} .hero-fullscreen-birds{position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; z-index: 0;} .home-page{position: relative; height: 100vh !important; text-align: center; z-index: 1;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.home-page{z-index: 150;}} .home-page-overlay{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .75); z-index: 1;} .home-page-overlay.light{background-color: rgba(255, 255, 255, .75);} .home-page-overlay-gradient{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; z-index: 1;} .home-page-overlay-gradient.light{background: -moz-linear-gradient(top, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );} .home-page-subtitle-carousel{width: 100%; height: auto; margin: 0 auto;} h1.home-page-title{font-family: 'Apercu-light'; font-style: normal; font-weight: 700; font-size: 145px; text-align: center; text-transform: lowercase; letter-spacing: -0.04em; color: #fff; margin: -13px auto 2px auto; width: 100%; line-height: 100%; position: relative; z-index: 1;} h1.home-page-title.light{color: #111;} h1.home-page-title.light-carousel{color: #fff; text-shadow: 1px 1px 8px #111;} @media only screen and (max-width: 1200px){h1.home-page-title{font-size: 105px; margin: -13px auto 3px auto;}} .row.section h1{font-size: 2em !important} @media only screen and (max-width: 880px){h1.home-page-title{font-size: 85px; margin: -13px auto 6px auto;}} @media only screen and (max-width: 640px){h1.home-page-title{font-size: 65px; margin: -13px auto 4px auto;}} h2.home-page-title{font-family: 'Apercu-light'; font-style: normal; font-weight: 400; font-size: 12px; text-align: center; text-transform: lowercase; letter-spacing: 0.65em; color: #fff; margin: 0 0 0 3px; font-variant: none;} h2.home-page-title a{color: #fff; font-family: 'Apercu-light';} h2.home-page-title.light, h2.home-page-title.light a{font-weight: 500; color: #111;} h2.home-page-title.light-carousel, h2.home-page-title.light-carousel a{color: #fff; width: 400px; margin: 0 auto; background: #db0018;} @media only screen and (max-width: 1200px){h2.home-page-title{font-size: 12px; margin: 0 0 0 4px;}} @media only screen and (max-width: 880px){h2.home-page-title{font-size: 11px; margin: 0 0 0 7px;}h2.home-page-title.light-carousel, h2.home-page-title.light-carousel a{width: 340px;}} @media only screen and (max-width: 640px){h2.home-page-title{font-size: 10px; margin: 0 0 0 6px;}h2.home-page-title.light-carousel, h2.home-page-title.light-carousel a{width: 280px;}} .alt h2{font-family: 'Apercu-light'; font-size: 105px; font-weight: 700; line-height: 1; letter-spacing: -0.04em; color: #111; text-align: left; text-transform: lowercase; margin: 0 0 6px 15px; padding: 0;} @media only screen and (max-width: 1200px){.alt h2{font-size: 85px; margin: 0 0 6px 0; padding: 0 10px;}} @media only screen and (max-width: 880px){.alt h2{font-size: 65px; padding: 0 15px;}} @media only screen and (max-width: 640px){.alt h2{font-size: 45px;}} .alt h3{font-family: 'Apercu-light'; font-size: 25px; font-weight: 700; line-height: 1; letter-spacing: -0.04em; color: #111; text-align: left; text-transform: lowercase; margin: 44px 0 0 0; padding: 0;} .divider-post, .divider-post-contact{width: 100%; height: 100px; margin: 0 auto; display: none; visibility: hidden;} @media only screen and (max-width: 880px){.divider-post, .divider-post-contact{display: block; visibility: visible;}.divider-post{height: 70px;}.divider-post-contact{height: 12px;}} .divider-skillbar{width: 100%; height: 69px; margin: 0 auto;} @media only screen and (max-width: 880px){.divider-skillbar{height: 25px; margin: -118px 0 0 0;}} .section-about{background: #fff; padding: 134px 0 99px 0; overflow: visible; z-index: 1;} @media only screen and (max-width: 880px){.section-about{padding: 105px 0 115px 0;}} @media only screen and (max-width: 640px){.section-about{padding: 68px 0 75px 0;}} .section-about img{max-width: 100%; border: 20px solid #fff;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.section-about img{width: 700px;}} @media only screen and (max-width: 880px){.section-about img{border: none;}} .about-section-images-carousel{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; margin: 127px 0 0 0; height: auto;} @media only screen and (min-width: 1024px){.about-section-img:nth-of-type(1){margin: -25px -300px 0 0;}.about-section-img:nth-of-type(2){position: relative; bottom: -180px; margin: 0 0 0 200px;}.about-section-img:nth-of-type(3){margin: -100px 0 0 -100px;}} @media only screen and (max-width: 880px){.about-section-images-carousel{margin: 47px 0 0 0;}} .section-facts{background: #000; padding: 20px 0 24px 0; overflow: hidden; z-index: 1;} @media only screen and (max-width: 640px){.section-facts{padding: 0 0 24px 0;}} .facts-counter-wrapper{padding: 0;} .facts-counter-number{font-family: 'Apercu-light'; font-size: 35px; font-weight: 700; line-height: 1.3; text-align: center; color: #fff;} @media only screen and (max-width: 880px){.facts-counter-number{margin: 20px 0 0 0;}} @media only screen and (max-width: 640px){.facts-counter-number{font-weight: 400;}} .facts-counter-number.large{font-size: 50px;} @media only screen and (max-width: 880px){.facts-counter-number.large{font-size: 35px;}} @media only screen and (max-width: 640px){.facts-counter-number.large{font-weight: 400;}} .facts-counter-description{color: #fff; text-align: center; text-transform: lowercase;} .facts-counter-description-img{display: block; font-size: 25px; text-align: center; color: #fff; margin: 15px 0 15px 0;} @media only screen and (max-width: 880px){.facts-counter-description-img{font-size: 20px; margin: 10px 0 10px 0;}} .facts-counter-description-img.large{font-size: 40px;} @media only screen and (max-width: 880px){.facts-counter-description-img.large{font-size: 20px; margin: 10px 0 10px 0;}} .facts-counter-title{font-size: 11px; letter-spacing: 0.05em;} @media only screen and (max-width: 880px){.facts-counter-title{font-size: 10px;}} .facts-counter-title.large{font-size: 12px;} @media only screen and (max-width: 880px){.facts-counter-title.large{font-size: 10px;}} .section-services{background: #fff; padding: 134px 0 147px 0; overflow: hidden; z-index: 1;} @media only screen and (max-width: 880px){.section-services{padding: 105px 0 115px 0;}} @media only screen and (max-width: 640px){.section-services{padding: 68px 0 75px 0;}} .services-move-down{margin-top: 200px;} @media only screen and (max-width: 880px){.services-move-down{margin-top: 0;}} .services-img{height: auto; margin: -13px 0 20px 0; font-size: 35px; text-align: center; color: #111; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -ms-transition: -ms-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s;} @media only screen and (max-width: 880px){.services-img{margin: -8px 0 20px 0;}} .services-hover:hover .services-img{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -ms-transition: -ms-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s;} .services-title{font-family: 'Apercu-light'; font-size: 17px; font-weight: 700; text-align: center; text-transform: lowercase; color: #111;} .services-description{text-align: center; padding-left: 100px;} @media only screen and (max-width: 880px){.services-description{margin: 0 0 50px 0; text-align: left;}.services-description-last{margin: 0;}} h3.services-title{text-align: center; line-height: 1.5; padding-left: 100px; margin-bottom: 30px;} @media only screen and (max-width: 880px){h3.services-title{text-align: left; margin-bottom: 15px;}} .service-number{position: absolute; top: -37px; font-family: 'Apercu-light'; font-size: 140px; font-weight: 700; text-transform: lowercase; letter-spacing: -0.04em; color: rgba(17, 17, 17, .45); z-index: 0;} @media only screen and (max-width: 880px){.service-number{top: -27px; font-size: 105px;}} .section-works{background: #fff; padding: 0px !important; overflow: hidden; z-index: 1;} @media only screen and (max-width: 880px){.section-works{padding: 105px 0 95px 0;}} @media only screen and (max-width: 640px){.section-works{padding: 68px 0 65px 0;}} .icon-works{position: absolute; width: 90%; top: 50%; margin-left: 0; margin-top: 0; text-align: center; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; z-index: 1;} @media only screen and (min-width: 1024px){.icon-works{margin-left: -15px;}} .icon-works a{position: relative; display: inline-block; vertical-align: middle; text-decoration: none; width: 44px; height: 44px; line-height: 44px; margin: 0 4px; font-size: 20px; background: #fff; border: 1px solid #fff; color: #000; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out;} .icon-works a.iw-slide-middle{-webkit-transform: translate3d(0px,0,0); -moz-transform: translate3d(0px,0,0); -ms-transform: translate3d(0px,0,0); -o-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0);} .icon-works a.iw-slide-left{-webkit-transform: translate3d(-60px,0,0); -moz-transform: translate3d(-60px,0,0); -ms-transform: translate3d(-60px,0,0); -o-transform: translate3d(-60px,0,0); transform: translate3d(-60px,0,0);} .icon-works a.iw-slide-right{-webkit-transform: translate3d(60px,0,0); -moz-transform: translate3d(60px,0,0); -ms-transform: translate3d(60px,0,0); -o-transform: translate3d(60px,0,0); transform: translate3d(60px,0,0);} .image-works:hover .icon-works a{padding: 0; -webkit-transform: translate3d(0,0,0)!important; -moz-transform: translate3d(0,0,0)!important; -ms-transform: translate3d(0,0,0)!important; -o-transform: translate3d(0,0,0)!important; transform: translate3d(0,0,0)!important;} .icon-works a:hover{background: #000; border: 1px solid #000; color: #fff;} .icon-works a:hover:after{background: #000;} .image-works:hover .icon-works{opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .icon-works a:before{position: relative; z-index: 1;} .icon-works a i{position: relative; z-index: 1;} .image-works{position: relative; z-index: 5!important;} .hover-effect{position: absolute; background: #000; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px); height: -webkit-calc(100% - 80px); height: -moz-calc(100% - 80px); height: calc(100% - 80px); top: 40px; left: 40px; bottom: 40px; right: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer;} @media only screen and (max-width: 880px){.hover-effect{width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); height: -webkit-calc(100% - 40px); height: -moz-calc(100% - 40px); height: calc(100% - 40px); top: 20px; left: 20px; bottom: 20px; right: 20px;}} .image-works:hover .hover-effect{opacity: 0.80; -moz-opacity: 0.80; -webkit-opacity: 0.80; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .legendary-gallery{margin: -25px 0 0 0; position: relative; z-index: 0;} .legendary-gallery h1{font-size: 2.6em !important;} @media only screen and (max-width: 880px){.legendary-gallery{margin: -20px 15px 0 15px;}.legendary-gallery img{border: 10px solid #fff;}} @media only screen and (max-width: 640px){.legendary-gallery{margin: -20px 5px 0 5px;}} .legendary-gallery figure{padding: 20px;} @media only screen and (max-width: 880px){.legendary-gallery figure{padding: 0 0;}} .section-testimonials{background: #000; padding: 30px 0 25px 0; overflow: hidden; z-index: 1;} #testimonials .row.section .img-caption p{color: #ffffff !important;} @media only screen and (max-width: 880px){.section-testimonials{padding: 35px 15px 30px 15px;}} .testimonials-carousel, .testimonials-quote, .testimonials-quote-img{-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);} .testimonials-quote-img{position: relative; margin: 0 auto 26px auto; width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .testimonials-quote p{color: #fff; font-size: 14px; text-align: center;} .testimonials-signature{color: #fff; font-size: 12px; text-align: center; margin-top: -1px;} .testimonials-signature:before{content: "― "; display: inline-block;} .section-testimonials.quote-mark-l{padding: 0 10px 0 0;} .section-testimonials.quote-mark-r{padding: 0 0 0 10px;} .section-news{background: #f4f4f2; padding: 134px 0 80px 0; overflow: hidden; z-index: 1;} @media only screen and (max-width: 880px){.section-news{padding: 105px 0 50px 0;}} @media only screen and (max-width: 640px){.section-news{padding: 68px 0 5px 0;}} #news .news-item{padding: 0 15px; opacity: 0.25; -moz-opacity: 0.25; -webkit-opacity: 0.25; filter: alpha(opacity=25); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; -webkit-transform: scale3d(0.8, 0.8, 1); -moz-transform: scale3d(0.8, 0.8, 1); -ms-transform: scale3d(0.8, 0.8, 1); -o-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} #news .owl-item.active.center .news-item{opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale3d(1.0, 1.0, 1); -moz-transform: scale3d(1.0, 1.0, 1); -ms-transform: scale3d(1.0, 1.0, 1); -o-transform: scale3d(1.0, 1.0, 1); transform: scale3d(1.0, 1.0, 1);} .owl-carousel .owl-item img{margin: 0; padding: 0; background: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;} .news-item .news-content img{max-width: 100%; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; -ms-transition: all .8s ease-out; -o-transition: all .8s ease-out; transition: all .8s ease-out;} .news-item:hover .news-content img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .35); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .35); box-shadow: 0 0 10px rgba(0, 0, 0, .35); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center;} .news-content{position: relative; overflow: hidden; margin: 0 0 70px 0; width: 100%; min-width: 250px; height: auto; color: #111; text-align: left; background-color: #fff; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .25); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .25); box-shadow: 0 10px 20px rgba(0, 0, 0, .25);} .news-content a{color: #111;} .news-content img{max-width: 100%; vertical-align: top; margin: 0; padding: 0; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .news-content .date{position: absolute; width: 100%; background-color: #fff; top: 0; right: 0; padding: 15px 20px; text-align: right; font-size: 9px; letter-spacing: 1px; color: #111; text-transform: lowercase;} .news-content .date:before{content: ""; position: absolute; width: 0; height: 0; top: 100%; left: 0; border-style: solid; border-width: 0 400px 35px 0; border-color: transparent #fff transparent transparent;} @media only screen and (max-width: 1200px){.news-content .date:before{border-width: 0 800px 35px 0;}} .news-content figcaption{position: relative; width: 100%; background-color: #fff; padding: 20px;} .news-content figcaption:before{content: ""; position: absolute; width: 0; height: 0; bottom: 100%; left: 0; border-style: solid; border-width: 35px 0 0 400px; border-color: transparent transparent transparent #fff;} @media only screen and (max-width: 1200px){.news-content figcaption:before{border-width: 35px 0 0 800px;}} .news-content h2{font-family: 'Apercu-light'; font-size: 16px; color: #111; font-weight: 700; text-transform: lowercase; letter-spacing: 0.05em; text-align: left;} .news-content h3{font-family: 'Apercu-light'; margin: 0 0 20px 0; font-size: 11px; font-weight: 700; text-transform: lowercase; letter-spacing: 0.05em; color: #5f5f5f;} .news-content p{margin: 30px 0 0 0;} .section-contact{background: #fff; padding: 134px 0 146px 0; overflow: hidden; z-index: 1;} @media only screen and (max-width: 880px){.section-contact{padding: 105px 0 110px 0;}} @media only screen and (max-width: 640px){.section-contact{padding: 68px 0 146px 0;}} .section-contact-subtitle{font-family: 'Apercu-light'; font-size: 18px; font-weight: 700; text-align: left; line-height: 1.3; color: #696c7b; padding: 50px 0 69px 0; margin: 0 auto; letter-spacing: normal;} @media only screen and (max-width: 640px){.section-contact-subtitle{padding: 59px 0 69px 0;}} .section-contact-subtitle-first{color: #20202c;} #contact-form{width: 100%; padding: 0; text-align: center;} @media only screen and (max-width: 880px){#contact-form{margin: 88px auto 0 auto;}} @media only screen and (max-width: 640px){#contact-form{margin: 88px auto 35px auto;}} form{margin: 0; padding: 0;} #form input{position: relative; width: 100%; height: 40px; border-bottom: 1px solid #111; border-left: none; border-right: none; border-top: none; padding: 5px 5px; background: none; margin: 5px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; font-family: 'Apercu-light'; font-size: 14px; line-height: 1.5; font-style: normal; font-weight: normal; text-align: center;} #form input{margin: 10px 0 10px 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} textarea{position: relative; width: 100%; height: 100px; border-bottom: 1px solid #111; border-left: none; border-right: none; border-top: none; padding: 5px 5px; background: none; margin: 5px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; font-family: 'Apercu-light'; font-size: 14px; line-height: 1.5; font-style: normal; font-weight: normal; text-align: left;} #form textarea{margin: 10px 0 10px 0;} #form input:focus, #form textarea:focus{color: #111; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} #form input:hover, #form textarea:hover{border-color: rgba(119, 119, 119, .5); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} #message{border: 1px rgba(119, 119, 119, .5) solid} .success{font-family: 'Apercu-light'; font-size: 11px; font-style: normal; font-weight: 500; letter-spacing: 0.15em; text-transform: lowercase; text-align: center; color: #111; margin: 0 auto; padding: 80px 0 0 0; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #form .error{position: absolute; font-size: 9px; text-transform: lowercase; text-align: left; color: #5f5f5f; display: block; margin: -2px 0 0 1px; padding: 0; letter-spacing: 0.05em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .make-space{margin-left: 15px; margin-right: 15px;} ::-webkit-input-placeholder{font-size: 12px; color: #5f5f5f;} :-ms-input-placeholder{font-size: 12px; color: #5f5f5f;} ::-moz-placeholder{font-size: 12px; color: #5f5f5f;} input:-moz-placeholder{font-size: 12px; color: #5f5f5f;} input:focus::-webkit-input-placeholder{color: transparent;} input:focus:-ms-input-placeholder{color: transparent;} input:focus::-moz-placeholder{color: transparent;} input:focus:-moz-placeholder{color: transparent;} textarea:focus::-webkit-input-placeholder{color: transparent;} textarea:focus:-ms-input-placeholder{color: transparent;} textarea:focus::-moz-placeholder{color: transparent;} textarea:focus:-moz-placeholder{color: transparent;} .footer-contact-block{position: relative; margin: -7px 0 0 0; text-align: left;} .footer-contact-block a{color: #111;} .footer-contact-block .email{position: relative; font-size: 14px; line-height: 0.5;} @media only screen and (max-width: 880px){.footer-contact-block .email{font-size: 14px;}} .footer-contact-block .email:after{content: ""; position: absolute; display: block; width: 20px; height: 1px; left: 0; bottom: -10px; background-color: #111; -webkit-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1); -o-transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1); transition: width 300ms cubic-bezier(0.77, 0, 0.175, 1), background-color 300ms cubic-bezier(0.77, 0, 0.175, 1);} .footer-contact-block .email:hover{color: #111;} .footer-contact-block .email:hover:after{width: 100%; background-color: #111;} .footer-contact-block-label{font-family: 'Apercu-light'; display: block; font-size: 14px; font-weight: 700; text-align: left; text-transform: lowercase; color: #111;} .footer-logo{position: relative; width: 100px; height: 38px; margin: 137px auto 0px auto; cursor: pointer; background: url(/barh_template/static/src/img/logo-dark.svg) no-repeat;} @media only screen and (max-width: 880px){.footer-logo{margin: 102px auto 30px auto;}.logo-header{max-width: 100%;}} .footer-logo:before{content: ""; display: block; width: 100px; height: 38px; line-height: 38px; background: #fff url(/barh_template/static/src/img/logo-dark.svg) no-repeat;} .social-icons-footer-wrapper{position: relative; margin: -2px auto 0 auto; padding: 0; text-align: center;} .social-icons-footer-wrapper ul{margin: 0 auto; padding: 0; list-style-type: none;} .social-icons-footer-wrapper ul li{display: inline; margin: 0 auto; padding: 0;} ul.social-icons-footer{margin: 0 auto; padding: 0;} ul.social-icons-footer a{font-size: 20px; padding: 0 5px 0 0; color: #000; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} ul.social-icons-footer a:hover{font-size: 20px; padding: 0 5px 0 0; color: #000; opacity: 0.3; -moz-opacity: 0.3; -webkit-opacity: 0.3; filter: alpha(opacity=30); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .lineOT-footer{position: relative; width: 25%; height: 1px; overflow: hidden; margin: 12px auto 13px auto;} .copy{font-size: 9px; text-transform: lowercase; text-align: center;} .copy a, .copy a:hover{color: #111;} #subscribe-wrapper h2{position: relative; font-family: 'Apercu-light'; font-size: 20px; font-weight: 700; text-transform: lowercase; letter-spacing: -0.04em; color: #000; z-index: 1; margin-bottom: 20px;} #subscribe-wrapper{position: relative; width: 300px; margin: 64px auto 40px auto; background: none; text-align: center;} @media only screen and (max-width: 880px){} .newsletter{position: relative; clear: both; border: none; background: none; padding: 0; overflow: hidden;} #subscribe input{position: relative; width: 225px; height: 40px; text-align: center; color: #111; border: none; border-bottom: 1px solid #111; background: none; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} #subscribe input:focus, #subscribe textarea:focus{color: #111; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} #subscribe input:hover{border-color: rgba(119, 119, 119, .5); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .subscribe-success{font-family: 'Apercu-light'; font-size: 11px; font-style: normal; font-weight: 500; letter-spacing: 0.15em; text-transform: lowercase; text-align: center; color: #111; margin: 0 auto; padding: 80px 0 0 0; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #subscribe .subscribe-error{font-size: 9px; text-transform: lowercase; text-align: center; color: #5f5f5f; display: block; margin: 8px auto 0 auto; padding: 0; letter-spacing: 0.05em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .control-label{text-transform: lowercase;} input[type="email"].subscribe-email::-webkit-input-placeholder{color: #5f5f5f;} input[type="email"].subscribe-email:-ms-input-placeholder{color: #5f5f5f;} input[type="email"].subscribe-email::-moz-placeholder{color: #5f5f5f;} input:focus.subscribe-email::-webkit-input-placeholder{color: transparent;} input:focus.subscribe-email:-ms-input-placeholder{color: transparent;} input:focus.subscribe-email::-moz-placeholder{color: transparent;} input:focus.subscribe-email:-moz-placeholder{color: transparent;} .section-google-maps{background: #fff; width: 100%; height: 300px; padding: 0; margin-top: -4px; overflow: hidden; z-index: 1;} @media only screen and (max-width: 880px){.section-google-maps{margin-top: -3px;}} @media only screen and (max-width: 640px){.section-google-maps{height: 200px; margin-top: -114px; margin-bottom: -40px;}} #map-wrapper{position: relative; width: 100%; height: 300px; overflow: hidden;} #map{width: 100%; height: 300px; margin: 0;} .section-footer{background: #fff; padding: 18px 0 146px 0; overflow: hidden; z-index: 1;} @media only screen and (max-width: 880px){.section-footer{padding: 18px 0 110px 0;}} @media only screen and (max-width: 640px){.section-footer{padding: 18px 0 70px 0;}} .center-container{position: absolute; display: table; table-layout: fixed; width: 100%; height: 100%; background: none;} .center-block{display: table-cell; vertical-align: middle;} .center-container.center-container-thumbnail-slider{-webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none;} #preloader{position: fixed; display: table; table-layout: fixed; width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, .70); z-index: 999999;} #preloader-status{position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; width: 100px; height: 100px;} .preloader-position{position: relative; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;} .loader{position: relative; width: 45px; height: 45px; margin-left: -22px; margin-top: 2px; -webkit-animation: rotate 1s infinite linear; -moz-animation: rotate 1s infinite linear; -ms-animation: rotate 1s infinite linear; -o-animation: rotate 1s infinite linear; animation: rotate 1s infinite linear; border: 3px solid rgba(17, 17, 17, .15); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;} .loader span{position: absolute; width: 25px; border: 14px solid transparent; border-top: 5px solid transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;} @-webkit-keyframes rotate{0%{-webkit-transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg);}} @keyframes rotate{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}} .kenburns-slide-wrapper{position: relative; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; z-index: 0;} .kenburns-slide1{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .kenburns-slide2{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-animation: KenBurnsSlideShow4 12s linear infinite 0s; -moz-animation: KenBurnsSlideShow4 12s linear infinite 0s; -ms-animation: KenBurnsSlideShow4 12s linear infinite 0s; -o-animation: KenBurnsSlideShow4 12s linear infinite 0s; animation: KenBurnsSlideShow4 12s linear infinite 0s;} .kenburns-slide3{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-animation: KenBurnsSlideShow4 18s linear infinite 0s; -moz-animation: KenBurnsSlideShow4 18s linear infinite 0s; -ms-animation: KenBurnsSlideShow4 18s linear infinite 0s; -o-animation: KenBurnsSlideShow4 18s linear infinite 0s; animation: KenBurnsSlideShow4 18s linear infinite 0s;} .kenburns-slide, .kenburns-slide4, .kenburns-slide5{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-animation: KenBurnsSlideShow4 30s linear infinite 0s; -moz-animation: KenBurnsSlideShow4 30s linear infinite 0s; -ms-animation: KenBurnsSlideShow4 30s linear infinite 0s; -o-animation: KenBurnsSlideShow4 30s linear infinite 0s; animation: KenBurnsSlideShow4 30s linear infinite 0s;} .kenburns-slide-1{opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;} .kenburns-slide-2{-webkit-animation-delay: 7s; -moz-animation-delay: 7s; -ms-animation-delay: 7s; -o-animation-delay: 7s; animation-delay: 7s; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;} .kenburns-slide-3{-webkit-animation-delay: 14s; -moz-animation-delay: 14s; -ms-animation-delay: 14s; -o-animation-delay: 14s; animation-delay: 14s; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;} .kenburns-slide-4{-webkit-animation-delay: 18s; -moz-animation-delay: 18s; -ms-animation-delay: 18s; -o-animation-delay: 18s; animation-delay: 18s; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;} .kenburns-slide-5{-webkit-animation-delay: 24s; -moz-animation-delay: 24s; -ms-animation-delay: 24s; -o-animation-delay: 24s; animation-delay: 24s; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;} @-webkit-keyframes KenBurnsSlideShow4{0%{opacity: 0; -webkit-transform: scale(1);}5%{opacity: 1}25%{opacity: 1;}30%{opacity: 0; -webkit-transform: scale(1.1);}100%{opacity: 0; -webkit-transformm: scale(1);}} @-moz-keyframes KenBurnsSlideShow4{0%{opacity: 0; -moz-transform: scale(1);}5%{opacity: 1}25%{opacity: 1;}30%{opacity: 0; -moz-transform: scale(1.1);}100%{opacity: 0; -moz-transform: scale(1);}} @-o-keyframes KenBurnsSlideShow4{0%{opacity: 0; -o-transform: scale(1);}5%{opacity: 1}25%{opacity: 1;}30%{opacity: 0; -o-transform: scale(1.1);}100%{opacity: 0; -o-transform: scale(1);}} @keyframes KenBurnsSlideShow4{0%{opacity: 0; transform: scale(1); -ms-transform: scale(1);}5%{opacity: 1}25%{opacity: 1;}30%{opacity: 0; transform: scale(1.1); -ms-transform: scale(1.1);}100%{opacity: 0; transform: scale(1); -ms-transform: scale(1);}} @-webkit-keyframes KenBurnsSlideShow3{0%{opacity: 0; transform: scale(1); -ms-transform: scale(1);}5%{opacity: 1}50%{opacity: 1; transform: scale(1.1); -ms-transform: scale(1.1);}100%{opacity: 0; transform: scale(1); -ms-transform: scale(1);}} @-moz-keyframes KenBurnsSlideShow3{0%{opacity: 0; transform: scale(1); -ms-transform: scale(1);}5%{opacity: 1}50%{opacity: 1; transform: scale(1.1); -ms-transform: scale(1.1);}100%{opacity: 0; transform: scale(1); -ms-transform: scale(1);}} @-o-keyframes KenBurnsSlideShow3{0%{opacity: 0; transform: scale(1); -ms-transform: scale(1);}5%{opacity: 1}50%{opacity: 1; transform: scale(1.1); -ms-transform: scale(1.1);}100%{opacity: 0; transform: scale(1); -ms-transform: scale(1);}} @keyframes KenBurnsSlideShow3{0%{opacity: 0; transform: scale(1); -ms-transform: scale(1);}5%{opacity: 1}50%{opacity: 1; transform: scale(1.1); -ms-transform: scale(1.1);}100%{opacity: 0; transform: scale(1); -ms-transform: scale(1);}} .YT-bg{background: none;} @media only screen and (max-width: 880px){.YT-bg{position: relative; height: 100%; background-image: url(/barh_template/static/src/img/background/YT-bg.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;}} .background-video{position: absolute; background-repeat: no-repeat; background-position: top center; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;} video, source{position: absolute; min-width: 100%; min-height: 100%; bottom: 0; left: 0;} .loaded .ytplayer-container{display: block;} .ytplayer-container{position: absolute; min-width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 1;} .ytplayer-shield{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;} .ytplayer-player{position: absolute;} #video-bg{position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; z-index: 0;} #vimeo-video{position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; z-index: 0;} .vimeo-bg{background: none;} @media only screen and (max-width: 880px){.vimeo-bg{position: relative; height: 100%; background-image: url(/barh_template/static/src/img/background/vimeo-bg.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;}} #viewport{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background: none;} #wall{z-index: 1;} .wall-item-description{position: absolute; color: #fff; font-size: 9px; line-height: 120%; bottom: 21px; left: 15px; letter-spacing: 0.05em; text-transform: lowercase; text-shadow: 1px 1px 2px #111; padding: 5px 10px; background: rgba(17, 17, 17, .75);} .slideshow li{visibility: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .slideshow, .slideshow li{position: absolute; top: 0; left: 0;} .show-skillbar{position: relative; margin: 23px 0 0 0;} .skillbar{position: relative; display: inline-block; width: 100%; height: 21px; margin: 0 0 30px 0; background: none;} .skillbar-title{position: absolute; width: 100px; height: 21px; line-height: 21px; top: 0; left: 0; font-family: 'Apercu-light'; font-size: 10px; font-weight: 400; text-transform: lowercase; color: #111; background: #fff; padding: 0;} .skillbar-bar{display: inline-block; width: 0px; height: 3px; background: #111; margin: 0 0 3px 0;} .skill-bar-percent{position: absolute; height: auto; line-height: 1; top: -21px; right: 0; color: #111; font-size: 11px;} .owl-buttons{position: static;} .owl-prev, .owl-next{position: absolute; display: block; top: 50%; margin-top: -29px; width: 56px; height: 56px; line-height: 56px; font-size: 14px; color: #111; text-align: center; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .owl-prev{left: -50px;} .owl-next{right: -50px;} .owl-prev:before, .owl-next:before{content: ""; display: block; width: 66%; height: 66%; position: absolute; background: rgba(255, 255, 255, 1); -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);} .owl-prev:before{left: 35px; top: 9px;} .owl-next:before{right: 35px; top: 9px;} .owl-prev .owl-custom, .owl-next .owl-custom{position: relative;} .owl-prev .owl-custom{position: relative; left: 24px;} .owl-next .owl-custom{position: relative; right: 24px;} .owl-prev:hover, .owl-next:hover{-webkit-transition: 0 none; -moz-transition: 0 none; -ms-transition: 0 none; -o-transition: 0 none; transition: 0 none;} .owl-prev:hover:before, .owl-next:hover:before, .owl-prev:active:before, .owl-next:active:before, .owl-carousel:hover .owl-prev, .owl-carousel:hover .owl-next{opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .owl-carousel:hover .owl-prev{left: -35px;} .owl-carousel:hover .owl-next{right: -35px;} .swiper-container{position: absolute; width: 100%; height: inherit; margin-left: auto; margin-right: auto;} .swiper-slide{background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;} .swiper-slider-top{width: 100%; height: 85%;} .swiper-slider-bottom{position: absolute; width: 100%; height: 15%; left: 0; bottom: 0; background: #fff; padding: 0; border-left: none; border-top: 10px solid #fff; border-bottom: 10px solid #fff; border-right: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; cursor: pointer; z-index: 10;} .swiper-slider-bottom .swiper-slide{width: 25%; height: 100%; opacity: 0.35; -moz-opacity: 0.35; -webkit-opacity: 0.35; filter: alpha(opacity=35); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";} .swiper-slider-bottom .swiper-slide-active{opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .swiper-button-next, .swiper-button-prev{display: none;} .slick-prev, .slick-next{position: absolute; display: block; top: 50%; width: 56px; height: 56px; line-height: 56px; text-align: center; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: 1;} @media only screen and (max-width: 640px){.slick-prev, .slick-next{display: none; visibility: hidden;}} .slick-prev{left: -50px;} .slick-next{right: -50px;} .slick-prev:before, .slick-next:before{font-size: 14px; color: #111; padding-top: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; width: 66%; height: 66%; position: absolute; background: rgba(255, 255, 255, 1); -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .slick-prev:before{left: 45px; top: 9px;} .slick-next:before{right: 45px; top: 9px;} .slick-prev:hover, .slick-next:hover{-webkit-transition: 0 none; -moz-transition: 0 none; -ms-transition: 0 none; -o-transition: 0 none; transition: 0 none; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:active:before, .slick-next:active:before, .slick-right-alternative:hover .slick-prev, .slick-right-alternative:hover .slick-next{opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .slick-right-alternative:hover .slick-prev{left: -35px;} .slick-right-alternative:hover .slick-next{right: -35px;} .slick-fullscreen.slick-fullscreen-split-content{width: 50%; left: 50%;} .slick-fullscreen-img-fill{position: relative; display: block; width: 100%; overflow: hidden; text-align: center;} .slick-fullscreen-img-fill img{position: relative; display: inline-block; min-width: 100%; max-width: none; min-height: 100%;} .slick-fullscreen .slick-fullscreen-item .slick-fullscreen-img-fill, .slick-fullscreen-split .slick-fullscreen-item .slick-fullscreen-img-fill{height: 100vh; background: none;} .slick-fullscreen .slick-fullscreen-item .slick-fullscreen-img-fill .slick-fullscreen-info, .slick-fullscreen-split .slick-fullscreen-item .slick-fullscreen-img-fill .slick-fullscreen-info{position:absolute; width: 100%; height: 100%; top: 0; left: 0; line-height: 100vh; text-align: center;} .slick-fullscreen .slick-fullscreen-item .slick-fullscreen-img-fill .bg-img, .slick-fullscreen-split .slick-fullscreen-item .slick-fullscreen-img-fill .bg-img{position: relative; width: auto; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;} .slick-fullscreen .slick-fullscreen-item .slick-fullscreen-info > div, .slick-fullscreen-split .slick-fullscreen-item .slick-fullscreen-info > div{display: inline-block!important; vertical-align: middle;} .slick-fullscreen:hover .slick-prev, .slick-fullscreen:hover .slick-next, .slick-fullscreen-split:hover .slick-prev, .slick-fullscreen-split:hover .slick-next{opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .slick-fullscreen:hover .slick-prev, .slick-fullscreen-split:hover .slick-prev{left: -35px;} .slick-fullscreen:hover .slick-next, .slick-fullscreen-split:hover .slick-next{right: -35px;} .slick-fullscreen .slick-dots, .slick-fullscreen-split .slick-dots{position: absolute; width: 100%; height: 5px; bottom: 0; left: 0; margin: 0; padding: 0; background: rgba(255, 255, 255, .25); list-style-type: none;} .slick-fullscreen .slick-dots li button, .slick-fullscreen-split .slick-dots li button{display: none;} .slick-fullscreen .slick-dots li, .slick-fullscreen-split .slick-dots li{position: absolute; float: left; width: 0; height: 5px; left: -5px; bottom: 0; background: #fff;} .slick-fullscreen .slick-dots li.slick-active, .slick-fullscreen-split .slick-dots li.slick-active{width: 100%; -webkit-animation: progressDots 4s both; -moz-animation: progressDots 4s both; -ms-animation: progressDots 4s both; -o-animation: progressDots 4s both; animation: progressDots 4s both;} @-webkit-keyframes progressDots{from{width: 0;}to{width: 100%;}} @keyframes progressDots{from{width: 0;}to{width: 100%;}} .slick-fullscreen .slick-fullscreen-item h1{position: relative; width: 100%; line-height: 1; font-family: 'Apercu-light'; font-style: normal; font-weight: 700; font-size: 65px; text-align: center; text-transform: lowercase; letter-spacing: -0.04em; color: #fff; margin: 0 auto 7px auto; -webkit-animation: fadeOut 0.5s both; -moz-animation: fadeOut 0.5s both; -ms-animation: fadeOut 0.5s both; -o-animation: fadeOut 0.5s both; animation: fadeOut 0.5s both; z-index: 3;} @media only screen and (max-width: 880px){.slick-fullscreen .slick-fullscreen-item h1{font-size: 55px; margin: 0 auto 8px auto;}} @media only screen and (max-width: 640px){.slick-fullscreen .slick-fullscreen-item h1{font-size: 45px; margin: 0 auto 11px auto;}} .slick-fullscreen .slick-fullscreen-item h2{position: relative; width: 100%; line-height: 1.5; font-family: 'Apercu-light'; font-style: normal; font-weight: 400; font-size: 12px; text-align: center; text-transform: lowercase; letter-spacing: 0.65em; color: #fff; margin: 0 0 0 5px; -webkit-animation: fadeOut 0.5s both; -moz-animation: fadeOut 0.5s both; -ms-animation: fadeOut 0.5s both; -o-animation: fadeOut 0.5s both; animation: fadeOut 0.5s both; z-index: 3;} @media only screen and (max-width: 880px){.slick-fullscreen .slick-fullscreen-item h2{font-size: 11px;}} @media only screen and (max-width: 640px){.slick-fullscreen .slick-fullscreen-item h2{font-size: 10px;}} .slick-fullscreen .slick-fullscreen-item.slick-active h1{-webkit-animation: fadeInDown 1s both 1s; -moz-animation: fadeInDown 1s both 1s; -ms-animation: fadeInDown 1s both 1s; -o-animation: fadeInDown 1s both 1s; animation: fadeInDown 1s both 1s;} .slick-fullscreen .slick-fullscreen-item.slick-active h2{-webkit-animation: fadeInUp 1s both 1s; -moz-animation: fadeInUp 1s both 1s; -ms-animation: fadeInUp 1s both 1s; -o-animation: fadeInUp 1s both 1s; animation: fadeInUp 1s both 1s;} .slick-fullscreen .slick-fullscreen-item.slick-active, .slick-fullscreen-split .slick-fullscreen-item.slick-active{} .slick-fullscreen, .slick-fullscreen-split{background: none;} .slick-fullscreen .slick-slide, .slick-fullscreen-split .slick-slide{display: none; float: left; height: 100%;} .slick-initialized .slick-slide{display: block;} .c-btn{font-family: 'Apercu-light'; position: relative; display: inline-block; border: 1px solid #000; background: none; letter-spacing: 0.25em; font-weight: 500; font-size: 10px; text-transform: lowercase; text-align: center; color: #111; margin: 20px 0 0 0; padding: 15px 25px; -webkit-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);} .c-btn.fullwidth.explore{width: 150px !important;} .c-btn.fullwidth{border: none; background: #000; color: #fff; width: 225px;} .c-btn.fullwidth:hover{color: black !important;} .c-btn.fullwidth.subscribe-me{border: none; background: #000; color: #fff; padding: 10px 25px;} .c-btn::before, .c-btn.fullwidth::before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);} .c-btn.fullwidth::before{background: transparent;} .btn.o_website_form_send.c-btn.fullwidth:active, .btn.o_website_form_send.c-btn.fullwidth:hover, .mt8.c-btn.fullwidth.explore:hover, .mt8.c-btn.fullwidth.explore:active, .btn.newslletter_submit.c-btn.fullwidth.subscribe-me:hover, .btn.newslletter_submit.c-btn.fullwidth.subscribe-me:active{color: white !important;} .c-btn:hover::before, a:hover .c-btn::before{-webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} .c-btn span{display: inline-block; position: relative; z-index: 2; text-transform: lowercase; font-family: 'Apercu-light'; font-size: larger;} .c-btn:hover, a:hover .c-btn{color: #fff;} #news .c-btn:hover, #news a:hover .c-btn{color: #fff;} .play-video-btn{position: relative; text-align: center; margin-top: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; z-index: 1;} .play-video-btn a, .play-video-btn a:hover{font-size: 40px; color: #fff; text-decoration: none;} .home-page-img-wrapper{position: relative; width: 100%; height: 100%; margin-top: 3%;} #home-page-img .home-page-img-item{padding: 0; opacity: 0.25; -moz-opacity: 0.25; -webkit-opacity: 0.25; filter: alpha(opacity=25); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; -webkit-transform: scale3d(0.8, 0.8, 1); -moz-transform: scale3d(0.8, 0.8, 1); -ms-transform: scale3d(0.8, 0.8, 1); -o-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} #home-page-img .owl-item.active.center .home-page-img-item{opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale3d(1.0, 1.0, 1); -moz-transform: scale3d(1.0, 1.0, 1); -ms-transform: scale3d(1.0, 1.0, 1); -o-transform: scale3d(1.0, 1.0, 1); transform: scale3d(1.0, 1.0, 1);} .home-page-img-item-1, .home-page-img-item-2, .home-page-img-item-3, .home-page-img-item-4, .home-page-img-item-5, .home-page-img-item-6, .home-page-img-item-7{position: relative; width: 100%; height: 100%; min-height: 600px; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;} @media only screen and (max-width: 880px){.home-page-img-item-1, .home-page-img-item-2, .home-page-img-item-3, .home-page-img-item-4, .home-page-img-item-5, .home-page-img-item-6, .home-page-img-item-7{min-height: 500px;}} @media only screen and (max-width: 640px){.home-page-img-item-1, .home-page-img-item-2, .home-page-img-item-3, .home-page-img-item-4, .home-page-img-item-5, .home-page-img-item-6, .home-page-img-item-7{min-height: 400px;}} .wall-animation{-webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;} .slide-in-top{-webkit-animation: show-wall .8s ease-in-out both; animation: show-wall .8s ease-in-out both;} @-webkit-keyframes show-wall{0%{opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px);}50%{opacity: 1}80%{-webkit-transform: translateY(5px); transform: translateY(5px);}to{-webkit-transform: translateY(0); transform: translateY(0);}} @keyframes show-wall{0%{opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px);}50%{opacity: 1}80%{-webkit-transform: translateY(5px); transform: translateY(5px);}to{-webkit-transform: translateY(0); transform: translateY(0);}} .wall-image-1{-webkit-animation-delay: 1s; animation-delay: 1s;} .wall-image-2{-webkit-animation-delay: 1.1s; animation-delay: 1.1s;} .wall-image-3{-webkit-animation-delay: 1.2s; animation-delay: 1.2s;} .wall-image-4{-webkit-animation-delay: 1.3s; animation-delay: 1.3s;} .wall-image-5{-webkit-animation-delay: 1.4s; animation-delay: 1.4s;} .wall-image-6{-webkit-animation-delay: 1.5s; animation-delay: 1.5s;} #wall-images-wrapper .wall-images{position: absolute; top: 20px; right: 0;} #wall-images-wrapper .wall-images img{position: absolute; width: 225px; height: 300px;} #wall-images-wrapper .wall-images .wall-photo-1{top: 320px; right: 410px;} #wall-images-wrapper .wall-images .wall-photo-2{top: 160px; right: 165px;} #wall-images-wrapper .wall-images .wall-photo-3{top: 480px; right: 165px;} #wall-images-wrapper .wall-images .wall-photo-4{width: 145px; top: 0; right: 0;} #wall-images-wrapper .wall-images .wall-photo-5{width: 145px; top: 320px; right: 0;} #wall-images-wrapper .wall-images .wall-photo-6{width: 145px; top: 640px; right: 0;} @media screen and (min-width: 768px) and (max-width: 1280px){#wall-images-wrapper .wall-images{width: 440px; height: 611px; top: 15px; overflow: hidden;}#wall-images-wrapper .wall-images img{width: 145px; height: 193px;}#wall-images-wrapper .wall-images .wall-photo-1{top: 194px; right: 255px;}#wall-images-wrapper .wall-images .wall-photo-2{top: 97px; right: 95px;}#wall-images-wrapper .wall-images .wall-photo-3{top: 305px; right: 95px;}#wall-images-wrapper .wall-images .wall-photo-4{width: auto; top: 0; left: 358px; right: auto;}#wall-images-wrapper .wall-images .wall-photo-5{width: auto; top: 208px; left: 358px; right: auto;}#wall-images-wrapper .wall-images .wall-photo-6{width: auto; top: 416px; left: 358px; right: auto;}} @media screen and (max-width: 767px){#wall-images-wrapper .wall-images{position: relative; top: auto; left: auto; right: auto; margin-top: 140px; overflow-x: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}#wall-images-wrapper .wall-images img{position: relative; display: inline-block; width: 145px; height: 193px; left: auto; -ms-flex-negative: 0; flex-shrink: 0;}#wall-images-wrapper .wall-images .wall-photo-1{top: auto; right: auto; margin: 0 15px;}#wall-images-wrapper .wall-images .wall-photo-2{top: auto; right: auto; margin-top: 15px;}#wall-images-wrapper .wall-images .wall-photo-3{top: auto; right: auto; margin-top: 15px;}#wall-images-wrapper .wall-images .wall-photo-4, #wall-images-wrapper .wall-images .wall-photo-5, #wall-images-wrapper .wall-images .wall-photo-6{display: none; visibility: hidden;}.slide-in-top{-webkit-animation: none; animation: none;}} #birdman-container{display: none; visibility: hidden;} #birdman-holder{position: absolute; top: 0; left: 0; width: 100%; height: 100%!important; overflow: hidden; z-index: 2; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none;} canvas{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;} @media only screen and (max-width: 480px){canvas{display: none; visibility: hidden;}} .flow-container1, .flow-container2{position: absolute; top: 0; width: 500px; height: 100%; overflow: hidden; line-height: 0;} .flow-container1 .flow-container, .flow-container2 .flow-container{width: 1000px;} .flow-container1 .flow-container{float: right;} .flow-container2 .flow-container{float: left;} .flow-container1 .flow-images, .flow-container2 .flow-images{width: 350px;} .flow-container1 .flow-images{float: right;} .flow-container2 .flow-images{float: left;} .flow-container1 .flow-images li, .flow-container2 .flow-images li{display: block;} .flow-container li img{width: 350px; height: auto;} .preloader{display: block; background: url(/barh_template/static/src/img/img-flow/loading.gif) center center no-repeat ;} h1.flow-container-head{position: relative; width: 100%; line-height: 1; font-family: 'Apercu-light'; font-style: normal; font-weight: 700; font-size: 65px; text-align: center; text-transform: lowercase; letter-spacing: -0.04em; margin: 0 auto 7px auto; z-index: 3;} @media only screen and (max-width: 880px){h1.flow-container-head{font-size: 55px; margin: 0 auto 8px auto;}} @media only screen and (max-width: 640px){h1.flow-container-head{font-size: 45px; margin: 0 auto 11px auto;}} h2.flow-container-head{position: relative; width: 100%; line-height: 1.5; font-family: 'Apercu-light'; font-style: normal; font-weight: 400; font-size: 12px; text-align: center; text-transform: lowercase; letter-spacing: 0.65em; margin: 0 0 0 5px; z-index: 3;} @media only screen and (max-width: 880px){h2.flow-container-head{font-size: 11px;}} @media only screen and (max-width: 640px){h2.flow-container-head{font-size: 10px;}} .to-top-arrow{position: fixed; right: 20px; bottom: -10px; width: 50px; height: 50px; line-height: 47px; cursor: pointer; font-size: 25px; text-align: center; color: #fff; background: #111; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; z-index: 10;} .to-top-arrow.show{bottom: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .to-top-arrow:hover{opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} @media only screen and (min-width: 880px){.to-top-arrow-bordered{right: 60px;}.to-top-arrow-bordered.show{bottom: 40px;}} #top_menu .dropdown-menu, #top_menu_light .dropdown-menu{background-color: transparent !important; border: 0px !important; box-shadow: unset !important;} @media only screen and (min-width: 1366px) and (orientation: landscape){font-size: 13px important;} @media only screen and (min-width: 1024px) and (orientation: portrait){font-size: 13px important;} @media only screen and (min-device-width: 1112px) and (orientation: landscape){font-size: 13px important;} @media only screen and (min-device-width: 834px) and (orientation: portrait){font-size: 13px important;} .main-navigation #top_menu #profile-menu-list, .main-navigation #top_menu #language-menu-list, .main-navigation #top_menu #collection-menu-list, .main-navigation #top_menu #collectible-menu-list, .main-navigation #top_menu #boutique-menu-list, .main-navigation #top_menu #about-menu-list, .main-navigation #top_menu #bespoke-menu-list, .main-navigation #top_menu_light #profile-menu-list, .main-navigation #top_menu_light #language-menu-list, .main-navigation #top_menu_light #boutique-menu-list, .main-navigation #top_menu_light #collection-menu-list, .main-navigation #top_menu_light #collectible-menu-list, .main-navigation #top_menu_light #bespoke-menu-list, .main-navigation #top_menu_light #about-menu-list{position: absolute !important;} .main-navigation .main-inner-navigation #top_menu_light #profile-menu-list > li > a, .main-navigation .main-inner-navigation #top_menu_light #language-menu-list > li > a, .main-navigation .main-inner-navigation #top_menu_light #boutique-menu-list > li > a, .main-navigation .main-inner-navigation #top_menu_light #collection-menu-list > li > a, .main-navigation .main-inner-navigation #top_menu_light #collectible-menu-list > li > a, .main-navigation .main-inner-navigation #top_menu_light #about-menu-list > li > a , .main-navigation .main-inner-navigation #top_menu_light #bespoke-menu-list > li > a{color: black !important; text-shadow: none; font-weight: bold;} .reduce-height .main-inner-navigation #top_menu_light #profile-menu-list > li > a, .reduce-height .main-inner-navigation #top_menu_light #language-menu-list > li > a, .reduce-height .main-inner-navigation #top_menu_light #boutique-menu-list > li > a, .reduce-height .main-inner-navigation #top_menu_light #collection-menu-list > li > a, .reduce-height .main-inner-navigation #top_menu_light #collectible-menu-list > li > a, .reduce-height .main-inner-navigation #top_menu_light #bespoke-menu-list > li > a, .reduce-height .main-inner-navigation #top_menu_light #about-menu-list > li > a{color: white !important;} #top_menu .dropdown-menu{position: relative !important;} #top_menu_light .dropdown-menu{position: relative !important;} .reduce-height .main-inner-navigation #profile-menu-list li a, .reduce-height .main-inner-navigation #boutique-menu-list li a, .reduce-height .main-inner-navigation #collection-menu-list li a, .reduce-height .main-inner-navigation #collectible-menu-list li a, .reduce-height .main-inner-navigation #language-menu-list li a, .reduce-height .main-inner-navigation #bespoke-menu-list li a, .reduce-height .main-inner-navigation #about-menu-list li a{height: 25px !important; line-height: 25px !important; text-shadow: none; color:white; font-weight:bold;} .reduce-height .main-inner-navigation #profile-menu-list li, .reduce-height .main-inner-navigation #collection-menu-list li, .reduce-height .main-inner-navigation #collectible-menu-list li, .reduce-height .main-inner-navigation #boutique-menu-list li, .reduce-height .main-inner-navigation #language-menu-list li, .reduce-height .main-inner-navigation #bespoke-menu-list li, .reduce-height .main-inner-navigation #about-menu-list li{background:black; width: 200px; max-width: 200px;} .main-navigation .main-inner-navigation ul > li > a:hover{background-color: transparent !important;} .main-inner-navigation ul li a:hover, .main-inner-navigation ul li a.active{background-color: transparent !important;} #top_menu .dropdown-menu li{margin-left: 0px !important;} #top_menu_light .dropdown-menu li{margin-left: 0px !important;} #top_menu{letter-spacing: 1px !important;} #top_menu_light{letter-spacing: 1px !important;} .ct-btn-scroll{width: 49px; height: 49px; position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; z-index: 9; border-radius: 50%; -webkit-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out;} .arrows{width: 60px; height: 72px; position: absolute; left: 50%; margin-left: -30px; bottom: 20px;} .arrows path{stroke: white; fill: transparent; stroke-width: 2px; animation: arrow 4s infinite; -webkit-animation: arrow 4s infinite;} @keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}100%{opacity:0}} @-webkit-keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}100%{opacity:0}} .arrows path.a1{animation-delay:-1s; -webkit-animation-delay:-1s;} .arrows path.a2{animation-delay:-0.5s; -webkit-animation-delay:-0.5s;} .arrows path.a3{animation-delay:0s; -webkit-animation-delay:0s;} .image-works figcaption{margin: 5%; font-family: 'Apercu-light';} .barh-light-black{font-family: 'Apercu-light'; font-weight: 400; color: #000000;} .barh-bold-black{font-family: 'Apercu-bold'; font-weight: 800; color: #000000;} .barh-light-white{font-family: 'Apercu-light'; font-weight: 400; color: #ffffff;} .barh-bold-white{font-family: 'Apercu-bold'; font-weight: 800; color: #ffffff;} html, body{height:100%; margin:0; padding:0; font:16px/1.75 Verdana} #slideshow{position:relative; overflow:hidden; width:100%; height:100%} #slideshow div{position:absolute; z-index:2; width:105%; height:105%; top:-5%; left:-5%; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:0; -webkit-transition:opacity 3s, -webkit-transform 8s; -ms-transition:opacity 3s, -ms-transform 8s; transition:opacity 3s, transform 8s} #slideshow div{-webkit-transform-origin:bottom left; -ms-transform-origin:bottom left; transform-origin:bottom left} #slideshow :nth-child(2n+1){-webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right} #slideshow :nth-child(3n+1){-webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left} #slideshow :nth-child(4n+1){-webkit-transform-origin:bottom right; -ms-transform-origin:bottom right; transform-origin:bottom right} #slideshow .fx:first-child + div ~ div, #slideshow .fx1{z-index:1} #slideshow .fx, #slideshow .fx1{-webkit-transform:scale(1.35) translate(2.5%); -ms-transform:scale(1.35) translate(2.5%); transform:scale(1.35) translate(2.5%); opacity:1} #header{position:relative; top:0; left:0; right:0; height:4.0625em; background:#222} #header img{position:absolute; top:0.5em; left:1em; width:3em; height:3em; border:0} #header > span{position:absolute; top:1.175em; left:5em; color:#fff} .page-content{padding:0 1em 1em; max-width:64em; margin:auto} .breadcrumbs{font-size:.75em; border-bottom:7px solid #eee; margin:0 -1.25em 1.5em; padding:1em 1.25em} .breadcrumbs span{display:none} @media(min-width:30em){.breadcrumbs{line-height:3.75; padding:0 1.25em}} @media(min-width:60em){.breadcrumbs span{display:inline-block}} a, a:active, a:visited{color:#c30} a:visited{color:#c90} a:hover, a:focus{color:#666; text-decoration:none} code{display:block; background:#ebebeb; font-size:0.875em; padding:1em 2em; overflow-x:scroll; white-space:nowrap} #kenburns-slideshow, #kenburns-vegas-slideshow{position: absolute; width: 100%; height: 100%; border: None; box-sizing: border-box; z-index: -1; overflow: hidden; left: 0; top: 0;} .kb-slide{position: absolute; z-index: 1; opacity: 0;} .kb-slide img{position: relative; -webkit-transform: translate3d(0,0,0) -moz-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;} .loader{width:32px; height:32px; border:5px solid rgba(128,128,128,0.9); opacity: .9; border-top:5px solid rgba(0,0,0,0); border-left:5px dotted rgba(0,0,0,0); border-radius:32px; -moz-animation:spin 1.1s infinite linear; -webkit-animation:spin 1.1s infinite linear;} @-moz-keyframes spin{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);}} @-moz-keyframes spinoff{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(-360deg);}} @-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}} @-webkit-keyframes spinoff{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(-360deg);}} #kenburns-description{width: 600px; background-color:#191919; color:#999; padding:0 22px 22px 22px;} #kenburns-description p{margin:0; padding:0; line-height: 18px; font-size:12px;} #kenburns-description a{color:white; text-decoration: none;} #kenburns-description a:hover{color:green; text-decoration: none;} #kenburns-description a:visited{color:white;} .title{clear: left; margin:0; padding:15px 0 0 0;} #slide-title{margin-top: 5px; font-weight: bold;} #status{color:#333; font-size: 12px; float:right; clear: right;} @media (min-width: 1281px){#kenburns-slideshow, #kenburns-vegas-slideshow{width: 100%;}} @media (min-width: 1025px) and (max-width: 1280px){#kenburns-slideshow, #kenburns-vegas-slideshow{width: 100%;}} @media (min-width: 768px) and (max-width: 1024px){#kenburns-slideshow, #kenburns-vegas-slideshow{width: 100%;}} @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){#kenburns-slideshow, #kenburns-vegas-slideshow{width: 100%;}} @media (min-width: 481px) and (max-width: 767px){#kenburns-slideshow, #kenburns-vegas-slideshow{width: 100%;}} @media (min-width: 320px) and (max-width: 480px){#kenburns-slideshow, #kenburns-vegas-slideshow{height: 300px;}.home-page{height: 300px !important;}} .vegas-wrapper, .vegas-overlay, .vegas-timer, .vegas-slide, .vegas-slide-inner{position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; border: none; padding: 0; margin: 0;} .vegas-overlay{opacity: .5; background: transparent url("/barh_template/static/src/css/overlays/02.png") center center repeat;} .vegas-timer{top: auto; bottom: 0; height: 2px;} .vegas-timer-progress{width: 0%; height: 100%; background: white; transition: width ease-out;} .vegas-timer-running .vegas-timer-progress{width: 100%;} .vegas-slide, .vegas-slide-inner{margin: 0; padding: 0; background: transparent center center no-repeat; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform, opacity;} body .vegas-container{overflow: hidden !important; position: relative;} .vegas-video{min-width: 100%; min-height: 100%; width: auto; height: auto;} body.vegas-container{overflow: auto; position: static; z-index: -2;} body.vegas-container > .vegas-timer, body.vegas-container > .vegas-overlay, body.vegas-container > .vegas-slide{position: fixed; z-index: -1;} .vegas-transition-blur, .vegas-transition-blur2{opacity: 0; -webkit-filter: blur(32px) brightness(1.01); filter: blur(32px) brightness(1.01);} .vegas-transition-blur-in, .vegas-transition-blur2-in{opacity: 1; -webkit-filter: blur(0px) brightness(1.01); filter: blur(0px) brightness(1.01);} .vegas-transition-blur2-out{opacity: 0;} .vegas-transition-burn, .vegas-transition-burn2{opacity: 0; -webkit-filter: contrast(1000%) saturate(1000%); filter: contrast(1000%) saturate(1000%);} .vegas-transition-burn-in, .vegas-transition-burn2-in{opacity: 1; -webkit-filter: contrast(100%) saturate(100%); filter: contrast(100%) saturate(100%);} .vegas-transition-burn2-out{opacity: 0; -webkit-filter: contrast(1000%) saturate(1000%); filter: contrast(1000%) saturate(1000%);} .vegas-transition-fade, .vegas-transition-fade2{opacity: 0;} .vegas-transition-fade-in, .vegas-transition-fade2-in{opacity: 1;} .vegas-transition-fade2-out{opacity: 0;} .vegas-transition-flash, .vegas-transition-flash2{opacity: 0; -webkit-filter: brightness(25); filter: brightness(25);} .vegas-transition-flash-in, .vegas-transition-flash2-in{opacity: 1; -webkit-filter: brightness(1); filter: brightness(1);} .vegas-transition-flash2-out{opacity: 0; -webkit-filter: brightness(25); filter: brightness(25);} .vegas-transition-negative, .vegas-transition-negative2{opacity: 0; -webkit-filter: invert(100%); filter: invert(100%);} .vegas-transition-negative-in, .vegas-transition-negative2-in{opacity: 1; -webkit-filter: invert(0); filter: invert(0);} .vegas-transition-negative2-out{opacity: 0; -webkit-filter: invert(100%); filter: invert(100%);} .vegas-transition-slideDown, .vegas-transition-slideDown2{-webkit-transform: translateY(-100%); transform: translateY(-100%);} .vegas-transition-slideDown-in, .vegas-transition-slideDown2-in{-webkit-transform: translateY(0%); transform: translateY(0%);} .vegas-transition-slideDown2-out{-webkit-transform: translateY(100%); transform: translateY(100%);} .vegas-transition-slideLeft, .vegas-transition-slideLeft2{-webkit-transform: translateX(100%); transform: translateX(100%);} .vegas-transition-slideLeft-in, .vegas-transition-slideLeft2-in{-webkit-transform: translateX(0%); transform: translateX(0%);} .vegas-transition-slideLeft2-out{-webkit-transform: translateX(-100%); transform: translateX(-100%);} .vegas-transition-slideRight, .vegas-transition-slideRight2{-webkit-transform: translateX(-100%); transform: translateX(-100%);} .vegas-transition-slideRight-in, .vegas-transition-slideRight2-in{-webkit-transform: translateX(0%); transform: translateX(0%);} .vegas-transition-slideRight2-out{-webkit-transform: translateX(100%); transform: translateX(100%);} .vegas-transition-slideUp, .vegas-transition-slideUp2{-webkit-transform: translateY(100%); transform: translateY(100%);} .vegas-transition-slideUp-in, .vegas-transition-slideUp2-in{-webkit-transform: translateY(0%); transform: translateY(0%);} .vegas-transition-slideUp2-out{-webkit-transform: translateY(-100%); transform: translateY(-100%);} .vegas-transition-swirlLeft, .vegas-transition-swirlLeft2{-webkit-transform: scale(2) rotate(35deg); transform: scale(2) rotate(35deg); opacity: 0;} .vegas-transition-swirlLeft-in, .vegas-transition-swirlLeft2-in{-webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1;} .vegas-transition-swirlLeft2-out{-webkit-transform: scale(2) rotate(-35deg); transform: scale(2) rotate(-35deg); opacity: 0;} .vegas-transition-swirlRight, .vegas-transition-swirlRight2{-webkit-transform: scale(2) rotate(-35deg); transform: scale(2) rotate(-35deg); opacity: 0;} .vegas-transition-swirlRight-in, .vegas-transition-swirlRight2-in{-webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1;} .vegas-transition-swirlRight2-out{-webkit-transform: scale(2) rotate(35deg); transform: scale(2) rotate(35deg); opacity: 0;} .vegas-transition-zoomIn, .vegas-transition-zoomIn2{-webkit-transform: scale(0); transform: scale(0); opacity: 0;} .vegas-transition-zoomIn-in, .vegas-transition-zoomIn2-in{-webkit-transform: scale(1); transform: scale(1); opacity: 1;} .vegas-transition-zoomIn2-out{-webkit-transform: scale(2); transform: scale(2); opacity: 0;} .vegas-transition-zoomOut, .vegas-transition-zoomOut2{-webkit-transform: scale(2); transform: scale(2); opacity: 0;} .vegas-transition-zoomOut-in, .vegas-transition-zoomOut2-in{-webkit-transform: scale(1); transform: scale(1); opacity: 1;} .vegas-transition-zoomOut2-out{-webkit-transform: scale(0); transform: scale(0); opacity: 0;} .vegas-animation-kenburns{-webkit-animation: kenburns ease-out; animation: kenburns ease-out;} @-webkit-keyframes kenburns{0%{-webkit-transform: scale(1.5); transform: scale(1.5);}100%{-webkit-transform: scale(1); transform: scale(1);}} @keyframes kenburns{0%{-webkit-transform: scale(1.5); transform: scale(1.5);}100%{-webkit-transform: scale(1); transform: scale(1);}} .vegas-animation-kenburnsDownLeft{-webkit-animation: kenburnsDownLeft ease-out; animation: kenburnsDownLeft ease-out;} @-webkit-keyframes kenburnsDownLeft{0%{-webkit-transform: scale(1.5) translate(10%, -10%); transform: scale(1.5) translate(10%, -10%);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} @keyframes kenburnsDownLeft{0%{-webkit-transform: scale(1.5) translate(10%, -10%); transform: scale(1.5) translate(10%, -10%);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} .vegas-animation-kenburnsDownRight{-webkit-animation: kenburnsDownRight ease-out; animation: kenburnsDownRight ease-out;} @-webkit-keyframes kenburnsDownRight{0%{-webkit-transform: scale(1.5) translate(-10%, -10%); transform: scale(1.5) translate(-10%, -10%);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} @keyframes kenburnsDownRight{0%{-webkit-transform: scale(1.5) translate(-10%, -10%); transform: scale(1.5) translate(-10%, -10%);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} .vegas-animation-kenburnsDown{-webkit-animation: kenburnsDown ease-out; animation: kenburnsDown ease-out;} @-webkit-keyframes kenburnsDown{0%{-webkit-transform: scale(1.5) translate(0, -10%); transform: scale(1.5) translate(0, -10%);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} @keyframes kenburnsDown{0%{-webkit-transform: scale(1.5) translate(0, -10%); transform: scale(1.5) translate(0, -10%);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} .vegas-animation-kenburnsLeft{-webkit-animation: kenburnsLeft ease-out; animation: kenburnsLeft ease-out;} @-webkit-keyframes kenburnsLeft{0%{-webkit-transform: scale(1.5) translate(10%, 0); transform: scale(1.5) translate(10%, 0);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} @keyframes kenburnsLeft{0%{-webkit-transform: scale(1.5) translate(10%, 0); transform: scale(1.5) translate(10%, 0);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} .vegas-animation-kenburnsRight{-webkit-animation: kenburnsRight ease-out; animation: kenburnsRight ease-out;} @-webkit-keyframes kenburnsRight{0%{-webkit-transform: scale(1.5) translate(-10%, 0); transform: scale(1.5) translate(-10%, 0);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} @keyframes kenburnsRight{0%{-webkit-transform: scale(1.5) translate(-10%, 0); transform: scale(1.5) translate(-10%, 0);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} .vegas-animation-kenburnsUpLeft{-webkit-animation: kenburnsUpLeft ease-out; animation: kenburnsUpLeft ease-out;} @-webkit-keyframes kenburnsUpLeft{0%{-webkit-transform: scale(1.5) translate(10%, 10%); transform: scale(1.5) translate(10%, 10%);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} @keyframes kenburnsUpLeft{0%{-webkit-transform: scale(1.5) translate(10%, 10%); transform: scale(1.5) translate(10%, 10%);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} .vegas-animation-kenburnsUpRight{-webkit-animation: kenburnsUpRight ease-out; animation: kenburnsUpRight ease-out;} @-webkit-keyframes kenburnsUpRight{0%{-webkit-transform: scale(1.5) translate(-10%, 10%); transform: scale(1.5) translate(-10%, 10%);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} @keyframes kenburnsUpRight{0%{-webkit-transform: scale(1.5) translate(-10%, 10%); transform: scale(1.5) translate(-10%, 10%);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} .vegas-animation-kenburnsUp{-webkit-animation: kenburnsUp ease-out; animation: kenburnsUp ease-out;} @-webkit-keyframes kenburnsUp{0%{-webkit-transform: scale(1.5) translate(0, 10%); transform: scale(1.5) translate(0, 10%);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} @keyframes kenburnsUp{0%{-webkit-transform: scale(1.5) translate(0, 10%); transform: scale(1.5) translate(0, 10%);}100%{-webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0);}} .portfolio-header{background: #fff none repeat scroll 0 0; padding: 200px 0 40px; position: relative;} .portfolio-header-title{color: #777 !important; font-family: "Playfair Display",serif; font-style: italic; font-size: 30px; font-weight: 400; letter-spacing: 4px; line-height: 1.8em; text-transform: none; text-align: center !important; margin-bottom: 100px;} .portfolio-header-title span{color: #000 !important; font-family: "Playfair Display",serif !important; font-style: italic; font-weight: 400; letter-spacing: 4px; line-height: 1.8em; text-transform: none; display: inline-block;} .portfolio-header-title span::after{border-bottom: 1px solid #000; bottom: 2px; content: ""; position: relative; width: 90%; opacity: 0.4; display: block; transition: all 0.3s ease-in-out 0s;} .portfolio-header p{font-size: 14px; margin: 40px 0; border: 12px solid transparent;} @media screen and (max-width: 768px){.portfolio-header{padding: 140px 0;}.portfolio-header-title{font-size: 18px;}} .portfolio-wrapper img{display: block; margin-bottom: 30px; width: 75%;} .portfolio-wrapper-nogutter img{display: block; width: 100%;} figure.portfolio{color: #fff; position: relative; float: left; overflow: hidden; width: 100%; text-align: center;} figure.portfolio.p2{margin-top: 150px;} figure.portfolio *{-webkit-box-sizing: padding-box; box-sizing: padding-box; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} figure.portfolio img{max-width: 100%; vertical-align: top;} figure.portfolio figcaption{top: 45%; left: 20px; right: 20px; position: absolute; opacity: 0; z-index: 1;} figure.portfolio:after{background-color: #fff; position: absolute; content: ""; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0;} figure.portfolio a{left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1;} figure.portfolio:hover figcaption{-webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; opacity: 1;} .portfolio-content-align-right{text-align: right; padding-top: 70px; z-index: 1; right: 53%;} .portfolio-content-align-left{text-align: left; padding-top: 70px; z-index: 1; left: -10%;} @media (max-width: 992px){.portfolio-content-align-right{padding-top: 10px; right: 0; background:rgb(255, 255, 255, .6)}.portfolio-content-align-left{padding-top: 10px; left: 0; background:rgb(255, 255, 255, .6)}} .text-rotate{color: #dedede; font-size: 40px; margin-top: 85px; width: 300px; letter-spacing: 3px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); position: absolute; opacity: 0.5;} .vertical-text-left{color: #dedede; font-size: 42px; letter-spacing: 3px; float: left; -moz-transform: rotate(270deg); -moz-rotation-point: 0 0; -webkit-transform: rotate(270deg); -webkit-rotation-point: 0 0; -o-transform: rotate(270deg); -ms-transform: rotate(270deg); margin: -48px 44px; width: auto; height: auto;} .vertical-text-right{color: #dedede; font-size: 42px; letter-spacing: 3px; float: right; -moz-transform: rotate(270deg); -moz-rotation-point: 0 0; -webkit-transform: rotate(270deg); -webkit-rotation-point: 0 0; -o-transform: rotate(270deg); -ms-transform: rotate(270deg); margin: -48px 48px; width: auto; height: auto;} h5.family{font-size: 18px; font-weight: 400; letter-spacing: 1px; line-height: 1.44444em; text-transform: uppercase; margin-top: 10px; margin-bottom: 10px; color: #000;} .bottom-left{left: 20px; position: absolute;} .bottom-right{right: 20px; position: absolute;} .heading-line-b{width: 130px; border-bottom: 3px solid #000; margin-top: 25px;} .mb-40{margin-bottom: 40px;} .mt-70{margin-top: 70px;} .mt-100{margin-top: 100px;} .mt-50-minus{margin-top: -50px;} .mt-100-minus{margin-top: -100px;} .mt-150-minus{margin-top: -150px;} .mt-250-minus{margin-top: -250px;} .mt-350-minus{margin-top: -350px;} .mt-300{margin-top: 300px;} .flickerplate{position:relative;width:100%;height:600px;background-color:#e6e6e6;overflow:hidden} .flickerplate ul.flicks{width:10000%;height:100%;padding:0px;margin:0px;list-style:none} .flickerplate ul.flicks>li{display:table; float:left; width:1%; height:100%; background-position:center;background-repeat:no-repeat; background-size:cover} .flickerplate ul.flicks>li .flick-inner{display:table-cell; height:100%; color:#fff; padding:45px; vertical-align:bottom;} .flickerplate ul.flicks>li .flick-inner .flick-content{max-width:68.75em;margin-left:auto;margin-right:auto} .flickerplate ul.flicks>li .flick-title{padding:0px; text-align:center; line-height:56px; line-height:3.5rem; font-size:28px; font-size:1.75rem} @media only screen and (min-width: 43.813em){.flickerplate ul.flicks>li .flick-title{line-height:75px; line-height:4.6875rem;}} .flickerplate ul.flicks>li .flick-sub-text{padding:5px; text-align:center; color:rgba(255,255,255,0.8); line-height:42px;line-height:2.625rem; font-size:16px; font-size:1rem; font-weight:300} .flickerplate ul.flicks>li .flick-title span.flick-block-text,.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text{padding-left:18px;padding-right:18px;padding-top:12px;padding-bottom:12px;background-color:rgba(0,0,0,0.6)} .flickerplate .arrow-navigation{display:block;position:absolute;top:10%;width:10%;height:80%; z-index:100;overflow:hidden; font-family:"flickerplate";vertical-align:middle} .flickerplate .arrow-navigation:before{position:absolute;top:50%;left:50%;margin-left:-25px; margin-top:-25px;height:50px;width:50px;opacity:0;filter:alpha(opacity=0);text-align:center;color:#fff; font-size:48px;font-size:3rem;-webkit-transition:opacity 0.2s ease-out 0s; -moz-transition:opacity 0.2s ease-out 0s;-o-transition:opacity 0.2s ease-out 0s;-ms-transition:opacity 0.2s ease-out 0s; transition:opacity 0.2s ease-out 0s} .flickerplate-no-touch .flickerplate .arrow-navigation:hover{cursor:pointer} .flickerplate-no-touch .flickerplate .arrow-navigation:hover.left:before, .flickerplate-no-touch .flickerplate .arrow-navigation:hover.right:before{opacity:1;filter:alpha(opacity=100)} .flickerplate-no-touch .flickerplate .arrow-navigation:active.left:before, .flickerplate-no-touch .flickerplate .arrow-navigation:active.right:before{margin-top:-23px} .flickerplate .arrow-navigation.left{left:0%} .flickerplate .arrow-navigation.left:before{content:"\f104"} .flickerplate .arrow-navigation.right{right:0%} .flickerplate .arrow-navigation.right:before{content:"\f105"} .flickerplate .dot-navigation{position:absolute;bottom:15px;width:100%;text-align:center;z-index:100} .flickerplate .dot-navigation ul{text-align:center;list-style:none;padding-left:15px;padding-right:15px;padding-top:0px;padding-bottom:0px} .flickerplate .dot-navigation ul li{display:inline-block;float:none} .flickerplate .dot-navigation .dot{width:14px;height:14px;line-height:14px;text-align:center;margin-left:6px; margin-right:6px;background-color:rgba(255,255,255,0.3);border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%;background-clip:padding-box; -webkit-transition:background-color 0.2s ease-out 0s;-moz-transition:background-color 0.2s ease-out 0s; -o-transition:background-color 0.2s ease-out 0s; -ms-transition:background-color 0.2s ease-out 0s; transition:background-color 0.2s ease-out 0s} .flickerplate .dot-navigation .dot:hover{cursor:pointer;background-color:rgba(255,255,255,0.6)} .flickerplate .dot-navigation .dot.active{background-color:#fff} .flickerplate .dot-navigation.left,.flickerplate .dot-navigation.left ul{text-align:left} .flickerplate .dot-navigation.right,.flickerplate .dot-navigation.right ul{text-align:right} .flickerplate.theme-dark .dot-navigation .dot{background-color:rgba(0,0,0,0.12)} .flickerplate.theme-dark .dot-navigation .dot:hover{background-color:rgba(0,0,0,0.6)} .flickerplate.theme-dark .dot-navigation .dot.active{background-color:#000} .flickerplate.theme-dark ul.flicks li .flick-inner{color:rgba(0,0,0,0.9)} .flickerplate.theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,0.9)} .flickerplate.theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text{background-color:rgba(255,255,255,0.5)} .flickerplate.theme-dark .arrow-navigation:before{color:rgba(0,0,0,0.9)} .flickerplate ul.flicks li.flick-theme-dark .flick-inner{color:rgba(0,0,0,0.9)} .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,0.9)} .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text{background-color:rgba(255,255,255,0.5)} .flickerplate.animate-transform-slide ul.flicks{-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%, 0px, 0px); -webkit-transform:translate3d(0%, 0px, 0px); -webkit-transition: -webkit-transform 0.2s ease-out; -o-transition:-o-transform 0.2s ease-out; -moz-transition:-moz-transform 0.2s ease-out; transition:transform 0.2s ease-out} @media only screen and (min-width: 43.813em){.flickerplate.animate-transform-slide ul.flicks{-webkit-transition:-webkit-transform 0.6s ease-out; -o-transition:-o-transform 0.6s ease-out; -moz-transition:-moz-transform 0.6s ease-out; transition:transform 0.6s ease-out}} .flickerplate.animate-transition-slide ul.flicks{position:relative;left:0%;-webkit-transition:left 0.2s ease-out 0s; -moz-transition:left 0.2s ease-out 0s;-o-transition:left 0.2s ease-out 0s; -ms-transition:left 0.2s ease-out 0s;transition:left 0.2s ease-out 0s} @media only screen and (min-width: 43.813em){.flickerplate.animate-transition-slide ul.flicks{-webkit-transition:left 0.6s ease-out 0s; -moz-transition:left 0.6s ease-out 0s; -o-transition:left 0.6s ease-out 0s; -ms-transition:left 0.6s ease-out 0s; transition:left 0.6s ease-out 0s}} .flickerplate.animate-jquery-slide ul.flicks{position:relative;left:0%} .flickerplate.animate-scroller-slide{padding-bottom:0px;overflow:auto} .flickerplate.animate-scroller-slide ul.flicks{position:auto} .flickerplate.animate-transition-fade ul.flicks{position:relative} .flickerplate.animate-transition-fade ul.flicks li{float:none; position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity=0)} .flickerplate.animate-transition-fade ul.flicks li.active{opacity:1;filter:alpha(opacity=100); -webkit-transition:opacity 0.8s ease-out 0s; -moz-transition:opacity 0.8s ease-out 0s; -o-transition:opacity 0.8s ease-out 0s; -ms-transition:opacity 0.8s ease-out 0s; transition:opacity 0.8s ease-out 0s} .flickerplate.animate-transition-fade.fade-initiated ul.flicks li{-webkit-transition:opacity 0.8s ease-out 0s; -moz-transition:opacity 0.8s ease-out 0s; -o-transition:opacity 0.8s ease-out 0s; -ms-transition:opacity 0.8s ease-out 0s; transition:opacity 0.8s ease-out 0s} .flickerplate.animate-jquery-fade ul.flicks{position:relative} .flickerplate.animate-jquery-fade ul.flicks li{float:none;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)} }

/* /auth_signup_customization/static/src/css/register_style.css defined in bundle 'web.assets_frontend' */
@media all{.oe_signup_form{max-width: 600px !important;}} 

/* /website_portal_sale/static/src/less/website_portal_sale.less defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} .cell_overflow{overflow: hidden;}