/*--- fancybox -----*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(../img/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040;position:absolute}#fancybox-loading div{width:44px;height:44px;background:url(../img/fancybox_loading.gif) center center no-repeat}.fancybox-close{top:-18px;right:-18px;width:36px;height:36px}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:url(../img/blank.gif);-webkit-tap-highlight-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:36px;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock,.fancybox-lock body{overflow:hidden!important}.fancybox-lock{width:auto}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(../img/fancybox_overlay.png);background:rgba(0,0,0,.58)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(../img/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(../img/fancybox_loading@2x.gif);background-size:24px 24px}} /*===============CUSTOM STYLES===========================*/ body{overflow-y:hidden;} .splash-screen{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#FFF; background:url(../img/splash-bg.jpg) no-repeat bottom center; background-size:cover; z-index:99; overflow:hidden; } a.skip{ display:block; position:absolute; padding:10px 20px; right:20px; top:20px; font-family: 'brandon_grotesquemedium'; font-size:16px; text-transform:uppercase; color:#FFF; } a.skip span{display:inline-block;padding:0px 1px;transition:all ease 0.3s; } a.skip:hover span.c1{color:#51b9e5;} a.skip:hover span.c2{color:#ff6161;} a.skip:hover span.c3{color:#3dceb5;} a.skip:hover span.c4{color:#f9a541;} .splash-box{ width:60%; height:90%; position:absolute; bottom:0; left:0; right:0; margin:auto; /* opacity:0; transition:all ease 1s; transform: translate(0px,170px); -webkit-transform: translate(0px,170px); -moz-transform: translate(0px,170px); -ms-transform: translate(0px,170px);*/ } /*.splash-box.animate{ opacity:1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); }*/ .splash-box img{ position:absolute; bottom:0; left:0; right:0; margin:auto; max-height:100%; max-width:100%; } .splash-logo{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:10%; height:100px; opacity:0; transition:all ease 1s; transform: rotate(-180deg); } .splash-logo.animate{opacity:1;width:32%;transform: rotate(0deg);} .splash-logo img{ max-width:100%; max-height:80px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; } span.shiner{ position:absolute; width:60px; height:82px; background:url(../img/shiner-bg.png) no-repeat; margin:auto; top:0; left:0; } span.shiner.animate{animation: moving 3s infinite linear;} @-webkit-keyframes moving { from { left:0%; } to { left:90%; } } .page-loader{ position:absolute; z-index:99999; width:100%; height:100%; background:#FFF; top:0; left:0; overflow:hidden; } .spinning-logo{ position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; display:block; width:67px; height:67px; animation: rotating 1.2s infinite linear; } @-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg); } } /*! lightslider - v1.1.3 - 2015-04-14 --*/ .lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-webkit-touch-callout:none;-khtml-user-select:none;overflow:hidden}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height;-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(../img/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing} /* ========================================================================== Reset styles ========================================================================== */ body { margin:0px; padding:0; font-family: 'brandon_grotesquelight'; font-size:22px; color:#61645a; line-height:34px; } ::selection { background: #3D4E60; /* Safari */ color:#fff; } ::-moz-selection { background: #3D4E60; /* Firefox */ color:#fff; } a:focus, input:focus, textarea:focus, button:focus { outline:none; text-decoration:none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: 'brandon_grotesqueblack'; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; } h2 { font-size:86px; font-family: 'brandon_grotesqueblack'; color:#FFF; line-height:80px; margin:0 0 20px 0; text-transform:uppercase; } h2 span{ font-family: 'brandon_grotesquelight'; } a { color:#3c99df; text-decoration:none; } a:hover { text-decoration:none; color:#b60000; } label { font-weight:normal; } p{ margin:0 0 15px 0; color:#8c95a5; font-size:18px; line-height:28px; font-family: 'open_sansregular'; } ul{ margin: 0; padding: 0; list-style: none; } ol { padding:0px; list-style-position:inside; } ol, li { margin-bottom:0px; list-style:none; position:relative; } li { } a{ transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s; -ms-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s; } /* ========================================================================== Author's custom styles ========================================================================== */ .section{ text-align:center; } .header{ position:fixed; top:0; left:0; z-index: 70; width: 100%; padding: 0; margin:0; text-align:center; } .header .container{position:relative;} .tiny-logo{ position:absolute; top:0; left:0; width:95px; height:95px; } .tiny-logo img{ position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; transition: all ease-out 0.3s; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; } .tiny-logo:hover img{ -webkit-transform: rotate(90deg); } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } .tiny-logo:hover img{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } .menu{ display:inline-block; font-size:0; } .menu li { display:inline-block; } .menu li a{ display:block; text-decoration:none; color: #FFF; font-family: 'brandon_grotesquebold'; font-size:16px; text-transform:uppercase; padding:34px 18px 14px 18px; line-height:normal; } .menu li.active a{ background:#542b71; color: #FFF; } .menu li a.invert{color:#3b2749;} .menu li.active a.invert{color:#FFF;} .menu li li.active a:hover{ color: #FFF; } .menu li a:hover{ background: rgba(84, 43, 113, 0.6); } a.choose-language{ position:absolute; top:28px; right:20px; display:inline-block; background:#000; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.3); border-radius:2px; padding:5px; line-height:normal; margin:0; font-size:0; transition:background ease 0.3s; -webkit-transition:background ease 0.3s; -moz-transition:background ease 0.3s; -o-transition:background ease 0.3s; -ms-transition:background ease 0.3s; } a.choose-language:hover{background: rgba(0, 0, 0, 0.7);} span.flag{ display:inline-block; margin-right:6px; width:30px; height:18px; position:relative; top:0px; vertical-align:middle; } span.text{ display:inline-block; vertical-align:middle; line-height:normal; font-size:11px; text-transform:uppercase; font-family: 'open_sansbold'; color:#FFF; padding-right:5px; } /*=Mobile menu=====================================*/ .mobile-menu{display:none; background:#000; background: rgba(0, 0, 0, 0.7);position:relative;width:100%;z-index:5;} .mobile-menu ul{padding:20px 0px;} a.menu-toggle{ position:absolute; display:none; width:58px; height:58px; background:#8e4bba; bottom:-58px; right:0px; left:0; margin:auto; padding-top:4px; box-sizing:border-box; } a.menu-toggle:hover,a.menu-toggle.active{ } a.menu-toggle span.line{ position:relative; width:65%; height:3px; background:#FFF; margin:10px auto; display:block; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -o-transition:all ease 0.3s; -ms-transition:all ease 0.3s; } a.menu-toggle.active span.line { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; transform-origin: center center; } a.menu-toggle.active span.line.a{ transform: rotate(45deg); } a.menu-toggle.active span.line.c{ transform: rotate(-45deg); } a.menu-toggle.active span.line.b{ opacity:0; filter alpha(opacity=0); } .mobile-menu ul li{display:block;} .mobile-menu ul li a{ padding:10px 0px; font-size:12px; } .mobile-menu ul li a:hover,.mobile-menu ul li.active a{background:#8e4bba;color:#FFF;} .main-section{ background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; overflow:hidden; } .disruptive{ /*background:url(../img/section2-bg-1.jpg) no-repeat center center;*/ background-size:cover; } .disruptive-slider{ display:block; padding-top:40px; } .section-head span.faded-head{ transform: rotate(-180deg); transition:all ease 0.8s; opacity:0; font-size:80px; } .section-head span.faded-head.animate{ transform: rotate(0deg); opacity:1; font-size:138px; } .disruptive-slider .section-head{ opacity:0; transition:all ease 0.8s; transform: translate(0px,-35px); -webkit-transform: translate(0px,-35px); -moz-transform: translate(0px,-35px); -ms-transform: translate(0px,-35px); z-index:3; } .disruptive-slider .section-head.animate{ opacity:1; transition:all ease 0.5s; transform: translate(0px,0px); -webkit-transform:translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); z-index:3; } .disruptive-slider p{ color:#FFF; opacity:0; text-align:justify; transition:all ease 0.8s; transform: translate(0px,40px); -webkit-transform:translate(0px,40px); -moz-transform: translate(0px,40px); -ms-transform: translate(0px,40px); } .disruptive-slider p.animate{ opacity:1; transition:all ease 0.5s; transform: translate(0px,0px); -webkit-transform:translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); } .disruptive .lightSlider { height:auto !important; } .slider-content{ display:block; padding:30px 30px 20px 30px; background: rgba(0, 0, 0, 0.4); } .section-content{ position:relative; z-index:3; padding:80px 0px; } .section-head { display:block; position:relative; } .section-head h2{ position:relative; z-index:3; } .section-head span.faded-head{ position:absolute; margin:auto; right:0; left:0; top:45px; font-size:168px; color: rgba(255, 255, 255, 0.2); font-family: 'brandon_grotesqueblack'; z-index:1; } .section-head.single-line span.faded-head{ top:22px; font-size:100px; text-transform:uppercase; opacity:0; transition: all ease-out 0.3s, transform ease-out 0.3s; -webkit-transition: all ease-out 0.3s, transform ease-out 0.3s; -moz-transition: all ease-out 0.3s, transform ease-out 0.3s; } .section-head.single-line span.faded-head.animate{ font-size:138px; opacity:1; } .bg-slider{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background-position:center center !important; background-size:cover; -webkit-background-size:cover; -o-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; } /*.bg-slider:after{ position:absolute; top:0; left:0; width:100%; height:100%; content:''; background: rgba(84, 43, 113, 0.5); z-index:99; display:block; }*/ .bg-slider .lightSlider{overflow:visible;} span.banner-bg{display:none;} .bg-slider ul li{ background-position:center center !important; background-size:cover; -webkit-background-size:cover; -o-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; display:block; } .bg-wrapper{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; /* transition: all ease-out 50s; -webkit-transition: all ease-out 50s; -moz-transition: all ease-out 50s; -ms-transition: all ease-out 50s; -o-transition: all ease-out 50s; */ background-position:center center !important; background-size:cover; -webkit-background-size:cover; -o-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; } .logo-base{ position:relative; width:600px; height:600px; margin:0px auto; } /*.logo-base.animate{ opacity:1; width:650px; height:650px; }*/ .logo-base:before{ position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:url(../img/logo-vector-bg.png) no-repeat; background-size:cover; content:''; animation: rotation 30s infinite linear; } .outer-shell{ position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; width:82%; height:82%; background: rgba(0, 0, 0, 0.2); border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; } .outer-shell:before{ content:''; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; width:60%; height:60%; background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5); border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; /*animation: color-loop 10s infinite linear;*/ } /*@-webkit-keyframes color-loop { 0% { background: rgba(81, 185, 229, 0.4); } 25% { background:rgba(140, 198, 63, 0.4); } 25% { background:rgba(61, 206, 181, 0.4); } 75% { background:rgba(249, 165, 65, 0.4); } 100% { background: rgba(81, 185, 229, 0.4); } }*/ .logo{ position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; /* height:2px; width:9px; */ opacity:0; transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -o-transition:all ease 1s; -ms-transition:all ease 1s; transform:rotate(-360deg); /*animation: pulse 1.5s infinite linear;*/ height:115px; width:420px; } .fp-scroller{overflow:visible !important;} .logo.animate{ transform:rotate(0deg); opacity:1; } /*@-webkit-keyframes pulse { 0% { width:390px; height:105px; } 50% { width:420px; height:114px; } 100% { width:389px; height:104px; } }*/ /*.logo img{ position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; }*/ .connector-start{ position:absolute; bottom:0px; left:0; right:0; margin:auto; width:900px; height:162px; z-index:3; text-align:center; } span.scroll-down{ position:absolute; margin:auto; top:-60px; text-transform:uppercase; color:#FFF; font-family: 'brandon_grotesquebold'; font-size:12px; left:0; right:0; width:200px; } span.scroll-down:after{ position:absolute; display:block; width:37px; height:32px; content:''; background:url(../img/ic-scroll-down.png) no-repeat; right:0; left:0; bottom:-38px; margin:auto; } .connector-end{ position:absolute; top:0px; left:0; right:0; margin:auto; width:900px; height:244px; z-index:3; } .road{ background:url(../img/section3-bg-1.jpg) no-repeat top center; background-size:cover; } .content-box{ display:block; margin-top:100px; background: rgba(0, 0, 0, 0.4); padding:30px 30px 20px 30px; } .content-box.move-right .col-sm-6{ float:right; } .content-box.move-right .photo-box .frame{ left:inherit; right:0; border: 32px solid #8455a3; } .content-box.move-right .photo-box .img-box{left:inherit;right:32px;} .photo-box{ display:block; } .photo-box .frame{ position:absolute; bottom:0; left:32px; display:block; width:390px; height:320px; border:32px solid #FFF; z-index:2; } .photo-box .img-box{ position:absolute; bottom:0px; left:32px; width:415px; height:350px; background-size:cover; z-index:1; opacity:0; } .photo-box .img-box.animate{ opacity:1; transition:all ease 0.8s; transform: translate(70px,-70px); -webkit-transform: translate(70px,-70px); -moz-transform: translate(70px,-70px); -ms-transform: translate(70px,-70px); z-index:3; } .content-box.move-right .photo-box .img-box{ bottom:0; right:32px; transition:all ease 0.8s; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); } .content-box.move-right .photo-box .img-box.animate{ opacity:1; transition:all ease 0.8s; transform: translate(0px,-35px); -webkit-transform: translate(0px,-35px); -moz-transform: translate(0px,-35px); -ms-transform: translate(0px,-35px); z-index:3; } .photo-box .img-box img{ position:absolute; top:20px; left:20px; max-height:70px; } .photo-box .img-box span.make-bg{display:none;} .content-box .para-box{ text-align:center; } .content-box .para-box p{ font-size:22px; line-height:30px; color:#FFF; } .content-box .para-box p.bold{ font-family: 'brandon_grotesquemedium'; } .content-box .para-box p{ opacity:0; filter alpha(opacity=0); transition: all ease-out 0.3s; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transform: translate(-40px,0px); -webkit-transform: translate(-40px,0px); -moz-transform: translate(-40px,0px); -ms-transform: translate(-40px,0px); transition: opacity ease-out 0.5s, transform ease-out 0.5s; -webkit-transition: opacity ease-out 0.5s, transform ease-out 0.5s; -moz-transition: opacity ease-out 0.5s, transform ease-out 0.5s; } .photo-box .frame{ opacity:0; filter alpha(opacity=0); transition: all ease-out 0.3s; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transform: translate(40px,0px); -webkit-transform: translate(40px,0px); -moz-transform: translate(40px,0px); -ms-transform: translate(40px,0px); transition: opacity ease-out 0.5s, transform ease-out 0.5s; -webkit-transition: opacity ease-out 0.5s, transform ease-out 0.5s; -moz-transition: opacity ease-out 0.5s, transform ease-out 0.5s; } .content-box .para-box p.animate,.photo-box .frame.animate{ opacity:1; filter alpha(opacity=100); transform: translate(0px,0px); -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); transition: opacity ease-out 0.5s, transform ease-out 0.5s; -webkit-transition: opacity ease-out 0.5s, transform ease-out 0.5s; -moz-transition: opacity ease-out 0.5s, transform ease-out 0.5s; } /*.content-box.move-right .para-box p{color:#5e5763;}*/ .content-box .para-box p span{ font-family: 'brandon_grotesquebold'; text-transform:uppercase; } .light-bg{ background:url(../img/pattern-bg.png) no-repeat center center #e2dee5 !important; background-size:cover; } .light-bg h2{ color:#8455a3; } .light-bg .section-head span.faded-head { color:#d8d0de; } .solutions{ background:url(../img/section4-bg-1.jpg) no-repeat top center; background-size:cover; } .solutions-base{ display:block; } .sol-item{ display:block; padding:20px 15px 20px 15px; opacity:0; margin-left:-15px; margin-right:-15px; position:relative; transform: translate(0px,30px); -webkit-transform: translate(0px,30px); -moz-transform: translate(0px,30px); -ms-transform: translate(0px,30px); transition: all ease-out 0.5s, transform ease-out 0.5s; -webkit-transition: all ease-out 0.5s, transform ease-out 0.5s; -moz-transition: all ease-out 0.5s, transform ease-out 0.5s; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; } a.see-more{ display:block; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; } .sol-item:hover{ box-shadow:0px 0px 0px 1px rgba(255, 255, 255, 0.5); background: rgba(0, 0, 0, 0.2); transition:all ease 0.3s; } .pop-wrapper{ display:none; } .solu-content{ display:block; background:#FFF; padding:30px 20px 40px 30px; } .solu-content .icon{ border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; background:#8455a3; width:140px; height:140px; float:left; position:relative; transition:all ease 0.3s; } .solu-content .icon img{ position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; max-height:85%; max-width:85%; } .solu-content .para{ display:block; overflow:hidden; padding-left:30px; } .solu-content h4{ color:#493a53; text-transform:none; font-size:30px; line-height:37px; font-family: 'brandon_grotesquebold'; margin-bottom:20px; } .solu-content p{ line-height:34px; font-size:22px; color:#5e5763; font-family: 'brandon_grotesquelight'; } .solu-content ul li{ line-height:28px; font-size:18px; color:#5e5763; font-family: 'brandon_grotesquelight'; } .solu-content ul li span{font-family: 'brandon_grotesquemedium';} .solu-content ul li span.big{font-family: 'brandon_grotesquebold';font-size:24px;} .solu-close{ display:block; position:absolute; top:0; right:0; width:58px; height:58px; background:url(../img/popup-close-ic.png) no-repeat center center #9839cb; } .solu-close:hover{background:url(../img/popup-close-ic.png) no-repeat center center #9f42d1;} .sol-item.animate{ opacity:1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); } .sol-item .icon{ border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; background:#8455a3; width:80px; height:80px; float:left; position:relative; transition:all ease 0.3s; } .sol-item:hover .icon{ box-shadow:0px 0px 0px 7px rgba(255, 255, 255, 0.2); } .sol-item .icon img{ position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; } .sol-item .texting{ display:block; overflow:hidden; padding:0px 0px 0px 22px; text-align:left; display: table-cell; vertical-align: middle; } .sol-item .texting h4{ color:#FFF; text-transform:capitalize; font-size:18px; line-height:24px; font-family: 'open_sanssemibold'; } .sol-item .texting p{ color:#FFF; color: rgba(255, 255, 255, 0.7); font-size:19px; line-height:24px; font-family: 'brandon_grotesque_regularRg'; } .partner-bg-img{ position:absolute; margin:auto; bottom:-100px; left:0; right:0; width:500px; height:500px; } .parner-wrapper{ display:block; position:relative; } .nav-wrapper{ display:none; position:absolute; margin:auto; top:0; right:0; left:0; bottom:0; height:40px; width:100%; } .nav-wrapper a.nav-btn{ position:absolute; color:#bda3cb; font-size:40px; margin:auto; top:0; bottom:0; } .nav-wrapper a.nav-btn:hover{color:#9869b2;} .nav-wrapper a.nav-btn.prev{ left:-50px; } .nav-wrapper a.nav-btn.next{ right:-50px; } .parner-wrapper .lSAction>.lSPrev, .parner-wrapper .lSAction>.lSNext{display:none;} .prt-item{ display:block; min-height:330px; position:relative; } .prt-item .prt-logo{ background:#FFF; position:absolute; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; width:180px; height:180px; position:absolute; margin:auto; left:0; right:0; box-shadow: 0px 0px 29px 0px rgba(132, 85, 163, 0.16); transition: all ease-out 2s, transform ease-out 0.5s; -webkit-transition: all ease-out 2s, transform ease-out 0.5s; -moz-transition: all ease-out 2s, transform ease-out 0.5s; } .prt-item .prt-logo.odd{ transform: translate(0px,50px); -webkit-transform: translate(0px,50px); -moz-transform: translate(0px,50px); -ms-transform: translate(0px,50px); } .prt-item .prt-logo.even{ transform: translate(0px,-50px); -webkit-transform: translate(0px,-50px); -moz-transform: translate(0px,-50px); -ms-transform: translate(0px,-50px); } .prt-item.animate .prt-logo{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); } .parner-wrapper ul li:nth-child(even) .prt-item .prt-logo{ top:30px; } .parner-wrapper ul li:nth-child(odd) .prt-item .prt-logo{ bottom:30px; } .prt-item .prt-logo .connector{ position: absolute; content: ''; height: 5px; width: 100px; background: none; margin: auto; } .prt-item .prt-logo .connector:after{ position:absolute; content:''; width:0%; height:100%; top:0; left:0; background: rgba(255, 255, 255, 0.5); transition: all ease-out 0.5s; } .prt-item .prt-logo .connector.animate:after{width:100%;} .prt-item .prt-logo .connector.odd{ top: 162px; right: -73px; transform: rotate(35deg); } .prt-item .prt-logo .connector.even{ margin: auto; top: 6px; right: -70px; transform: rotate(-35deg); } .prt-item .prt-logo img{ position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; } .clients{ background:url(../img/section6-bg-1.jpg) no-repeat top center; background-size:cover; } .clients-wrapper{ display:block; position:relative; } .clients-wrapper .lSAction>.lSPrev, .clients-wrapper .lSAction>.lSNext{display:none;} .clients-wrapper .nav-wrapper a.nav-btn:hover{color:#FFF;} .clinet-box{ display:block; } .client-logo{ background:#FFF; display:block; position:relative; height:126px; margin:40px 0px 40px 0px; border-radius:3px; box-shadow: 12px 12px 0px 0px rgba(0, 0, 0, 0.1); opacity:0; transform: translate(0px,30px); -webkit-transform: translate(0px,30px); -moz-transform: translate(0px,30px); -ms-transform: translate(0px,30px); } .client-logo.animate{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); opacity:1; transition: all ease-out 2s, transform ease-out 0.5s; -webkit-transition: all ease-out 2s, transform ease-out 0.5s; -moz-transition: all ease-out 2s, transform ease-out 0.5s; } .client-logo img{ position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; max-width:80%; max-height:80%; } .contact-bg{ background:url(../img/section7-bg.jpg) no-repeat top center; background-size:cover; } .contact-bg h2{ color:#8455a3; } .contact-bg .section-head span.faded-head { color:#d8d0de; } .make-transparent:after{ position:absolute; width:100%; height:100%; background: rgba(132, 85, 163, 0.6); content:''; top:0; left:0; display:block; } .contact-wrapper{ display:block; text-align:left; padding: 30px 20px; } .contact-info{ display:block; padding:20px 20px; } .contact-info .contact-item{ display:block; position:relative; padding-left:62px; margin:30px 0px; } .contact-info .contact-item .icon{ display:block; position:absolute; top:12px; left:0; width:44px; height:44px; background:#FFF; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; text-align:center; padding-top:7px; } .contact-info .contact-item .icon:after{ position:absolute; content:''; width:17px; height:15px; background:url(../img/contact-ic-after.png) no-repeat; bottom: -6px; right: -2px; } .contact-info .contact-item .icon i{font-size:24px;color:#8455a3;} .contact-info .contact-item span{ text-transform:uppercase; color:#f1dcff; font-size:14px; font-family: 'brandon_grotesquebold'; line-height:normal; padding:0; } .contact-info .contact-item h4{ font-size:28px; color:#FFF; font-family: 'brandon_grotesquemedium'; margin:0; line-height:20px; } .contact-info .contact-item h4 span{font-family: 'brandon_grotesqueblack'; font-size:24px;color:#FFF;line-height:20px;} .contact-form{ display:block; background:#FFF; box-shadow: 0px 0px 21px rgba(132, 85, 163, 0.13); padding:25px 35px 96px 35px; position:relative; margin-top:20px; } .contact-form .contact-input{ font-size:14px; color:#ab9cb6; font-family: 'brandon_grotesque_regularRg'; box-shadow:none; border:none; border-bottom:2px solid #eee9f1; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px; padding-left:0; height:42px; margin-bottom:16px; } .contact-form .contact-input:focus{border-color:#8455a3;} .contact-form .contact-input.text-area{resize:none;min-height:80px;} .contact-form .contact-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size:14px; color:#ab9cb6; font-family: 'brandon_grotesquemedium'; } .contact-form .contact-input::-moz-placeholder { /* Firefox 19+ */ font-size:14px; color:#ab9cb6; font-family: 'brandon_grotesquemedium'; } .contact-form .contact-input:-ms-input-placeholder { /* IE 10+ */ font-size:14px; color:#ab9cb6; font-family: 'brandon_grotesquemedium'; } .contact-form .contact-input:-moz-placeholder { /* Firefox 18- */ font-size:14px; color:#ab9cb6; font-family: 'brandon_grotesquemedium'; } .contact-submit{ position:absolute; bottom:0; left:0; height:56px; background:#8455a3; text-align:center; border:none; width:100%; color:#FFF; font-family: 'brandon_grotesquebold'; font-size:22px; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -o-transition:all ease 0.3s; -ms-transition:all ease 0.3s; } .contact-submit:hover{background:#8f5fae;} .footer-block{ display:block; position:absolute; vertical-align:baseline; width:100%; bottom:0; left:0; z-index:5; } .footer-content{ display:block; position:relative; } .social-block{ float:left; width:auto; } .social-block ul{font-size:0;} .social-block ul li{ display:inline-block; vertical-align:bottom; } .social-block ul li a{ display:block; width:48px; height:82px; text-align:center; padding-top:12px; } .social-block ul li a:hover{padding-top:20px;} .social-block ul li a.tw{background:#32b6e6;} .social-block ul li a.fb{background:#1f337a;} .social-block ul li a.gp{background:#ef5037;} .social-block ul li a.ln{background:#2c91d8;} .social-block ul li a i{ color:#FFF; font-size:18px; } .copyright{ display:block; text-align:left; overflow:hidden; padding:25px 0px 0px 36px; } .copyright p{ margin:0; color:#f1dcff; font-size:14px; font-family: 'brandon_grotesque_regularRg'; } .copyright p a{color:#8455a3;} .copyright p a:hover{color:#9061af;text-decoration:underline;} .copyright p a span{text-transform:uppercase;font-family: 'brandon_grotesquebold';} .back-to-top{ display:block; position:absolute; width:450px; height:100px; right:0; top:-50px; } .back-to-top span{display:inline-block;vertical-align:middle;color:#FFF;font-size:14px;text-transform:uppercase;font-family: 'brandon_grotesquemedium';} a.back-icon{ background:#FFF; position:relative; width:68px; height:68px; display:inline-block;vertical-align:middle; color:#8455a3; font-size:26px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; box-shadow: 0px 0px 21px 0px rgba(132, 85, 163, 0.13); margin:0px 10px; } a.back-icon:hover{box-shadow: 0px 0px 25px 2px rgba(132, 85, 163, 0.2);color:#FFF;background:#8455a3;} a.back-icon i{ position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; width:32px; height:32px; } /*-- icon fonts embedded --*/ @font-face { font-family: 'hostech'; src: url('../fonts/icon-fonts/hostech.eot?ei9ib1'); src: url('../fonts/icon-fonts/hostech.eot?ei9ib1#iefix') format('embedded-opentype'), url('../fonts/icon-fonts/hostech.ttf?ei9ib1') format('truetype'), url('../fonts/icon-fonts/hostech.woff?ei9ib1') format('woff'), url('../fonts/icon-fonts/hostech.svg?ei9ib1#hostech') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'hostech' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-ic-1:before { content: "\e900"; } .icon-ic-2:before { content: "\e901"; } .icon-ic-3:before { content: "\e902"; } .icon-ic-4:before { content: "\e903"; } .icon-ic-5:before { content: "\e904"; } .icon-ic-6:before { content: "\e905"; } .icon-ic-7:before { content: "\e906"; } .icon-ic-8:before { content: "\e907"; } .icon-ic-9:before { content: "\e908"; } .icon-ic-10:before { content: "\e909"; } .error { color: red; font-size: 12px; } /*-- font embedded --*/ @font-face{font-family:brandon_grotesqueblack;src:url(../fonts/custom-fonts/brandon_grotesque_black-webfont.woff2) format('woff2'),url(../fonts/custom-fonts/brandon_grotesque_black-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:brandon_grotesquebold;src:url(../fonts/custom-fonts/brandon_grotesque_bold_0-webfont.woff2) format('woff2'),url(../fonts/custom-fonts/brandon_grotesque_bold_0-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:brandon_grotesquelight;src:url(../fonts/custom-fonts/brandon_grotesque_light-webfont.woff2) format('woff2'),url(../fonts/custom-fonts/brandon_grotesque_light-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:brandon_grotesquemedium;src:url(../fonts/custom-fonts/brandon_grotesque_medium-webfont.woff2) format('woff2'),url(../fonts/custom-fonts/brandon_grotesque_medium-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:brandon_grotesque_regularRg;src:url(../fonts/custom-fonts/brandon_grotesque_regular-webfont.woff2) format('woff2'),url(../fonts/custom-fonts/brandon_grotesque_regular-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:brandon_grotesquethin;src:url(../fonts/custom-fonts/brandon_grotesque_thin-webfont.woff2) format('woff2'),url(../fonts/custom-fonts/brandon_grotesque_thin-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:open_sansbold;src:url(../fonts/custom-fonts/opensans-bold_1-webfont.woff2) format('woff2'),url(../fonts/custom-fonts/opensans-bold_1-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:open_sans_condensedbold;src:url(../fonts/custom-fonts/opensans-condbold-webfont.woff2) format('woff2'),url(../fonts/custom-fonts/opensans-condbold-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:open_sanslight;src:url(../fonts/custom-fonts/opensans-light_0-webfont.woff2) format('woff2'),url(../fonts/custom-fonts/opensans-light_0-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:open_sansregular;src:url(../fonts/custom-fonts/opensans-regular_0-webfont.woff2) format('woff2'),url(../fonts/custom-fonts/opensans-regular_0-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:open_sanssemibold;src:url(../fonts/custom-fonts/opensans-semibold-webfont.woff2) format('woff2'),url(../fonts/custom-fonts/opensans-semibold-webfont.woff) format('woff');font-weight:400;font-style:normal} /*Update 16-07-2024*/ body.hostec-hospitality-oracle { overflow:auto; } body.hostec-hospitality-oracle div#qLtempOverlay { display: none !important; } .main-menu.hostec-hospitality-oracle ul li a { color: #3B2749; } .main-menu.hostec-hospitality-oracle ul li.active a { color: #fff; } .hostec-hospitality-oracle-menu-logo a img { max-width: 109px; } @media only screen and (max-width: 1200px) { .hostec-hospitality-oracle-menu-logo a img { max-width: 66px; } } .hostec-hospitality-oracle .splash-screen { display: flex; } .header.sticky { min-height: 96px; background: #fff; padding: 0 0 10px 0; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); } a.choose-language { top: 33px; } .footer-block.hostec-hospitality-oracle-footer-block { position: unset; padding: 70px 0 0 0; } .footer-content { background-position: center bottom !important; background-repeat: no-repeat !important; background-size: cover !important; } .footer-content.hostec-hospitality-oracle .back-to-top { display: flex; justify-content: center; align-items: center; } .footer-content.hostec-hospitality-oracle a.back-icon { text-align: center; } @media only screen and (max-width: 768px) { .footer-content.hostec-hospitality-oracle .social-block { display: flex; justify-content: center; } .footer-content.hostec-hospitality-oracle .contact-info .contact-item h4 { word-break: break-all; } } .oracle-hospitality { padding: 120px 0 100px 0; background-position: center top !important; background-repeat: no-repeat !important; background-size: cover !important; } @media only screen and (max-width: 1200px) { .oracle-hospitality { padding: 120px 0 80px 0; } } @media only screen and (max-width: 991px) { .oracle-hospitality { padding: 100px 0 50px 0; } } /* .oracle-hospitality p { font-family: "brandon_grotesquebold"; } */ .oracle-hospitality .description { max-width: 880px; padding: 0 0 42px 0; margin: 0 0 16px 0; color: #3b2749; font-family: "brandon_grotesquemedium"; font-size: 32px; font-style: normal; line-height: 146%; border-bottom: #cccccc36 solid 1px; } @media only screen and (max-width: 1400px) { .oracle-hospitality .description { font-size: 28px; padding: 0 0 35px 0; } } @media only screen and (max-width: 1200px) { .oracle-hospitality .description { font-size: 26px; padding: 0 0 30px 0; } } @media only screen and (max-width: 991px) { .oracle-hospitality .description { font-size: 22px; padding: 0 0 20px 0; } } .oracle-hospitality h3 { margin: 0 0 17px 0; color: #3b2749; font-family: "brandon_grotesquebold"; font-size: 64px; font-style: normal; line-height: 146%; text-transform: uppercase; } .oracle-hospitality h3 span { color: #fff; } @media only screen and (max-width: 991px) { .oracle-hospitality h3 span { color: #3b2749; } } @media only screen and (max-width: 1400px) { .oracle-hospitality h3 { font-size: 55px; } } @media only screen and (max-width: 1200px) { .oracle-hospitality h3 { font-size: 50px; } } @media only screen and (max-width: 991px) { .oracle-hospitality h3 { font-size: 40px; } } .oracle-hospitality .heading-description { padding: 25px 42px 28px 42px; border-radius: 10px; background: rgba(242, 242, 242, 0.80); backdrop-filter: blur(2px); margin: 0 0 32px 0; } @media only screen and (max-width: 1200px) { .oracle-hospitality .heading-description { padding: 15px 32px 18px 32px; } } @media only screen and (max-width: 991px) { .oracle-hospitality .heading-description { padding: 15px; } } .oracle-hospitality .heading-description p { color: #3b2749; font-family: "brandon_grotesquemedium"; font-size: 22px; font-style: normal; font-weight: 390; line-height: 146%; } @media only screen and (max-width: 1400px) { .oracle-hospitality .heading-description p { font-size: 20px; } } @media only screen and (max-width: 1200px) { .oracle-hospitality .heading-description p { font-size: 19px; } } .oracle-hospitality-table-section .content--area { padding: 40px 63px 73px 63px; background: #a25dcf; } @media only screen and (max-width: 1400px) { .oracle-hospitality-table-section .content--area { padding: 30px 53px 63px 63px; } } @media only screen and (max-width: 1200px) { .oracle-hospitality-table-section .content--area { font-size: 25px; padding: 20px 30px 25px 30px; } } @media only screen and (max-width: 991px) { .oracle-hospitality-table-section .content--area { font-size: 22px; } } @media only screen and (max-width: 575px) { .oracle-hospitality-table-section .content--area { padding: 15px; } } .oracle-hospitality-table-section .content--area h4 { margin: 0 0 16px 0; color: #fff; font-family: "open_sanssemibold"; font-size: 32px; line-height: 146%; } @media only screen and (max-width: 1400px) { .oracle-hospitality-table-section .content--area h4 { font-size: 28px; } } @media only screen and (max-width: 1200px) { .oracle-hospitality-table-section .content--area h4 { font-size: 25px; } } @media only screen and (max-width: 991px) { .oracle-hospitality-table-section .content--area h4 { font-size: 22px; } } .oracle-hospitality-table-section .content--area table { border-collapse: separate; border-spacing: 0 4px; } .oracle-hospitality-table-section .content--area table tbody tr { background: #8a41ba; color: #ebcdff; font-family: "open_sanssemibold"; font-size: 16px; line-height: 146%; } @media only screen and (max-width: 768px) { .oracle-hospitality-table-section .content--area table tbody tr { display: flex; flex-direction: column; font-size: 14px; border-bottom: #a25dcf solid 3px; } } .oracle-hospitality-table-section .content--area table tbody tr td { padding: 24px 28px 26px 28px; vertical-align: top; } .oracle-hospitality-table-section .content--area table tbody tr td p { margin: 0; } @media only screen and (max-width: 768px) { .oracle-hospitality-table-section .content--area table tbody tr td { padding: 10px 20px 10px 20px; } .oracle-hospitality-table-section .content--area table tbody tr td:nth-of-type(1) { padding-bottom: 3px; } .oracle-hospitality-table-section .content--area table tbody tr td:nth-of-type(2) { padding-top: 3px; } } .oracle-hospitality-table-section .content--area table tbody tr td:nth-of-type(1) p { padding: 15px 0 0 0; } @media only screen and (max-width: 768px) { .oracle-hospitality-table-section .content--area table tbody tr td:nth-of-type(1) p { padding: 10px 0 0 0; } } .oracle-hospitality-table-section .content--area table tbody tr td:nth-of-type(2) { color: #fff; } @media only screen and (min-width: 768px) { .oracle-hospitality-table-section .content--area table tbody tr td:nth-of-type(2) { border-left: #a157d2 solid 1px; } } .oracle-hospitality-table-section .content--area table tbody tr td:nth-of-type(2) p { color: #fff; } .oracle-hospitality-table-section .content--area table tbody tr td p { padding: 0 0 15px 0; color: #E3B8FF; /* font-family: "open_sanssemibold"; */ font-size: 16px; line-height: 146%; } @media only screen and (max-width: 768px) { .oracle-hospitality-table-section .content--area table tbody tr td p { padding: 0 0 10px 0; font-size: 14px; } }