/* Minification failed. Returning unminified contents. (107,832): run-time error CSS1038: Expected hex color, found '#rgba' (107,856): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (1534,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/' (2121,1): run-time error CSS1019: Unexpected token, found '@import' (2121,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Work+Sans:400,300,200,100)' (2122,1): run-time error CSS1019: Unexpected token, found '@import' (2122,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600)' (2257,1): run-time error CSS1019: Unexpected token, found '@import' (2257,9): run-time error CSS1019: Unexpected token, found 'url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css)' (2258,1): run-time error CSS1019: Unexpected token, found '@import' (2258,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Raleway:400,500)' (3162,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (3210,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3211,10): run-time error CSS1035: Expected colon, found '{' (3220,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3221,10): run-time error CSS1035: Expected colon, found '{' (3240,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3241,10): run-time error CSS1035: Expected colon, found '{' (3839,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3851,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3885,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3897,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}html{max-width:100%;height:100%;overflow-x:hidden;-ms-touch-action:manipulation;touch-action:manipulation}html.full-width{overflow:hidden}body{min-height:100%;font:normal 16px/24px "Ubuntu",sans-serif;color:#8a909b;-webkit-font-smoothing:subpixel-antialiased;letter-spacing:1px}h1,h2,h3,h4,h5,h6{margin-bottom:2rem;font-weight:normal;letter-spacing:1px;line-height:1em}h1{font-size:34px;font-weight:bold}h2{font-size:28px}h3{font-size:20px;font-weight:bold}h4{font-size:18px;font-weight:bold}h5{font-size:16px}h6{font-size:14px}a{text-decoration:none}a:hover,a:focus{text-decoration:none}@media (max-width: 767px){.big-title{font-size:20px}}.section-header{text-transform:uppercase;position:relative;font-size:30px;display:inline-block;z-index:2;margin-top:0;}.underline{position:absolute;left:0;bottom:-10px;width:0;height:10px;z-index:-1;background-color:#F26F70} .standard-title { font-family: Bookman Old Style; color: black; }a:hover{text-decoration:none}img{max-width:100%;height:auto}ul{list-style:none;margin:0}li{margin:0;padding:0}input,textarea{outline:none;border:0}button{border:0}.header-grid .header-grid__inner{text-align:center}.header-grid .header-grid__inner:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.header-grid .header-grid__inner .centered{display:inline-block;vertical-align:middle;width:99%}.container-fluid-flat{position:relative}.container-fluid-flat .row{margin-left:0;margin-right:0}.container-fluid-flat [class*='col-']{padding-right:0;padding-left:0}.container.no-gutter .row,.container-fluid.no-gutter .row{margin:0}.container.no-gutter [class*='col-'],.container-fluid.no-gutter [class*='col-']{padding-right:0;padding-left:0}.container.add-margin [class*='col-'],.container-fluid.add-margin [class*='col-']{margin-right:15px;margin-left:15px}@media (min-width: 1201px){.container-fluid{padding-left:84px;padding-right:84px}}.space-y{padding-top:96px;padding-bottom:96px}.space-y-half{padding-top:48px;padding-bottom:48px}.space-small{padding-top:32px;padding-top:32px}.space-y-t{padding-top:96px}.space-y-b{padding-bottom:96px}.space-y-t-h{padding-top:48px}.space-y-b-h{padding-bottom:48px}.space-y-t-s{padding-top:32px}.space-y-b-s{padding-bottom:32px}@media (min-width: 993px){.space-nav{margin-top:82px}}.border-b{border-bottom:1px solid #d7d6d6}.separator{margin:0 3px;vertical-align:middle;font-size:12px}.img-full img{position:relative;max-width:none}.highlight-section{background-color:#f0f0f0}.highlight-section2{background-color:rgba(240,240,240,0.5)}.nav-wrap{position:relative;z-index:1001}.nav-wrap [class^="logo"]{max-height:81px;transition:all 0.2s ease-in-out;width:inherit}.nav-wrap .logo-white{position:absolute;top:0;left:0;opacity:1} .nav-wrap.is-fixed { position: fixed; width: 100%; top: 0; height:81px; z-index: 1001; /*background-color: rgba(197, 190, 190, 0.38);*/ transition: all, .2s, linear }@media (max-width: 992px) { #header { top: 0rem; } .nav-wrap.is-fixed{position:relative;background-color:#28282E} .nav-wrap.is-fixed.white_bg{background-color:#FFF} .nav-wrap.is-fixed.white_bg .logo-white{display:none} .nav-wrap.is-fixed.white_bg .logo-dark{display:block;max-height:52px;opacity:1}} .nav-wrap.is-fixed.shrinked{height:54px;box-shadow:0 0 2px rgba(0,0,0,0.2)} .nav-wrap.is-fixed.shrinked .brand,.nav-wrap.is-fixed.shrinked .brand-widescreen{color:#28282E;font-size:20px} .nav-wrap.is-fixed.shrinked .brand img[class*="logo"],.nav-wrap.is-fixed.shrinked .brand-widescreen img[class*="logo"]{max-height:54px} .nav-wrap[data-is-fill="true"] .logo-dark{opacity:0} @media (min-width: 993px) { #header { top: 8rem; } .nav-wrap.header-fill{background-color:#fff;box-shadow:0 1px 0 rgba(0,0,0,0.1)} .nav-wrap.header-fill .brand,.nav-wrap.header-fill .brand-widescreen{color:#28282E;position:relative} .nav-wrap.header-fill .brand .logo-dark,.nav-wrap.header-fill .brand-widescreen .logo-dark{opacity:1} .nav-wrap.header-fill .brand .logo-white,.nav-wrap.header-fill .brand-widescreen .logo-white{opacity:0} .nav-wrap.header-fill .brand-widescreen{display:inline-block;margin:18px 0}} @media (min-width: 993px){ .nav-wrap.is-fill { background-color: #fff; box-shadow: 0 1px 0 rgba(0,0,0,0.1) }.nav-wrap.is-fill .brand{color:#333} .nav-wrap.is-fill .brand .logo-dark{opacity:1} .nav-wrap.is-fill .brand .logo-white{opacity:0}} @media (max-width: 992px){.nav-wrap{background-color:#28282E !important}.nav-wrap .logo-white{position:relative;max-height:52px}.nav-wrap .logo-dark{display:none}}.brand{position:relative;display:inline-block;font-size:30px;letter-spacing:3px;color:#fff;text-transform:uppercase;font-weight:bold;transition:all .2s ease-in-out}@media (max-width: 992px){.brand{float:left;color:#fff;font-weight:bold;letter-spacing:2px;font-size:14px;line-height:normal}}@media (min-width: 993px){.smaller{box-shadow:0 0 2px rgba(0,0,0,0.2)}.smaller .brand,.smaller .brand-widescreen{color:#28282E;font-size:20px}.smaller .brand img[class*="logo"],.smaller .brand-widescreen img[class*="logo"]{max-height:54px}.smaller .menuzord-menu>li>a{line-height:54px;height:54px}.stuck{position:fixed;top:0;width:100%;z-index:2000;padding:0;background-color:#fff}.boxed .stuck{max-width:1200px}} .brand-wrap { position: relative; padding-top: 1rem; }@media (max-width: 992px){.menuWraper{display:none}}.headerMenu>li{display:inline-block;float:left}.headerMenu{margin:0;padding:0;float:left;list-style:none} .headerMenu > li > a { padding: 0 14px; display: inline-block; height: 82px; line-height: 82px; text-decoration: none; font-size: 12px; font-weight: bold; color: #2a3855; outline: 0; text-transform: uppercase; letter-spacing: 1px; transition: all 0.2s linear; -webkit-tap-highlight-color: transparent }.header-fill .headerMenu>li>a{color:#f0f0f0} .headerMenu > li > a:hover, .headerMenu > li > .active { color: #c02033 }@media only screen and (min-width: 993px){ .smaller .headerMenu > li > a, .is-fill .headerMenu > li > a { height: 66px; line-height: 83px; color: #2a3855; }.smaller .headerMenu>li>a:hover,.is-fill .headerMenu>li>a:hover{color:#c02033}.smaller .headerMenu>li>a.active,.is-fill .headerMenu>li>a.active{color:#c02033}.header-fill .headerMenu>li>a{color:#212121} .header-fill .headerMenu > li > a:hover { color: #c02033 } .header-fill .headerMenu > li > a.active { color: #c02033 }}.button-wrap{left:0}@media only screen and (min-width: 993px){.button-wrap{display:none}}.button-trigger{position:relative;float:right;height:52px;width:36px;border:0;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;outline:none;background-color:transparent;transition:all .2s}@media (min-width: 993px){.button-trigger{top:50%;bottom:auto;transform:translateY(-50%)}}.button-trigger span,.button-trigger span::before,.button-trigger span::after{position:absolute;width:20px;height:2px;background-color:#FFF;backface-visibility:hidden;transition:background-color 0.2s,transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955)}.white_bg .button-trigger span,.white_bg .button-trigger span::before,.white_bg .button-trigger span::after{background-color:#212121}.button-trigger span{top:25px;right:8px}.button-trigger span::before,.button-trigger span:after{content:'';left:0}.button-trigger span::before{bottom:6px}.button-trigger span::after{top:6px}.button-trigger.active span{background-color:rgba(255,255,255,0)}.button-trigger.active span::before,.button-trigger.active span::after{background-color:#fff}.button-trigger.active span::before{transform:translateY(6px) rotate(-45deg)}.button-trigger.active span::after{transform:translateY(-6px) rotate(45deg)}.is-fill .button-trigger span,.is-fill .button-trigger span::before,.is-fill .button-trigger span::after{background-color:#f0f0f0;transition:all .5s}.is-fill .button-trigger.active span{background-color:rgba(255,255,255,0)}.is-fill .button-trigger.active span::before,.is-fill .button-trigger.active span::after{background-color:#fff}.mobile-wrap{display:none;width:100%} .menuSmall { background: #28282E; float: left; width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch }.menuSmall li{width:100%;display:block;position:relative}.menuSmall li a{width:100%;padding:12px 5px 12px 0;display:block;border-bottom:solid 1px #2f2f36;color:#e6e5e5;font-size:12px;font-weight:600;text-transform:uppercase}.white_bg .menuSmall li a{color:#212121;border-bottom-color:#dadce0}.menuSmall li:first-child a{border-top:solid 1px #494949}.white_bg .menuSmall li:first-child a{border-top-color:#dadce0}.content-wrapper{position:relative;background-color:#fff;transition:transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955)}.content-wrapper.sideBar-open{transform:translateX(-300px)}.mm-button-band,.brand-band{transform:translateX(0);transition:transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955)}.nav-wrap.is-fixed.off-canvas{transition:background-color 0.2s,transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955)} .sideBar-open .off-canvas.is-fixed,.sideBar-open .off-canvas.is-fill{background-color:transparent;transition:background-color 0.5s,transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955)} .sideBar-open .off-canvas.is-fixed .brand .logo-dark,.sideBar-open .off-canvas.is-fill .brand .logo-dark{opacity:0} .sideBar-open .off-canvas.is-fixed .brand .logo-white,.sideBar-open .off-canvas.is-fill .brand .logo-white{opacity:1} #about .section-header { margin-bottom: 96px; } .sideBar-open .off-canvas{transform:translateX(-300px)} .sideBar-open .brand-band{transform:translateX(300px)} @media (max-width: 991px){.sideBar-open .mm-button-band{transform:translateX(300px)}} @media (min-width: 993px){.off-canvas{text-align:center}}.off-canvas .button-trigger{float:left;line-height:60px}.off-canvas .brand-band{text-align:center}@media (max-width: 992px){.off-canvas .brand-band .brand{float:none}}@media (min-width: 993px){.off-canvas .mm-button-band,.off-canvas .brand-band{position:absolute}}@media (min-width: 993px){.off-canvas .brand-band{left:0}}.off-canvas .mm-button-band{right:0;top:0;height:100%}.off-canvas .headerMenu{float:none}.off-canvas .headerMenu li{float:none}.sideBar-toggle{position:relative;float:right;height:52px;width:36px;border:0;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;outline:none;background-color:transparent;transition:all .2s}@media (min-width: 993px){.sideBar-toggle{top:50%;bottom:auto;transform:translateY(-50%)}}.sideBar-toggle span,.sideBar-toggle span::before,.sideBar-toggle span::after{position:absolute;width:20px;height:2px;background-color:#FFF;backface-visibility:hidden;transition:background-color 0.2s,transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955)}.white_bg .sideBar-toggle span,.white_bg .sideBar-toggle span::before,.white_bg .sideBar-toggle span::after{background-color:#212121}.sideBar-toggle span{top:25px;left:8px}.sideBar-toggle span::before,.sideBar-toggle span:after{content:'';left:0}.sideBar-toggle span::before{bottom:6px}.sideBar-toggle span::after{top:6px}.sideBar-toggle.active span{background-color:rgba(255,255,255,0)}.sideBar-toggle.active span::before,.sideBar-toggle.active span::after{background-color:#fff}.sideBar-toggle.active span::before{transform:translateY(6px) rotate(-45deg)}.sideBar-toggle.active span::after{transform:translateY(-6px) rotate(45deg)}@media (min-width: 993px){.is-fill .sideBar-toggle span,.is-fill .sideBar-toggle span::before,.is-fill .sideBar-toggle span::after,.header-fill .sideBar-toggle span,.header-fill .sideBar-toggle span::before,.header-fill .sideBar-toggle span::after{background-color:#212121;transition:all .5s}.is-fill .sideBar-toggle.active span,.header-fill .sideBar-toggle.active span{background-color:rgba(255,255,255,0)} .is-fill .sideBar-toggle.active span::before,.is-fill .sideBar-toggle.active span::after,.header-fill .sideBar-toggle.active span::before,.header-fill .sideBar-toggle.active span::after{background-color:#fff}} .sideBar{position:fixed;top:0;right:0;z-index:900;background:#f24243bd;width:100%;height:100%;padding:2em;overflow-y:auto;box-shadow:0;transform:translateX(100%);transition:transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955),box-shadow 0.5s} .sideBar.active{box-shadow:0 2px 8px rgba(0,0,0,0.2);transform:translateX(0)} @media all and (min-width: 300px){.sideBar{width:300px;transform:translateX(300px)}} .sideBarTitle{color:#fff;font-size:20px;font-weight:bold} .sideBarDescrip{padding:1em 0;margin:1em 0;color:#fff} .sideBarDescrip h6{text-transform:uppercase;margin-bottom:10px;color:#fff;font-weight:bold} .sideBarDescrip .sideBarList li{display:block;margin-bottom:5px} .sideBarShare li{display:inline}.sideBarShare li a{display:inline-block;margin:0 .5em;color:#fff;transition:color .3s ease-in-out} .sideBarShare li a:hover{color:#28282E}.sideBar__item{display:block;width:100%;opacity:0;transform:translateX(-50%)}.sideBar__item.in-view{opacity:1;transform:translateX(0)}.sideBar__link{display:block;position:relative;overflow:hidden;margin:4px 0;padding:12px;color:#a5aab3;text-decoration:none;transition:background 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955),color 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955)}.sideBar__link-text{position:relative;z-index:2}.sideBar__link--touch-effect{display:block;position:absolute;z-index:1;width:0;height:0;border-radius:100%;transform:scale(0);transform-origin:50% 50%}.sideBar__link--touch-effect.animating{transform:scale(1);transition:transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955)}.sideBar-mask{display:block;position:fixed;top:0;left:0;z-index:106;width:100%;height:100%;background-color:rgba(0,0,0,0.8);visibility:hidden;opacity:0;transition:opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955),visibility 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955)}.sideBar-mask.active{visibility:visible;opacity:1}.animated{animation-duration:1s;animation-fill-mode:both}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes bouncIn{from{transform:scale(0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.5)}to{transform:scale(1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.5)}}.bouncIn{animation-name:bouncIn;animation-duration:.5s}@keyframes fullWidth{from{width:0;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.5)}to{width:100%;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.5)}}.fullWidth{animation-name:fullWidth}.visible{visibility:visible}@keyframes scrollDown{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1;transform:translateY(-100%)}50%{opacity:1;transform:translateY(-100%)}100%{opacity:0;transform:translateY(0)}}.scrollDown{animation:3s ease-in-out infinite scrollDown}.tp-bullet.selected,.tp-bullet:hover{background:#F26F70;border-color:#F26F70}.zeus .tp-bullet:after{background:#F26F70}.tp-caption.BigBold-Title,.BigBold-Title,.tp-caption.BigBold-Button,.BigBold-Button{font-family:"Ubuntu",sans-serif}.tp-caption.carousel-Title{font-family:"Ubuntu",sans-serif;font-size:70px;color:#fff;font-weight:bold;line-height:70px;text-transform:uppercase}.tp-caption.carousel-subtitle{font-family:"Ubuntu",sans-serif;color:#fff}.zeus .tp-tab-title{font-family:"Ubuntu",sans-serif}.tp-caption.NotGeneric-BigButton,.NotGeneric-BigButton,.tp-caption.NotGeneric-Button,.NotGeneric-Button,.tp-caption.NotGeneric-SubTitle,.NotGeneric-SubTitle{font-family:"Ubuntu",sans-serif;text-transform:uppercase;font-weight:bold}.tp-caption.NotGeneric-Title,.NotGeneric-Title{font-family:"Ubuntu",sans-serif;text-transform:none;font-size:60px}.bx-wrapper{position:relative;margin:0 auto;padding:0;*zoom:1}.bx-wrapper img{width:100%;display:block}.bxslider{margin:0;padding:0}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(../images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}.bx-wrapper .bx-pager.bx-default-pager a{background:transparent;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;border-radius:50%}.bx-wrapper .bx-prev{left:10px}.bx-wrapper .bx-next{right:10px}.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:0 0}.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}.master-slider .ms-nav-prev,.master-slider .ms-nav-next{padding:0 6px;position:absolute;top:50%;font-size:14px;cursor:pointer;transform:translateY(-50%);color:#28282E;transition:background-color .4s ease , color .4s ease}.master-slider .ms-nav-prev{left:20px}.master-slider .ms-nav-prev:before{content:'\f177';font-family:'FontAwesome'}.master-slider .ms-nav-next{right:20px}.master-slider .ms-nav-next:before{content:'\f178';font-family:'FontAwesome'}.master-slider .ms-bullet{width:10px;height:10px;border-radius:100%;background-color:#28282E;margin:4px}.master-slider .ms-bullet:hover{background-color:#F26F70}.master-slider .ms-bullet.ms-bullet-selected{background-color:#F26F70}.ms-carousel-slide{max-width:100%;overflow:hidden;position:relative}.ms-carousel-slide .ms-view{overflow:visible;background-color:transparent}.ms-display-cont{max-width:1000px;position:relative;margin:0 auto}.ms-dis-slider-cont{position:relative;padding:2.6% 15.5% 20%;max-width:1000px}.ms-display-bg{max-width:100%;position:absolute}.ms-display-template .ms-nav-prev,.ms-display-template .ms-nav-next{left:-80px;position:absolute;top:50%;cursor:pointer}.ms-display-template .ms-nav-next{right:-80px;left:auto}.ms-display-template .ms-bullets.ms-dir-h{position:absolute;bottom:-50%;right:50%;width:100px}.ms-display-template .ms-bullets.ms-dir-h .ms-bullets-count{position:relative;right:-50%}.ms-display-template .ms-bullet{width:10px;height:10px;margin:4px}.ms-display-template .ms-bullet-selected{background-position:-143px -25px}.sliderBand{position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%);z-index:100;text-align:center;line-height:1.1em;width:100%;font-size:90px}@media (max-width: 1599px){.sliderBand{font-size:90px}}@media (max-width: 1199px){.sliderBand{font-size:70px}}@media (max-width: 991px){.sliderBand{font-size:50px}}@media (max-width: 767px){.sliderBand{font-size:30px}}.sliderBand .bx-slider{margin:0 auto;width:100% !important;left:50%;right:auto;transform:translateX(-50%)}.sliderBand li{width:100% !important;color:#212121;font-weight:bold}.ms-partialview-template img{max-width:100% !important;width:150px !important;height:150px !important}.test-classic{position:relative}.test-classic .testimonial-controls{position:absolute;left:50%;right:auto;transform:translateX(-50%);top:60px}.test-classic .bx-testimonial-prev a,.test-classic .bx-testimonial-next a{float:right;background-color:transparent;font-family:'FontAwesome';font-size:18px;transition:color .4s ease}.test-classic .bx-testimonial-prev a{float:left;margin-right:10px}.test-classic .bx-testimonial-next a{margin-left:10px}.test-classic .bx-pager{bottom:-50px}.btn-main{display:inline-block;width:auto;height:auto;font-weight:bold;text-transform:uppercase;letter-spacing:1px;cursor:pointer;line-height:1.5em;text-align:center;transition:color .4s ease-in-out , opacity .4s ease , transform .4s ease, background-color .4s ease , border-color .4s ease}.btn-main{background-color:#212121;border:1px solid #191919;color:#fff}.btn-main:hover,.btn-main:active,.btn-main:focus{cursor:pointer;background-color:#F26F70;border-color:#F26F70;color:#fff}.btn-main.xsmall{padding:0.5rem 1.25rem;font-size:10px}.btn-main.small{padding:0.75rem 1.5rem;font-size:12px}.btn-main.medium{padding:1rem 1.75rem;font-size:14px}.btn-main.large{padding:1.5rem 2.25rem;font-size:16px}.progress-wrap{padding-top:42px}.progress{height:10px;box-shadow:none;border-radius:0;background-color:#f0f0f0}.progress-bar{transition:none;background-color:#28282E}.bar{position:relative}.bar h6{margin:0 0 1rem;text-transform:uppercase}.bar .timer{display:block;width:41px;position:absolute;right:0;top:-2px;padding:2px 5px;margin-bottom:2px;text-align:left;color:#28282E}.bar .timer:after{content:' %';display:inline-block;position:absolute;right:0;top:3px}.counter-content{border-top:1px solid #404049}.counter-content .counter{border-right:1px solid #404049}.counter-content .counter:last-child{border:0}.counter-content i{color:#F26F70}.counter-content .timer{color:#F26F70;font-size:20px;margin:10px 0}.counter-content .label{text-transform:uppercase;font-size:16px;padding-top:10px;display:block}.infograph-container{background:#F26F70 url(../images/pattern/pattern-red.png)}.bubble{position:relative;margin:auto}@media (min-width: 993px){.bubble{width:80%;max-width:600px;height:600px}}.bubble .bubble-center{width:300px;height:300px;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%);position:absolute;text-align:center;border-radius:100%;background-color:#fff}.bubble .bubble-center span{display:block;position:relative;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%);color:#F26F70;text-transform:uppercase;letter-spacing:2px;font-size:30px}@media (max-width: 991px){.bubble .bubble-center{display:none}}.bubble ul{text-align:center}.bubble ul li{position:absolute;text-transform:uppercase;color:#fff;border-radius:100%;text-align:center}.bubble ul li span{position:relative;display:block;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%)}@media (max-width: 991px){.bubble ul li{width:110px;height:110px;margin:.5em;position:relative;top:auto;left:auto;display:inline-block;background-color:rgba(255,255,255,0.5);font-size:12px}}@media (min-width: 993px){.bubble ul .e-commerc{width:200px;height:200px;top:150px;left:-20px;background-color:rgba(255,255,255,0.5)}.bubble ul .html5{width:150px;height:150px;top:50px;left:100px;background-color:rgba(255,255,255,0.4)}.bubble ul .print{width:180px;height:180px;top:0;left:240px;background-color:rgba(255,255,255,0.55)}.bubble ul .responsive{width:160px;height:160px;top:70px;right:40px;background-color:rgba(255,255,255,0.42)}.bubble ul .ui{width:220px;height:220px;top:230px;right:-30px;background-color:rgba(255,255,255,0.5)}.bubble ul .branding{width:210px;height:210px;bottom:0px;right:80px;background-color:rgba(255,255,255,0.3)}.bubble ul .bloging{width:150px;height:150px;bottom:110px;left:60px;background-color:rgba(255,255,255,0.2)}.bubble ul .motion{width:180px;height:180px;bottom:0;left:140px;background-color:rgba(255,255,255,0.45)}.bubble ul .mobile{width:170px;height:170px;bottom:110px;left:-90px;background-color:rgba(255,255,255,0.3)}}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:9992;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:9993;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:9995}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{background:url(../images/cbp-loading-popup.gif) no-repeat;color:#cccccc;position:absolute;top:50%;width:32px;height:32px;text-align:center;left:50%;z-index:9994;transform:translate(-50%, -50%)}.mfp-preloader a{color:#cccccc}.mfp-preloader a:hover{color:white}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:9996;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:-4px;text-decoration:none;text-align:center;opacity:1;filter:alpha(opacity=1);padding:0 0 18px 10px;color:white;font-style:normal;font-size:18px;font-family:Arial, Baskerville, monospace}.mfp-close:before{content:'\f00d';font-family:'FontAwesome'}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close-btn-in .mfp-close{color:#333333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:white;right:-6px;text-align:right;padding-right:6px;width:100%;cursor:pointer}.mfp-counter{position:absolute;top:0;right:0;color:#cccccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:1;filter:alpha(opacity=1);margin:0;top:50%;padding:0;width:100px;height:100px;color:#fff;-webkit-tap-highlight-color:transparent;transform:translateY(-50%)}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;position:absolute;border:medium inset transparent;font-size:30px;top:50%;transform:translateY(-50%)}.mfp-arrow-left{left:0}.mfp-arrow-left:before{left:25px;content:'\e64a';font-family:'themify'}.mfp-arrow-right{right:0}.mfp-arrow-right:before{right:25px;content:'\e649';font-family:'themify'}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:black}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{transform:translateY(-50%) scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}.mfp-with-zoom.mfp-ready.mfp-bg{opacity:0.8}.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0}.mfp-fade-x.mfp-bg{opacity:0;transition:all,.8s, ease-in-out}.mfp-fade-x.mfp-bg.mfp-ready{opacity:.8}.mfp-fade-x.mfp-bg.mfp-removing{opacity:0}.mfp-fade-x.mfp-wrap .mfp-content{opacity:0;transform:translateX(-20px) perspective(600px) rotateY(10deg);transition:all .4s ease}.mfp-fade-x.mfp-wrap.mfp-ready .mfp-content{opacity:1;transform:translateX(0) perspective(600px) rotateY(0)}.mfp-fade-x.mfp-wrap.mfp-removing .mfp-content{opacity:0;transform:translateX(-20px) perspective(600px) rotateY(10deg)}.mfp-slide-right.mfp-bg{opacity:0;transition:all,.8s, ease-in-out}.mfp-slide-right.mfp-bg.mfp-ready{opacity:.8}.mfp-slide-right.mfp-bg.mfp-removing{opacity:0}.mfp-slide-right.mfp-wrap .mfp-content{opacity:0;transform:translateX(-30px);transition:all .4s ease}.mfp-slide-right.mfp-wrap.mfp-ready .mfp-content{opacity:1;transform:translateX(0)}.mfp-slide-right.mfp-wrap.mfp-removing .mfp-content{opacity:0;transform:translateX(30px)}.mfp-zoom-in.mfp-bg{opacity:0;transition:all,.8s, ease-in-out}.mfp-zoom-in.mfp-bg.mfp-ready{opacity:.8}.mfp-zoom-in.mfp-bg.mfp-removing{opacity:0}.mfp-zoom-in.mfp-wrap .mfp-content{opacity:0;transform:scale(0.8);transition:all .4s ease}.mfp-zoom-in.mfp-wrap.mfp-ready .mfp-content{opacity:1;transform:scale(1)}.mfp-zoom-in.mfp-wrap.mfp-removing .mfp-content{opacity:0;transform:scale(0.8)}a[data-popup]{outline:none}.quform-success-message,.quform-outer-no-js .quform-success-message{position:relative;display:block;float:left;margin:10px 0;font-size:12px;padding:3px 12px;color:#fff;width:100%;background-color:#0eb493}.quform-success-message:before,.quform-outer-no-js .quform-success-message:before{content:'\f00c';display:inline-block;font-family:'FontAwesome';margin-right:5px;position:relative;top:1px}.quform-element{margin-bottom:4em;text-align:left}.quform-element label{display:block;margin-bottom:.5em;text-align:left;font-size:12px;text-transform:uppercase;color:#212121}.quform-element label .quform-required{font-size:200%;color:#ee1c25;line-height:12px;vertical-align:bottom}.quform-element input,.quform-element textarea{padding:12px 20px;width:100%;border-bottom:4px solid #28282E;background-color:transparent}.quform-element .quform-errors{display:none}.quform-element .quform-error{position:absolute;display:inline-block;float:left;margin-top:10px;font-size:12px;padding:3px 12px;color:#fff;background-color:#ee1c25}.quform-element .quform-error:before{content:'\f071';display:inline-block;font-family:'FontAwesome';margin-right:5px;position:relative;top:1px}.quform-element .quform-captcha-inner{position:relative;float:left;margin-top:8px;background:url(../quform/images/captcha-refresh-icon.png) no-repeat center center}.quform-element .quform-captcha-inner img{max-width:100%;display:block}.quform-submit-inner{float:left}.quform-loading-wrap{display:none;float:left;height:10px;line-height:10px;text-align:center;margin-top:12px;margin-left:10px}.quform-loading-wrap .quform-loading{display:block;width:16px;height:16px;text-indent:-9999px;background:transparent url("../images/ajax-loader.gif") no-repeat center center}.header-video{position:relative;overflow:hidden}.header-video iframe,.header-video video{position:absolute;top:0;bottom:0;left:0;right:0}.header-video iframe{height:100%;width:100%}.header-video video{width:100%}.header-video__teaser-video{width:100%;height:auto}.header-video__media{width:100%;height:auto}.header-video__title{position:absolute;margin:0;left:50%;top:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%);z-index:5;font-size:110px;text-shadow:3px 3px 0px rgba(0,0,0,0.2)}@media (max-width: 1599px){.header-video__title{font-size:90px}}@media (max-width: 1199px){.header-video__title{font-size:70px}}@media (max-width: 991px){.header-video__title{font-size:50px}}@media (max-width: 767px){.header-video__title{font-size:30px}}.header-video__sub-title{position:absolute;text-transform:capitalize;color:#8a909b;left:50%;right:auto;transform:translateX(-50%);top:57%;z-index:5;letter-spacing:2px}@media (max-width: 991px){.header-video__sub-title{display:none !important}}.header-video__play-trigger{position:absolute;margin-bottom:5px;left:50%;right:auto;transform:translateX(-50%);bottom:10%;z-index:5;text-transform:capitalize;text-align:center;color:#28282E;transition:color .3s ease-in-out}.header-video__play-trigger i{width:40px;height:40px;line-height:40px;margin-top:5px;font-size:20px;text-align:center;border:1px solid;transition:border-radius .3s ease-in-out}.header-video__play-trigger:hover{color:#F26F70}.header-video__play-trigger:hover i{border-radius:100%}#header-video__close-trigger{position:absolute;right:30px;top:30px;width:40px;height:40px;color:#fff;z-index:2001;background-color:transparent;border:1px solid;transition:color .3s ease-in-out, border-radius .3s ease-in-out}#header-video__close-trigger:hover{color:#F26F70;border-radius:100%}#work{background-color:#f0f0f0;position:relative;z-index:15}.pages,.bg-pattern{background-image:url(../images/pattern/pattern-light.png)}.bg-pattern-dark{background-image:url(../images/pattern/pattern-dark.jpg)}.deco-parting,.counter-content{background-image:url(../images/pattern/pattern-dark.jpg)}.l-portfolio{padding-top:96px}.social-inline{padding-top:2em}.social-inline li{display:inline-block}.social-inline li a{display:block;margin-right:5px}.hero-header,.slide-txt h1{font-size:80px;text-transform:none;color:#fff;font-weight:bold;margin:10px 0}@media (max-width: 1200px){.hero-header,.slide-txt h1{font-size:60px}}@media (max-width: 992px){.hero-header,.slide-txt h1{font-size:40px}}.inner-link{position:absolute;bottom:0;left:50%;right:auto;transform:translateX(-50%);z-index:100;font-size:50px;color:#212121}@media (max-width: 991px){.inner-link{display:none}}.inner-link:focus{color:#212121}.deco-parting{text-align:center;padding:96px 0}@media (min-width: 993px){.deco-parting{display:table;text-align:left;background-color:#28282E}.deco-parting [class*='col-']{display:table-cell;float:none;height:100%;vertical-align:middle}.deco-parting .deco-header{font-size:200px;text-align:right;padding-right:30px;margin:0}.deco-parting .deco-header:after{content:'+';font-size:100px;vertical-align:text-top}}.deco-parting .deco-header{color:#F26F70;text-transform:uppercase;font-weight:normal;line-height:1.1}.deco-parting h3{text-transform:uppercase;margin-top:0;color:#fff;font-weight:normal}.deco-parting p{color:#fff}@media (min-width: 993px){.deco-parting p{width:50%}}.test-classic{position:relative;text-align:center;color:#8a909b;background-position:50% 50%;border-bottom:1px solid #dadce0}.test-classic .item img{width:80px;height:80px;display:inline;margin-bottom:20px;border-radius:50%}.test-classic .item p{font-size:16px;margin-bottom:0}.test-classic .item .standard-title{display:inline-block;border-top:4px solid #8a909b;padding-top:20px;margin-bottom:10px}.test-classic .item span{display:block;margin-bottom:20px;padding-bottom:10px;color:#212121}.test-classic .item.overlay{padding:2em;background-color:#fff;box-shadow:0 0 1px rgba(0,0,0,0.2)}.test-classic .item.overlay p{color:#8a909b;font-size:14px}.test-classic .item.overlay .standard-title{padding-top:20px;position:relative}.test-classic .item.overlay .standard-title:after{content:'';background-color:#dadce0;width:50px;height:1px;position:absolute;top:0;left:50%;right:auto;transform:translateX(-50%)}.test-classic .item.overlay .standard-title,.test-classic .item.overlay span{color:#28282E}.test-classic .item.overlay span{margin-bottom:0;padding-bottom:0}.test-classic .bx-wrapper .bx-pager.bx-default-pager a{background-color:#28282E}.test-classic .bx-wrapper .bx-pager.bx-default-pager a:hover{background-color:#F26F70}.test-classic .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#F26F70}.layout-brand li{padding-bottom:48px}.layout-brand img{width:120px}.layout-brand.border-b{border-bottom:1px solid #d7d6d6}.content-box-side{padding:0 30px}.content-box-side:nth-child(-n+3){padding-bottom:48px}.content-box-side i{width:60px;margin-top:10px;padding-right:20px;font-size:30px;text-align:center;color:#F26F70}.content-box-side .box-side-details{margin-left:20px;overflow:hidden}.content-box-side .box-side-details .box-side__header{display:block}.content-box-side .box-side-details .box-side__header h3{display:inline-block}.content-box-side .box-side-details .box-side__header i{float:right;text-align:right;margin-top:6px}@media only screen and (max-width: 991px){.content-box-side:nth-child(n){padding-bottom:3em}.content-box-side:last-child{padding-bottom:0}}.content-box-side.no-padding{padding-bottom:0}@media (min-width: 993px){.equal-height>[class^="col-"]{float:none;display:table-cell;vertical-align:middle}} .item-img-details { padding-top: 41px; padding-bottom: 12px; }@media (min-width: 1201px){}.item-img-details i{color:#F26F70}.team-block{display:block;position:relative;transition:transform .3s ease}.team-block .team-block__details{padding:2em;position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(172, 27, 27, 0.76);color:#fff;text-transform:capitalize;opacity:0;transition:opacity .3s ease}.team-block .team-block__details h3{text-transform:uppercase;color:#fff;border-bottom:8px solid;display:inline-block;margin-bottom:10px}.team-block .team-block__details .team-block__icon{position:absolute;bottom:2em;left:2em}.team-block:hover{z-index:10;transform:scale(1.01);box-shadow:0 10px 20px 0px rgba(0,0,0,0.15)}.team-block:hover .team-block__details{opacity:1}.team-details{position:relative;color:#FFF;padding:2em;width:auto;max-width:500px;margin:20px auto;background:#rgba(178, 33, 31, 0.75) }.team-details .standard-title{display:inline-block;color:#fff;border-bottom:8px solid #fff;font-size:20px}.team-details p{display:block}.team-details__social-icons{margin-top:1em}.team-details__social-icons li{display:inline-block}.team-details__social-icons li a{position:relative;display:block;margin-right:5px;color:#fff;transition:color .3s ease-in-out}.team-details__social-icons li a:hover{color:#28282E}.hero-paragraph{font-size:30px;line-height:1.5em;margin-bottom:96px}.hero-paragraph .highlighted{background-color:#F26F70;padding:5px;color:#28282E}@media (max-width: 991px){.hero-paragraph{font-size:20px}}.back-to-top{position:fixed;z-index:99999;bottom:1em;right:1em;text-decoration:none;color:#fff;background-color:rgba(40,40,46,0.8);font-size:12px;width:30px;height:30px;line-height:30px;text-align:center;display:none;transition:all .3s ease-in-out}.back-to-top:hover{background-color:#F26F70;color:#fff;} .white-bg { background-color: rgb(255, 255, 255) !important; } .project-list { overflow: hidden !important; max-height: 230px !important; margin-top: calc(100% - 44px) !important; padding: 0 !important; margin-bottom: 0 !important; line-height: 1 !important; padding-top: 0 !important; padding-bottom: 20px !important; text-align: center !important; border-bottom: 4px solid rgb(189, 189, 255) !important; transition: .2s ease all !important; } .project-list:hover { max-height: 270px !important; } .project-list:hover .bar { max-width: 100% !important; border-top: 4px solid rgb(189, 189, 255) !important; } .project-list:hover { border-bottom: 4px solid rgb(255, 255, 255) !important; } .bar { margin: 0 auto !important; border: 0 !important; border-top: 4px solid rgb(232, 232, 232) !important; max-width: calc(100% - 30px) !important; transition: .2s ease all !important; } .project-list li { cursor: pointer !important; display: block !important; text-align: center !important; padding: 8px 10px !important; font-size: .9rem !important; } .project-list li:hover { color: rgb(100, 100, 100) !important; } /* Sizes for demo */ .square { padding: 20% !important; } .smaller { padding: 10% !important; } /* Animation */ @-webkit-keyframes fadein { from { opacity: 0 !important; width: 65% !important; } to { opacity: 1 !important; width: 80% !important; } } @-moz-keyframes fadein { from { opacity: 0 !important; width: 65% !important; } to { opacity: 1 !important; width: 80% !important; } } @-ms-keyframes fadein { from { opacity: 0 !important; width: 65% !important; } to { opacity: 1 !important; width: 80% !important; } } @-o-keyframes fadein { from { opacity: 0 !important; width: 65% !important; } to { opacity: 1 !important; width: 80% !important; } } @keyframes fadein { from { opacity: 0 !important; width: 65% !important; } to { opacity: 1 !important; width: 80% !important; } } .demo { position: relative; top: 50%; left: 50%; margin-left: -18rem; /*margin-top: -25rem;*/ width: 36rem; height: 50rem; padding-top: 22rem; background: #FFFFFF; -webkit-box-shadow: 0 0.5rem 5rem rgba(0, 0, 0, 0.4); box-shadow: 0 0.5rem 5rem rgba(0, 0, 0, 0.4); font-family: "Open Sans", Helvetica, Arial, sans-serif; } .demo__content { position: relative; height: 100%; } .demo__heading { font-size: 2.2rem; line-height: 7rem; padding-left: 3rem; color: #313131; } .demo__elems { position: relative; height: 21rem; } .demo__elem { position: relative; height: 7rem; font-size: 1.8rem; line-height: 7rem; padding-left: 3rem; border-top: 1px solid #e7e7e7; } .demo__hover { z-index: 2; position: absolute; left: 0; width: 100%; height: 7rem; cursor: pointer; } .demo__hover-1 { top: 0; } .demo__hover-1:hover ~ .demo__highlighter { -webkit-transform: translateY(0); transform: translateY(0); } .demo__hover-1:hover ~ .demo__highlighter .demo__elems { -webkit-transform: translateY(0); transform: translateY(0); } .demo__hover-2 { top: 7rem; } .demo__hover-2:hover ~ .demo__highlighter { -webkit-transform: translateY(7rem); transform: translateY(7rem); } .demo__hover-2:hover ~ .demo__highlighter .demo__elems { -webkit-transform: translateY(-7rem); transform: translateY(-7rem); } .demo__hover-2:hover ~ .demo__examples .example-adv__top, .demo__hover-2:hover ~ .demo__examples .example-adv__mid, .demo__hover-2:hover ~ .demo__examples .example-adv__line { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } .demo__hover-2:hover ~ .demo__examples .example-web__top, .demo__hover-2:hover ~ .demo__examples .example-web__left { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; transition: transform 0.4s 0.2s, opacity 0.4s 0.2s; transition: transform 0.4s 0.2s, opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; } .demo__hover-2:hover ~ .demo__examples .example-web__right-line { -webkit-transform: scale(1); transform: scale(1); } .demo__hover-2:hover ~ .demo__examples .example-web__right-line:nth-child(1) { -webkit-transition: -webkit-transform 0.4s 0s; transition: -webkit-transform 0.4s 0s; transition: transform 0.4s 0s; transition: transform 0.4s 0s, -webkit-transform 0.4s 0s; } .demo__hover-2:hover ~ .demo__examples .example-web__right-line:nth-child(2) { -webkit-transition: -webkit-transform 0.4s 0.06s; transition: -webkit-transform 0.4s 0.06s; transition: transform 0.4s 0.06s; transition: transform 0.4s 0.06s, -webkit-transform 0.4s 0.06s; } .demo__hover-2:hover ~ .demo__examples .example-web__right-line:nth-child(3) { -webkit-transition: -webkit-transform 0.4s 0.12s; transition: -webkit-transform 0.4s 0.12s; transition: transform 0.4s 0.12s; transition: transform 0.4s 0.12s, -webkit-transform 0.4s 0.12s; } .demo__hover-2:hover ~ .demo__examples .example-web__right-line:nth-child(4) { -webkit-transition: -webkit-transform 0.4s 0.18s; transition: -webkit-transform 0.4s 0.18s; transition: transform 0.4s 0.18s; transition: transform 0.4s 0.18s, -webkit-transform 0.4s 0.18s; } .demo__hover-2:hover ~ .demo__examples .example-web__right-line:nth-child(5) { -webkit-transition: -webkit-transform 0.4s 0.24s; transition: -webkit-transform 0.4s 0.24s; transition: transform 0.4s 0.24s; transition: transform 0.4s 0.24s, -webkit-transform 0.4s 0.24s; } .demo__hover-2:hover ~ .demo__examples .example-web__right-line:nth-child(6) { -webkit-transition: -webkit-transform 0.4s 0.3s; transition: -webkit-transform 0.4s 0.3s; transition: transform 0.4s 0.3s; transition: transform 0.4s 0.3s, -webkit-transform 0.4s 0.3s; } .demo__hover-3 { top: 14rem; } .demo__hover-3:hover ~ .demo__highlighter { -webkit-transform: translateY(14rem); transform: translateY(14rem); } .demo__hover-3:hover ~ .demo__highlighter .demo__elems { -webkit-transform: translateY(-14rem); transform: translateY(-14rem); } .demo__hover-3:hover ~ .demo__examples .example-adv__top, .demo__hover-3:hover ~ .demo__examples .example-adv__mid, .demo__hover-3:hover ~ .demo__examples .example-adv__line { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } .demo__hover-3:hover ~ .demo__examples .example-both { background: #39A5F7; -webkit-transition: background-color 0.4s 0.2s; transition: background-color 0.4s 0.2s; } .demo__hover-3:hover ~ .demo__examples .example-both__half { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; transition: transform 0.4s 0.2s, opacity 0.4s 0.2s; transition: transform 0.4s 0.2s, opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; } .demo__highlighter { z-index: 1; position: absolute; top: 0; left: -1rem; width: 38rem; height: 7rem; background: #39A5F7; overflow: hidden; -webkit-box-shadow: 0 0.3rem 0.2rem rgba(0, 0, 0, 0.3); box-shadow: 0 0.3rem 0.2rem rgba(0, 0, 0, 0.3); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.59, 0.04, 0.3, 1.43); transition: -webkit-transform 0.5s cubic-bezier(0.59, 0.04, 0.3, 1.43); transition: transform 0.5s cubic-bezier(0.59, 0.04, 0.3, 1.43); transition: transform 0.5s cubic-bezier(0.59, 0.04, 0.3, 1.43), -webkit-transform 0.5s cubic-bezier(0.59, 0.04, 0.3, 1.43); } .demo__highlighter .demo__elems { position: absolute; top: 0; left: 1rem; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.59, 0.04, 0.3, 1.43); transition: -webkit-transform 0.5s cubic-bezier(0.59, 0.04, 0.3, 1.43); transition: transform 0.5s cubic-bezier(0.59, 0.04, 0.3, 1.43); transition: transform 0.5s cubic-bezier(0.59, 0.04, 0.3, 1.43), -webkit-transform 0.5s cubic-bezier(0.59, 0.04, 0.3, 1.43); } .demo__highlighter .demo__elem { color: #fff; border: none; } .demo__examples { position: absolute; top: -29rem; left: 0; width: 100%; height: 22rem; padding: 5.5rem 7rem 0 7rem; } .demo__examples-nb { position: relative; height: 13.5rem; padding: 0 1.5rem; border-bottom: 1rem solid #424242; } .nb-inner { position: relative; width: 100%; height: 12.5rem; border: 0.7rem solid #424242; overflow: hidden; } .example { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .example-adv__top { height: 2rem; background: #EFEFEF; padding: 0.5rem 2rem; margin-bottom: 2rem; -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; transition: transform 0.4s 0.2s, opacity 0.4s 0.2s; transition: transform 0.4s 0.2s, opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; } .example-adv__top-search { position: relative; height: 100%; background: #fff; } .example-adv__top-search:after { content: ""; position: absolute; top: 0; right: 0; width: 2.5rem; height: 100%; background: #02ADF6; } .example-adv__mid { position: relative; width: 13.6rem; height: 3.5rem; background: #FFF7BD; margin: 0 auto 0.7rem; -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; transition: transform 0.4s 0.2s, opacity 0.4s 0.2s; transition: transform 0.4s 0.2s, opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; } .example-adv__mid:before, .example-adv__mid:after { content: ""; position: absolute; left: 1rem; height: 0.7rem; } .example-adv__mid:before { top: 0.6rem; width: 9rem; background: #02ADF6; } .example-adv__mid:after { bottom: 0.6rem; width: 11.6rem; background: #fff; } .example-adv__line { height: 0.5rem; background: #EFEFEF; width: 6.8rem; margin-left: 2rem; margin-bottom: 0.7rem; -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; transition: opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; transition: transform 0.4s 0.2s, opacity 0.4s 0.2s; transition: transform 0.4s 0.2s, opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s; } .example-adv__line.long { width: 13.6rem; } .example-web { padding: 1.5rem 2rem 0; font-size: 0; } .example-web__top { background: #EF4239; width: 100%; height: 1.5rem; margin-bottom: 0.5rem; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; -webkit-transform: translateY(-5rem); transform: translateY(-5rem); } .example-web__left { display: inline-block; width: 6.5rem; height: 7rem; background: #C6C6C6; margin-right: 0.6rem; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; } .example-web__right { display: inline-block; width: 6.5rem; height: 7rem; } .example-web__right-line { width: 100%; height: 0.8rem; background: #EFEFEF; margin-bottom: 0.4rem; -webkit-transform: translateX(10rem); transform: translateX(10rem); } .example-web__right-line:nth-child(1) { -webkit-transition: -webkit-transform 0s 0s; transition: -webkit-transform 0s 0s; transition: transform 0s 0s; transition: transform 0s 0s, -webkit-transform 0s 0s; } .example-web__right-line:nth-child(2) { -webkit-transition: -webkit-transform 0s 0.04s; transition: -webkit-transform 0s 0.04s; transition: transform 0s 0.04s; transition: transform 0s 0.04s, -webkit-transform 0s 0.04s; } .example-web__right-line:nth-child(3) { -webkit-transition: -webkit-transform 0s 0.08s; transition: -webkit-transform 0s 0.08s; transition: transform 0s 0.08s; transition: transform 0s 0.08s, -webkit-transform 0s 0.08s; } .example-web__right-line:nth-child(4) { -webkit-transition: -webkit-transform 0s 0.12s; transition: -webkit-transform 0s 0.12s; transition: transform 0s 0.12s; transition: transform 0s 0.12s, -webkit-transform 0s 0.12s; } .example-web__right-line:nth-child(5) { -webkit-transition: -webkit-transform 0s 0.16s; transition: -webkit-transform 0s 0.16s; transition: transform 0s 0.16s; transition: transform 0s 0.16s, -webkit-transform 0s 0.16s; } .example-web__right-line:nth-child(6) { -webkit-transition: -webkit-transform 0s 0.2s; transition: -webkit-transform 0s 0.2s; transition: transform 0s 0.2s; transition: transform 0s 0.2s, -webkit-transform 0s 0.2s; } .example-both { padding: 1rem 1rem; font-size: 0; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .example-both__half { position: relative; display: inline-block; width: 7.2rem; height: 100%; padding: 0.5rem; background: #fff; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .example-both__left { margin-right: 1.2rem; padding-top: 3rem; } .example-both__left-top { position: absolute; top: 0; left: 0; width: 100%; background: #EFEFEF; height: 2.4rem; padding: 0.6rem 0.5rem; } .example-both__left-top:before { content: ""; display: inline-block; width: 70%; height: 100%; background: #fff; } .example-both__left-top:after { content: ""; display: inline-block; width: 30%; height: 100%; background: #02ADF6; } .example-both__left-mid { height: 3.5rem; background: #FFF7BD; margin-bottom: 0.4rem; } .example-both__left:before, .example-both__left:after { content: ""; display: block; width: 6.2rem; height: 0.7rem; background: #EFEFEF; } .example-both__left:before { position: absolute; bottom: 0.5rem; left: 0.5rem; } .example-both__left:after { width: 3.6rem; } .example-both__right-top { width: 100%; height: 1.5rem; background: #EF4239; margin-bottom: 0.5rem; } .example-both__right-mid { width: 100%; height: 4rem; background: #C6C6C6; margin-bottom: 0.4rem; } .example-both__right:before, .example-both__right:after { content: ""; display: block; width: 6.2rem; height: 0.7rem; background: #EFEFEF; } .example-both__right:before { position: absolute; bottom: 0.5rem; left: 0.5rem; } @media (min-width:768){ .img-margin { margin-top:0px; } .font-h2 { font-size: 27px; } .font-P { font-size: 16px; } } @media (min-width:992px) { .img-margin { margin-top: 27%; } .font-P { font-size: 13px; } .font-h2 { font-size: 21px; } } @media (min-width:1200px) { .img-margin { margin-top: 18%; } .font-h2 { font-size: 25px; } .font-P { font-size: 16px; } } /* ========================================== Reset Css ========================================== */ ul { margin: 0; padding: 0; } ul li { list-style: none; } h1, h2, h3, h4, h5, h6, p { /*margin: 0;*/ } /* ========================================== Help Full Css ========================================== */ html, body { height: 100%; font-family: 'Raleway', sans-serif; color: rgba(0, 0, 0, .6); } /* Section Header */ .section-header { text-align: center; } .service-header { margin-bottom: 0px !important; } .section-header h2 { font-size: 110%; text-transform: capitalize; font-weight: 700; position: relative; } .section-header p { max-width: 600px; margin: 0 auto; margin-top: 36px; margin-bottom: 50px; text-transform: capitalize; line-height: 26px; font-size: 16px; font-weight: 300; } .section-header h2:after { position: absolute; width: 80px; height: 1px; background: #b81212; content: ''; bottom: 0; left: 50%; top: 60px; margin-left: -40px; } .section-header h2::before { position: absolute; width: 20px; height: 20px; content: ''; background: #b81212; border-radius: 50%; top: 50px; left: 50%; margin-left: -10px; } .table { display: table; height: 100%; } .table-cell { display: table-cell; vertical-align: middle; } p { color:black; } /* ========================================== HEADER Css ========================================== */ #header { height: 100%; position: relative; z-index: 1; } #header::after { position: absolute; width: 100%; height: 100%; content: ''; background: #20202026; opacity: .65; z-index: -1; } .vegas-slide, .vegas-slide-inner { z-index: -1; } .logo img { border: 1.5px solid #b81212; padding: 2px 12px; } .header-content { height: 100%; text-align: center; } .display-table { height: 100%; display: table; width: 100%; } .display-table-cell { display: table-cell; vertical-align: middle; text-align: center; } .header-main-content h1 { font-weight: 700; font-family: 'Lato', sans-serif; text-transform: capitalize; } .header-main-content p { max-width: 600px; font-family: 'Lato', sans-serif; line-height: 24px; line-height: 1.15 !important; font-size: 2.77689rem !important; color: #2a3855 !important; margin-top: 20px; margin-bottom: 30px; } .custom_text { max-width: 600px; font-family: 'Lato', sans-serif; line-height: 24px; font-size: 14px; font-style: italic; margin-top: 20px; margin-bottom: 30px; } .career_button_div { margin-bottom: 5%; margin-left: 0%; padding-left: 0; margin-top: 6%; } .empty_space { height: 64px; } .inner_space { height: 24px; } .header-main-content { color: #fff; } .btn header-btn-1 { } .header-btn-1 { background: #b81212; border: 1px solid #b81212 !important; text-decoration: none; color: #fff; font-size: 18px; border: 1px solid #fff; padding: 11px 40px; display: inline-block; margin: 0 10px; transition: .3s; } .header-btn-1:hover { background: transparent; } .header-btn-1 i { font-size: 25px; margin-top: 2px; } .primary-color { font-size: 110%; color: #b81212; } /* ========================================== about Css ========================================== */ #about { position: relative; background: url('/image/White_Carbon.png'); margin: 50px 0 0px; text-align: center; padding: 90px 0 0 !important; } .right_box_Title { font-family: "Playfair Display"; font-weight: 700; font-size: 1.75em; line-height: 1.2; color:#000; } hr.sep { border: 0px; height: 1px; background: #000; margin: 1.4em auto; width: 3em; } h1 { color: #2a3855; font-weight: 700; font-size: 5.20873rem !important; letter-spacing: -.25rem; } .service-icon { width: 100%; height: 220px; padding: 20px; text-align: center; transition: all .5s ease; } .service-content { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; width: 100%; height: 220px; padding: 20px; text-align: center; transition: all .5s ease; background-color: #474747; backface-visibility: hidden; transform-style: preserve-3d; -webkit-transform: translateY(110px) rotateX(-90deg); -moz-transform: translateY(110px) rotateX(-90deg); -ms-transform: translateY(110px) rotateX(-90deg); -o-transform: translateY(110px) rotateX(-90deg); transform: translateY(110px) rotateX(-90deg); } .service-box .service-icon .front-content { position: relative; top: 80px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .service-box .service-icon .front-content i { /*font-size: 28px; color: #999999; font-weight: normal;*/ font-size: 48px; line-height: 48px; color: #e64c3c; margin-bottom: 19px; } .service-box .service-icon .front-content h3 { /*font-size: 1.17em; color: #999999; text-align: center; margin-top: 15px;*/ font-size: 15px; color: #999999; text-align: center; margin-top: 15px; text-transform: uppercase; } .service-box { position: relative; overflow: hidden; margin-bottom: 23px; perspective: 1000px; -webkit-perspective: 1000px; /*border-radius: 93px;*/ box-shadow: 0 5px 10px 5px #3c385c52; } .service-box .service-content h3 { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 10px; text-transform: uppercase; } .service-box .service-content p { font-size: 13px; color: #f1efef; margin: 0; } .yellow { /*background-color: #ffc000;*/ /*background: #ffaec2; background: -webkit-linear-gradient(left top, #ffaec2, #7e4aaf); background: linear-gradient(to bottom right, #ffaec2, #7e4aaf); z-index: 2;*/ } .orange { /*background: #5967C3; background: -webkit-linear-gradient(left top, #5967C3, #83cedc); background: linear-gradient(to bottom right, #5967C3, #83cedc);*/ } .red { /*background: #CA619C; background: -webkit-linear-gradient(left top, #CA619C, #DBC084); background: linear-gradient(to bottom right, #CA619C, #DBC084);*/ } .grey { /*background: #16a085; background: -webkit-linear-gradient(left top, #16a085, #83cedc); background: linear-gradient(to bottom right, #16a085, #83cedc);*/ } .pad { padding-top:15px; } .service-box:hover .service-icon { opacity: 0; -webkit-transform: translateY(-110px) rotateX(90deg); -moz-transform: translateY(-110px) rotateX(90deg); -ms-transform: translateY(-110px) rotateX(90deg); -o-transform: translateY(-110px) rotateX(90deg); transform: translateY(-110px) rotateX(90deg); } .service-box:hover .service-content { opacity: 1; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .skill-home { margin-bottom: 50px; float: left; width: 100%; } .box { width: 100%; /* border: 1px solid #D4D4D4; */ display: inline-block; /* background: #efefef; */ padding-bottom: 20px; border: 1px solid #ffffff; } .skill-home .icons { padding: 30px 0 10px; width: 100%; color: #055999; font-size: 42px; font-size: 68px; text-align: center; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 0; display: inline-table; float: left; /* background: #fdb916; */ border-top: 1px solid #fdb813; border-radius: 50%; } .skill-home .icons { padding: 30px 0 10px; width: 100%; color: #055999; font-size: 42px; font-size: 68px; text-align: center; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 0; display: inline-table; float: left; /* background: #fdb916; */ border-top: 1px solid #fdb813; border-radius: 50%; } .icon-settings:before { content: "\e09a"; } .box-area { padding: 0 0; /* padding-top: 0; */ /* height: 125px; */ float: left; text-align: center; padding: 8px 20px 22px; width: 100%; background: #f6f6f6; /* border: 1px solid #fdb916 !important; */ } .skill-home h3 { font-size: 20px; font-weight: 600; } .skill-home a { color: #ffffff; text-decoration: none; font-size: 13px; background: #055999; padding: 7px 20px; margin-top: 10px; display: inline-block; border: 1px solid #055999; } /*.info-blocks i.icon-info-blocks { color: #00bcd4; font-size: 38px; min-width: 50px; margin-top: 7px; text-align: center; width: 56px; height: 74px; padding-top: 21px; border-bottom: 1px solid #00bcd4; text-align: center; margin-bottom: 18px; } .info-blocks { text-align: center; } .info-blocks .info-blocks-in { padding: 0 10px; overflow: hidden; background: #f6f6f6; padding: 20px 15px; } .info-blocks .info-blocks-in h3 { color: #37393c; font-size: 18px; line-height: 28px; margin: 0px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; font-weight: 600; } .info-blocks .info-blocks-in p { font-size: 14px; }*/ #project { background: url('/image/White_Carbon.png'); } #what_wrapper { position: relative; background: #fff; } .title3 { margin: 5%; } /*IE8, IE9*/ .displayNone { display: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; vertical-align: baseline; } html, body { width: 100%; height: 100%; } body { background: #FFF; color: #666; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; /*font-size: 100%;*/ } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } .containerContent { margin: 0 auto; width: 100%; max-width: 1400px; } ul { list-style: none; list-style-position: outside; } a { outline: none; } header, nav, section, article, aside, footer { display: block; } p { line-height: 150%; } a:link, a:visited { text-decoration: none; } .clear { clear: both; } .center { text-align: center; } /*****************************************************************************************************************/ /*GENERAL SECTION SETTINGS*/ section { width: 100%; } #services { padding: 80px 0px 50px 0px; position: relative; display: block; background: rgba(215, 215, 215, 0.52); } .set_size_section1 { margin-left: auto; margin-right: auto; width: 100%; display: inline-block; } /*****************************************************************************************************************/ #services .article_center2 article { text-align: center; flex: 0 0 25%; cursor: pointer; box-sizing: border-box; text-transform: none; margin: 25px; z-index: 1; -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out; -moz-transition: opacity 0.4s linear, -moz-transform 0.4s ease-in-out, -moz-box-shadow 0.4s ease-in-out; -o-transition: opacity 0.4s linear, -o-transform 0.4s ease-in-out, -o-box-shadow 0.4s ease-in-out; -ms-transition: opacity 0.4s linear, -ms-transform 0.4s ease-in-out, -ms-box-shadow 0.4s ease-in-out; transition: opacity 0.4s linear, transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #services article img, #services article h3, #services article p { -webkit-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out; -moz-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out; -o-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out; -ms-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out; transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out; } #services article.blur { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9, M12=0, M21=0, M22=0.9, SizingMethod='auto expand')"; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); opacity: 0.8; /*zoom:0.9;*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } #services article.active { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.08, M12=0, M21=0, M22=1.08, SizingMethod='auto expand')"; -o-transform: scale(1.05); transform: scale(1.05); z-index: 100; /*zoom:1.08;*/ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } #services article.active img, #services article.active p, #services article.active h3 { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } #services article.blur img { text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9); color: rgba(51, 51, 51, 0); opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } #services article.blur h3 { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9); color: rgba(100, 100, 100, 0.3); opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } #services article.blur p { text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9); color: rgba(100, 100, 100, 0.3); opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } .services_h2 { font-family: 'MontserratBold', sans-serif; font-family: 'Roboto Slab', sans-serif; color: black; margin-bottom: 5px; margin-top: 20px; font-size: 30px; } .services_p { font-family: 'Roboto Slab'; font-style: italic; font-size: 15px; } .section1_article { text-align: center; } .section1_article h3 { font-family: 'Cookie', sans-serif; color: black; margin-bottom: 3%; /*font-size: 25px;*/ } .section1_article img { margin-bottom: 10px; } .section1_article p { font-family: 'RobotoSlab Regular', serif; */ word-spacing: 1px; /* font-family: 'Roboto Slab', sans-serif; */ font-size: 13px; /* line-height: 30px; */ font-family: 'Roboto Slab', sans-serif; /* font-family: 'Cookie', sans-serif; */ /* font-family: 'Open Sans Condensed', sans-serif; */ /* font-family: 'Sancreek', sans-serif; */ } .article_center2 { margin: 0 auto; width: 80%; /* align-items: flex-start; */ width: 80%; flex-direction: row; justify-content: center; display: flex; margin-top: 50px; /* flex-flow: row wrap; */ /* justify-content: space-between; */ flex-direction: row; flex-wrap: wrap; } /* SECTION LOADING */ .is-hidden { visibility: hidden; } .bounce-inInverse { -webkit-animation: cd-bounce-2-inverse 1s; -moz-animation: cd-bounce-2-inverse 1s; -ms-animation: cd-bounce-2-inverse 1s; -o-animation: cd-bounce-2-inverse 1s; animation: cd-bounce-2-inverse 1s; } @-webkit-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateY(200px); } 60% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -moz-transform: translateY(200px); } 60% { opacity: 1; -moz-transform: translateY(-20px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -o-transform: translateY(200px); } 60% { opacity: 1; -o-transform: translateY(-20px); } 100% { -o-transform: translateY(0); } } @keyframes cd-bounce-2-inverse { 0% { opacity: 0; transform: translateY(200px); } 60% { opacity: 1; transform: translateY(-20px); } 100% { transform: translateY(0); } } @media screen and (max-width: 650px) { #services .article_center2 article { flex: 0 0 100%; margin-bottom: 7%; } } /* AUTHOR LINK */ footer { z-index: 100; padding-top: 50px; padding-bottom: 50px; width: 100%; bottom: 0; left: 0; } footer p { color: rgba(255, 255, 255, 0.8); font-size: 16px; opacity: 0; font-family: 'Open Sans'; width: 100%; word-wrap: break-word; line-height: 25px; -webkit-transform: translateX(-200px); transform: translateX(-200px); margin: 0; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } footer .authorWindow a { color: white; text-decoration: none; } footer p strong { color: rgba(255, 255, 255, 0.9); } .about-me-img { width: 120px; height: 120px; left: 10px; /* bottom: 30px; */ position: relative; border-radius: 100px; } .about-me-img img { } .authorWindow { width: 600px; background: #75439a; padding: 22px 20px 22px 20px; border-radius: 5px; overflow: hidden; } .authorWindowWrapper { display: none; left: 110px; top: 0; padding-left: 25px; position: absolute; } .trans { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } @media screen and (max-width: 768px) { .authorWindow { width: 210px; } .authorWindowWrapper { bottom: -170px; margin-bottom: 20px; } footer p { font-size: 14px; } .middle-align { margin-left: 14.666667%; } } #what { position: relative; display: table; width: 100%; margin-top: 5%; } #what .left_box_wrapper { position: relative; overflow: hidden; background: url('/image/mission.jpeg') center center no-repeat; background-size: cover; vertical-align: middle; } #what .left_box { padding: 8%; } #what .left_box_inner { } #what .right_box_wrapper { position: relative; vertical-align: middle; } #what .right_box { /*padding: 70px;*/ } #what .right_box_inner { margin-left: -20px; margin-right: -20px; } body.modal-open { overflow: hidden; } .what1 { background: #1d1d1d; opacity: 0.8; padding: 50px; text-align: center; color: #fff; } .what1 .ic1 { margin-bottom: 10px; } .what1 .ic1 i { font-size: 35px; line-height: 1; } .what1 .txt1 { font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 22px; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 15px; } .what1 .txt2 { font-size: 15px; padding-bottom: 20px; font-family: 'Hind', sans-serif; font-weight: 300; } .what2 { position: relative; margin-top: 15px; margin-bottom: 15px; } .what2 a { display: block; text-decoration: none; border: 1px solid transparent; padding: 20px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .what2 a:hover { border-color: #E07179; } .what2 a .ic1 { margin-bottom: 10px; color: #dedede; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .what2 a:hover .ic1 { color: #E07179; } .what2 a .ic1 i { font-size: 35px; line-height: 1; } .what2 a .txt1 { letter-spacing: 1px; padding-bottom: 5px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .what2 a:hover .txt1 { color: #E07179; } .what2 .txt2 { color: #6d6d6d; font-weight: 400; font-size: 14px; } .what2 a:hover .txt2 { color: #E07179; } .what3 { position: relative; margin-top: 15px; margin-bottom: 15px; border: 1px solid #E07179; } .what3 a { display: block; text-decoration: none; padding: 20px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .what3 a .ic1 { margin-bottom: 10px; color: #E07179; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .what3 a .ic1 i { font-size: 35px; line-height: 1; } .what3 a .txt1 { color: #E07179; letter-spacing: 1px; padding-bottom: 5px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .what3 .txt2 { color: #E07179; font-weight: 400; font-size: 14px; } /* ========================================== Team Css ========================================== */ #team { background: #dce3e947; } .team-image { padding-top: 15px; padding-bottom: 15px; box-shadow: 0 0.5rem 5rem rgba(0, 0, 0, 0.4); } .team_height { height: 454px; } .custop-para { margin: 23px 0 10px; } /* Team Starts */ .team-members { transform: rotate(-45deg); } .team-members li > div { float: left; width: 20%; } .team-members li:nth-child(2) > div:first-child { margin-left: 20%; } .team-members li:last-child > div:first-child { margin-left: 40%; } .member-details > div { background-color: #ddd; margin: 5px; } .member-details img { transform: rotate(45deg) translate(0, 15px) scale(1.2); display: block; width: 100%; height: 100%; } /* hover content - style */ .member-details > div { position: relative; overflow: hidden; } .member-info { position: absolute; top: 50%; transform: rotate(45deg) translate(-12px, 15px); left: 0; right: 0; z-index: 2; text-align: center; } .member-info h3, .member-info p { margin: 0; color: #fff; position: relative; opacity: 0; visibility: hidden; } .member-info h3 { text-transform: uppercase; font-size: 14px; font-weight: 400; top: -100px; } .member-info p { font-weight: 300; font-size: 12px; bottom: -150px; } .member-details > div:after { content: ''; background-image: linear-gradient(45deg, rgba(228, 82, 69, .8) 50%, transparent 50%); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: 0; visibility: hidden; } /* hover content - onhover */ .member-details *, .member-details > div:after { cursor: pointer; transition: all .4s ease; } .member-details:hover *, .member-details:hover > div:after { opacity: 1; visibility: visible; } .member-details:hover .member-info h3 { top: 0; } .member-details:hover .member-info p { bottom: 0; } /* Team overview */ .team-overview { padding-right: 15px; } .team-overview h2 { text-transform: uppercase; font-size: 22px; font-weight: 700; margin-bottom: 5px; } .team-overview > a { margin-bottom: 30px; display: block; } .team-overview > a:before { content: ''; width: 10px; height: 2px; position: relative; top: -3px; margin-right: 5px; background-color: #ccc; display: inline-block; } /* For centering elements - optional - Can use table,tablecell instead */ .flex-center { display: flex; flex-direction: row; justify-content: center; align-items: center; } .flex-center > div:first-child { order: 2; } /* RESPONSIVE */ @media only screen and (max-width : 992px) { .sm-no-flex { display: block; } .sm-no-float { float: none !important; } .sm-text-center { text-align: center; } } @import url(https://fonts.googleapis.com/css?family=Work+Sans:400,300,200,100); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600); .card { position: relative; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); border-radius: 0.75em; padding: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .card:nth-child(even) { margin: 0 1em; } .card-top { background: #B2DCE5; border-top-left-radius: 0.75em; border-top-right-radius: 0.75em; } .card-top .card-img { display: block; margin-left: auto; margin-right: auto; height: 12em; width: auto; } .card-top .overlay { display: block; position: absolute; top: 0; left: 0; height: 11.75em; width: 100%; border-top-left-radius: 0.75em; border-top-right-radius: 0.75em; z-index: 10; background: rgba(0, 0, 0, 0.55); overflow: hidden; -webkit-transition: all 700ms ease; transition: all 700ms ease; opacity: 0; } .card-top .overlay h1 { text-align: center; font-weight: 500; color: #fff; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .card-top .overlay:hover, .card-top .overlay:focus { opacity: 1; } .triangle { position: relative; height: 0; width: 0; border-left: 1.5em solid transparent; border-right: 1.5em solid transparent; border-top: 1.5em solid #B2DCE5; margin: 0 auto -1.75em auto; top: -.25em; z-index: 20; } .card-middle { display: none; background: #efefef; padding: 2em 1em 1em 1em; } .card-middle .more { font-family: Open Sans; font-weight: 400; } .card-bottom { background: #f7f7f7; padding: 1.75em 1em 1em 1em; border-bottom-left-radius: 0.75em; border-bottom-right-radius: 0.75em; } .card-bottom .card-title { font-weight: 100; } .circle-button { position: absolute; bottom: 0; right: 3.5em; width: 70px; height: 70px; font-size: 1.5em; color: #fff; background: #fff; border: none; border-radius: 50%; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.275); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.275); outline: none; cursor: pointer; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .circle-button .close { -webkit-transition: -webkit-transform 400ms ease; transition: -webkit-transform 400ms ease; transition: transform 400ms ease; transition: transform 400ms ease, -webkit-transform 400ms ease; } .circle-button:hover { -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.275); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.275); } .closeRotate { -webkit-transform: rotate(45deg); transform: rotate(45deg); } @import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); @import url(https://fonts.googleapis.com/css?family=Raleway:400,500); figure.snip1249 { font-family: 'Raleway', Arial, sans-serif; position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 220px; max-width: 265px; width: 100%; background: #1a1a1a; color: #ffffff; text-align: left; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); } figure.snip1249 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } figure.snip1249 .image { position: relative; } figure.snip1249 img { max-width: 100%; vertical-align: top; } figure.snip1249 i { position: absolute; top: 7px; left: 12px; font-size: 32px; opacity: 0; z-index: 2; -webkit-transition-delay: 0; transition-delay: 0; } figure.snip1249 h3 { margin: 0; font-weight: 500; text-transform: uppercase; } figure.snip1249:before, figure.snip1249:after { width: 120px; height: 120px; position: absolute; top: 0; left: 0; content: ''; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; z-index: 1; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } figure.snip1249:before { background-color: #20638f; -webkit-transform: skew(-45deg) translateX(-150%); transform: skew(-45deg) translateX(-150%); border-right: 1px solid #20638f; } figure.snip1249:after { background-color: #962d22; -webkit-transform: skew(-45deg) translateX(-175%); transform: skew(-45deg) translateX(-175%); border-right: 1px solid #962d22; } figure.snip1249 figcaption { padding: 25px 80px 25px 25px; background-color: #ffffff; color: #000000; position: relative; font-size: 0.9em; } figure.snip1249 figcaption p { margin-bottom: 15px; } figure.snip1249 figcaption:before { width: 150px; height: 150px; position: absolute; bottom: 0; right: 0; content: ''; z-index: 1; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%); background-color: #20638f; -webkit-transform: skew(-45deg) translateX(50%); transform: skew(-45deg) translateX(50%); border-right: 1px solid #20638f; } figure.snip1249 .add-to-cart { display: inline-block; width: auto; border: 2px solid #20638f; padding: 0.4em 0.6em; color: #20638f; text-decoration: none; /*font-weight: 800;*/ font-size: 0.9em; /*text-transform: uppercase;*/ } figure.snip1249 .add-to-cart:hover { background-color: #20638f; color: #ffffff; } figure.snip1249 .price { position: absolute; right: 0; bottom: 0; color: #ffffff; z-index: 2; text-transform: uppercase; padding: 20px; font-weight: 800; font-size: 1.2em; text-align: center; } figure.snip1249 .price s { display: block; font-size: 0.85em; font-weight: 400; opacity: 0.8; } figure.snip1249:hover i, figure.snip1249.hover i { opacity: 0.7; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } figure.snip1249:hover h3, figure.snip1249.hover h3 { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } figure.snip1249:hover:before, figure.snip1249.hover:before { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: skew(-45deg) translateX(-50%); transform: skew(-45deg) translateX(-50%); } figure.snip1249:hover:after, figure.snip1249.hover:after { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: skew(-45deg) translateX(-75%); transform: skew(-45deg) translateX(-75%); } .social_links { margin: 0 0 10px 0; padding: 0; } .social_links li { list-style: none; display: inline-block; } .social_links li a { width: 30px; height: 30px; color: #333; font-size: 13px; line-height: 30px; text-align: center; background: #d3d3d3; border-radius: 30px; text-decoration: none; transition: all 0.50s linear 0s; } .social_links li a:hover { background: #8E9545; color: #fff; } .popupBar { position: fixed; top: 0; right: 0; z-index: 900; background: #777777; width: 100%; height: 100%; z-index: 1018; overflow-y: auto; box-shadow: 0; transform: translateX(100%); transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955),box-shadow 0.5s } .s-Close i { font-size: 26px!important; color:#fff; } .popupBar.active { box-shadow: 0 2px 8px rgba(0,0,0,0.2); transform: translateX(0) } .bar_detail_padding { padding-top:96px; padding-bottom:96px; } .news-item__content { background-color: #fff; box-shadow: 0 10px 20px 0px rgba(0,0,0,0.15); padding:0px; } .news-item__content time { position: relative; margin-top: -40px; padding: 12px 0; display: inline-block; background-color: #fff; width: 80px; height: 80px; text-align: center; border-radius: 100%; line-height: 14px; font-size: 12px; font-weight: bold; color: #8a909b; border: 1px solid #e8e8e8; } .popup-Bar-Header { height: 80px; background-color: rgba(255, 0, 0, 0.91); } .user { border-radius: 50%; display: block; height: 120px; margin: -55px auto 0; overflow: hidden; width: 120px; } .user img { background: none repeat scroll 0 0 #FFFFFF; border: 4px solid #FFFFFF; width: 100%; } .news-item__content h3 { text-transform: capitalize; font-size: 30px; padding: 30px; line-height: 1.5em; } .news-item__content .news-item__details { padding: 2em; } @media all and (min-width: 300px) { .popupBar { width: 100%; transform: translateX(100%) } } /* ========================================== feature Css ========================================== */ #Services { /*background: url('/image/bg.png');*/ /*background-color: #b4dce4;*/ } .feature-items { padding: 20px 10px; clear: both; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .feature-items:hover { background-color: #F9F9F9; border-radius: 5px; } .feature-items i, .feature-item i { display: inline-block; font-size: 30px; width: 60px; height: 60px; line-height: 60px; text-align: center; position: relative; z-index: 1; color: #ee0016; overflow: hidden; border: 2px solid #FFFFFF; border-radius: 50%; box-shadow: 0 0 0 2px #ee0016; margin-bottom: 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .feature-items:hover i, .feature-item:hover i { color: #ffffff; background: #ee0016; } .feature-items h5 { font-size: 22px; margin-bottom: 10px; font-weight: 400; } .features-left, .features-right { margin-top: 20px; } /* ========================================== Project Css ========================================== */ .item img { width:100%; } .carousel-control.left { background: none; } .carousel-control.right { background: none; } .carousel-control { position: absolute; top: 45%; bottom: 0; left: 0; width: 15%; font-size: auto; color: #fff; text-align: center; opacity: 1; text-shadow: none; } .carousel-control:hover { color: #000; } .carousel-indicators { bottom: -50px; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0,0,0,0); border: 1px solid #16a085; border-radius: 50%; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #16a085; } .carousel-caption { position: absolute; bottom: 0; height: 100%; left: 0; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; background: rgba(0,0,0,0.4); } /* ========================================== Contracts Css ========================================== */ /*.size { font-size: 10px; }*/ .btn:hover, .btn:focus, .btn:active { outline: 0 !important; } /* entire container, keeps perspective */ .card-container { -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; perspective: 800px; margin-bottom: 30px; } /* flip the pane when hovered */ .card-container:not(.manual-flip):hover .card, .card-container.hover.manual-flip .card { -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); } .card-container.static:hover .card, .card-container.static.hover .card { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } /* flip speed goes here */ .card { -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; } /* hide back of pane during swap */ .front, .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; background-color: #FFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14); } /* front pane, placed above back */ .front { z-index: 2; position: relative; } /* back, initially hidden pane */ .back { -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); z-index: 3; } .back .btn-simple { position: absolute; left: 0; bottom: 4px; } /* Style */ .card { background: none repeat scroll 0 0 #FFFFFF; border-radius: 4px; color: #444444; } .card-container, .front, .back { width: 100%; height: 420px; border-radius: 4px; } .card .cover { height: 105px; overflow: hidden; border-radius: 4px 4px 0 0; background: #ebf0f1; background: -webkit-linear-gradient(left top, #ebf0f1, #e1e2cb); background: linear-gradient(to top right, #ebf0f1, #e1e2cb); } .card .cover img { width: 100%; } .card .user { border-radius: 50%; display: block; height: 120px; margin: -55px auto 0; overflow: hidden; width: 120px; } .GSA-user { border-radius: 6% !important; display: block; height: 120px; margin: -55px auto 0; overflow: hidden; width: 120px; } .userIcon-border { border-radius: 9% !important; } .card .user img { background: none repeat scroll 0 0 #FFFFFF; border: 4px solid #FFFFFF; width: 100%; } .card .content { background-color: rgba(0, 0, 0, 0); box-shadow: none; padding: 10px; } .card .content .main { min-height: 160px; } .card .back .content .main { height: 215px; } .card .name { font-size: 22px; line-height: 28px; margin: 10px 0 0; text-align: center; text-transform: capitalize; } .card h5 { margin: 5px 0; font-weight: 400; line-height: 20px; } .card .profession { color: #999999; text-align: center; margin-bottom: 20px; } .card .footer { border-top: 1px solid #EEEEEE; color: #999999; margin: 30px 0 0; padding: 10px 0 0; text-align: center; } .card .footer .social-links { font-size: 18px; } .card .footer .social-links a { margin: 0 7px; } .card .footer .btn-simple { margin-top: -6px; } .card .header { padding: 15px 20px; height: 90px; } .card .motto { border-bottom: 1px solid #EEEEEE; color: #999999; font-size: 14px; font-weight: 400; padding-bottom: 10px; text-align: center; } .card .stats-container { width: 100%; margin-top: 50px; } .card .stats { display: block; float: left; width: 33.333333%; text-align: center; } .card .stats:first-child { border-right: 1px solid #EEEEEE; } .card .stats:last-child { border-left: 1px solid #EEEEEE; } .card .stats h4 { font-weight: 300; margin-bottom: 5px; } .card .stats p { color: #777777; } /* Just for presentation */ .title { color: #506A85; text-align: center; font-weight: 300; font-size: 44px; margin-bottom: 90px; line-height: 90%; } .title small { font-size: 17px; color: #999; text-transform: uppercase; margin: 0; } .space-30 { height: 30px; display: block; } .space-50 { height: 50px; display: block; } .space-200 { height: 200px; display: block; } .white-board { background-color: #FFFFFF; min-height: 200px; padding: 60px 60px 20px; } .ct-heart { color: #F74933; } pre.prettyprint { background-color: #ffffff; border: 1px solid #999; margin-top: 20px; padding: 20px; text-align: left; } .atv, .str { color: #05AE0E; } .tag, .pln, .kwd { color: #3472F7; } .atn { color: #2C93FF; } .pln { color: #333; } .com { color: #999; } .btn-simple { opacity: .8; color: #666666; background-color: transparent; } .btn-simple:hover, .btn-simple:focus { background-color: transparent; box-shadow: none; opacity: 1; } .btn-simple i { font-size: 16px; } /* Fix bug for IE */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .front, .back { -ms-backface-visibility: visible; backface-visibility: visible; } .back { visibility: hidden; -ms-transition: all 0.2s cubic-bezier(.92,.01,.83,.67); } .front { z-index: 4; } .card-container:not(.manual-flip):hover .back, .card-container.manual-flip.hover .back { z-index: 5; visibility: visible; } } .five .transition { transition: .5s cubic-bezier(.3, 0, 0, 1.3) } .five { list-style: none; padding: 0; /*margin: 100px 0;*/ } .five > li { background: #FFFFFF; border: 1px solid rgba(150,150,150,0.29); -moz-box-shadow: 0px 0px 18px 0px rgba(103,85,85,0.39); box-shadow: 0px 0px 18px 0px rgba(103,85,85,0.39); width: 250px; height: 350px; display: inline-block; margin: 0 15px; text-align: center; margin-bottom: 2%; } .five > li img { margin-top: -5px; } .five > li:hover i { margin-top: 30px; } .five > li img.more-about { left: 103px; padding: 1px; position: absolute; width: 45px; z-index: 1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; /*bottom: 50px;*/ bottom: 1px; } .five > li:hover { -moz-box-shadow: 0px 0px 5px 0px rgba(103,85,85,0.25); box-shadow: 0px 0px 5px 0px rgba(103,85,85,0.25); } .five > li:hover span { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; top: -300px; background: #2a3855; } .five > li:hover span p { color: white; font-size: 14px; } .five > li span .text-wrapper { opacity: 0; } .five > li:hover span .text-wrapper { bottom: 20px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 200px; opacity: 1; } .five > li:hover .social { margin-top: 250px; } .five > li:hover .wrapper > img { display: none; } .five > li:hover h3 { color: #2F7ABE; margin-top: -105px; } .five > li .wrapper { overflow: hidden; position: absolute; width: 250px; height: 350px; } .five > li span { display: block; height: 500px; left: -125px; position: absolute; top: -490px; width: 500px; background: #2a3855; } .five .mamber-img { width: 100px; } .five > li h3 em { display: block; font-style: normal; text-transform: uppercase; font-weight: 300; font-size: 12px; margin-top: 5px color: #2a3855; } .five .social { list-style: none; text-align: center; /*margin: 10px 0 0 0;*/ padding: 10px; } .five .social li { opacity: 0; display: inline-block; padding: 5px; } .five > li:hover .social li { opacity: 0.5; } .five .social li a { cursor: pointer; display: block; } .five .social li a:hover { opacity: 0.5; } .five .social li i { width: 24px; } .five > li:hover .social li a { -webkit-animation: social-show 0.5s 1; -moz-animation: social-show 0.5s 1; -o-animation: social-show 0.5s 1; animation: social-show 0.5s 1; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } .five .social li i { width: 24px; } @-webkit-keyframes social-show { from { margin-top: 140px; } to { margin-top: 0px; } } @-moz-keyframes social-show { from { margin-top: 140px; } to { margin-top: 0px; } } @-o-keyframes social-show { from { margin-top: 140px; } to { margin-top: 0px; } } @keyframes social-show { from { margin-top: 140px; } to { margin-top: 0px; } } /********************************************************************************** testimonial **********************************************************************************/ .section-padding { padding: 90px 0; } .testimonial { background: rgba(0, 0, 0, 0) url('../image/showcase-1.jpg') repeat fixed 0 0; position: relative; text-align: center; z-index: 0; background-size: cover; } .testimonial::after { background: #000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; z-index: -1; } .testimonial-colam { color: #fff; text-align: center; } .testimonial-colam img { width: 100px !important; text-align: center; height: 100px; margin: auto; border-bottom: 11px solid #ddd; border-radius: 50%; } .testimonial-colam .iteam-content { max-width: 700px; margin: 0 auto; } .iteam-content h4 { text-transform: uppercase; font-weight: 700; font-style: italic; letter-spacing: 1px; margin-top: 20px; margin-bottom: 10px; } .iteam-content p { line-height: 26px; } /********************************************************************************** Career **********************************************************************************/ #Career { /*background:white;*/ } .left { height: 655px; padding: 3rem 3rem 3rem 5rem; display: table; } .left > div { display: table-cell; vertical-align: middle; /*padding-left: 45.333333333%; transform: skew(2deg);*/ } .career-title { color: #E8CA2B; font-size: 14px; font-weight: bold; letter-spacing: 2px; display: inline-block; text-transform: uppercase; font-family: sans-serif; margin-bottom: 4rem; } .left-side-career { background: black url('../image/career.jpg'); background-size: cover; /*background-repeat: no-repeat; background-position: right bottom; margin: 0; height: 100%; position: relative;*/ } h1 { font-size: 8rem; margin-bottom: 3rem; } h1 + p { color: #949494; font-size: 1.6rem; margin-bottom: 4rem; } p + a { font-size: 1.6rem; color: #000; } .slider { height:655px; } .slider li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; transition: clip .7s ease-in-out, z-index 0s .7s; clip: rect(0, 100vw, 100vh, 100vw); display: table; } .center-y { display: table-cell; vertical-align: middle; text-align: center; color: #fff; } li.current h3, li.current h3 + a { opacity: 1; transition-delay: 1s; transform: translate3d(0, 0, 0); } li.current { z-index: 1; clip: rect(0, 100vw, 100vh, 0); } li.prev { clip: rect(0, 0, 100vh, 0); } .slider nav { position: absolute; bottom: 5%; left: 0; right: 0; text-align: center; z-index: 10; } .slider h3 { font-size: 5rem; font-style: italic; opacity: 0; transition: opacity .7s 0s, transform .5s .2s; transform: translate3d(0, 50%, 0); } nav a { display: inline-block; border-radius: 50%; width: 1.2rem; height: 1.2rem; min-width: 12px; min-height: 12px; background: #fff; margin: 0 1rem; transition: transform .3s; } a.current_dot { transform: scale(1.4); } .Careerbutton { border-radius: 4px; background-color: #E8CA2B; border: none; color: #FFFFFF !important; text-align: center; font-size: 15px; padding: 8px; transition: all 0.5s; cursor: pointer; box-shadow: 0 10px 20px -10px rgba(0,0,0,0.6); padding: 13px 10px; margin: 5px; } .Careerbutton span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; } .Careerbutton span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; } .Careerbutton:hover span { padding-right: 25px; } .Careerbutton:hover span:after { opacity: 1; right: 0; } @media screen and (max-width: 700px) { .left > div { background: #ececec; opacity: 0.8; padding-left: 2%; } } /* ========================================== ========================================== Contact Us ========================================== */ .contact { /**/ background-image: url('../image/contact.jpg'); background-repeat: no-repeat; background-position: center; background-size:cover; position: relative; /*z-index: 1;*/ } .custom-background { /*background: #56515a24;*/ opacity: 0.8; padding-top: 15px; padding-bottom: 15px; } .contact .section-header h2::after { right: 88px; } .contact::after { background: #000000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: -1; } .contact .section-header h2, .contact .section-header p { color: #000; } .contact form input, .contact form textarea { background: transparent none repeat scroll 0 0; border: 1px solid #000; color: #000; font-family: "montserrat-regular"; margin-bottom: 15px; width: 100%; -webkit-transition: .5s; transition: .5s; } .contact form input[type="text"] { border-radius: 2px; padding: 14px 12px; } .contact form textarea { border-radius: 2px; height: 150px; padding: 22px 12px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .contact form input[type="submit"] { border-radius: 2px; font-family: "montserrat-light"; letter-spacing: 1px; padding: 10px 0; position: relative; text-transform: uppercase; width: 122px; } .contact form input[type="submit"]:hover { background: #3498db none repeat scroll 0 0; border: 1px solid #3498db; box-shadow: 1px 2px 9px #3498db; } .contact form input[type="text"]:focus, .contact form textarea:focus { border: 1px solid #3498db; box-shadow: 0 -1px 10px #3498db; outline: none !important; } .contact form .col-md-3 { color: #0a0a0a; } .contact form .col-md-3 strong { display: block; font-family: "montserrat-light"; font-size: 18px; font-weight: 400; /*margin-bottom: 28px;*/ margin-top: 28px; } .contact form .col-md-3 p { font-family: "Lato",sans-serif; line-height: 24px; font-size: 1.5rem; } .contact form address { /*margin-top: 85px;*/ margin-top: 26px; } .contact form address p { margin-bottom: 7px; } .contact form p i { margin-right: 8px; } .social-contact > li { float: left; margin-right: 14px; } .social-contact li a { color: #ffffff; font-size: 14px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } footer.footer { background: #1a1a1a none repeat scroll 0 0; color: #ffffff; padding: 20px 0; } .social-contact li a:hover { color: #3498db; } footer.footer .col-md-6.text-right { color: #ddd; font-family: "montserrat-light"; font-size: 12px; } .margin-2 { margin:2%; } .facebook { color:#ee0016; cursor:pointer; font-size:1.9rem; } .facebook:hover { color:#b81212; } /*projects css start Here*/ .snip1543 { background-color: #fff; color: #ffffff; display: inline-block; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; overflow: hidden; position: relative; text-align: left; width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); height: 214px; cursor: pointer; } .snip1543 *, .snip1543 *:before, .snip1543 *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.45s ease; transition: all 0.45s ease; } .snip1543 img { backface-visibility: hidden; max-width: 100%; vertical-align: top; } .snip1543:before, .snip1543:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background-color: #b81212; opacity: 0.5; -webkit-transition: all 0.45s ease; transition: all 0.45s ease; } @media (min-width: 1200px) { .middle-align { margin-left: 14.666667%; } } .snip1543:before { -webkit-transform: skew(30deg) translateX(-80%); transform: skew(30deg) translateX(-80%); } .snip1543:after { -webkit-transform: skew(-30deg) translateX(-70%); transform: skew(-30deg) translateX(-70%); } .snip1543 figcaption { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1; bottom: 0; padding: 25px 40% 25px 20px; } .snip1543 figcaption:before, .snip1543 figcaption:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #b81212; box-shadow: 0 0 20px rgba(0, 0, 0, 0.7); content: ''; opacity: 0.5; z-index: -1; } .snip1543 figcaption:before { -webkit-transform: skew(30deg) translateX(-100%); transform: skew(30deg) translateX(-100%); } .snip1543 figcaption:after { -webkit-transform: skew(-30deg) translateX(-90%); transform: skew(-30deg) translateX(-90%); } .snip1543 h3, .snip1543 p { margin: 0; opacity: 0; letter-spacing: 1px; } .snip1543 h3 { font-family: 'Teko', sans-serif; font-size: 36px; font-weight: 700; line-height: 1em; text-transform: uppercase; } .snip1543 p { font-size: 0.9em; } .snip1543 a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .snip1543:hover h3, .snip1543.hover h3, .snip1543:hover p, .snip1543.hover p { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0.9; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .snip1543:hover:before, .snip1543.hover:before { -webkit-transform: skew(30deg) translateX(-20%); transform: skew(30deg) translateX(-20%); -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .snip1543:hover:after, .snip1543.hover:after { -webkit-transform: skew(-30deg) translateX(-10%); transform: skew(-30deg) translateX(-10%); } .snip1543:hover figcaption:before, .snip1543.hover figcaption:before { -webkit-transform: skew(30deg) translateX(-40%); transform: skew(30deg) translateX(-40%); -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .snip1543:hover figcaption:after, .snip1543.hover figcaption:after { -webkit-transform: skew(-30deg) translateX(-30%); transform: skew(-30deg) translateX(-30%); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .float_right { float:right; } /* ========================================== Social Icon Css ========================================== */ .provized_social_float { font-family: FontAwesome; position: fixed; top: 50%; left: -26px; line-height: 40px; font-size: 20px; opacity: 1; -webkit-animation: linear social_float_off .2s; margin-top: -175px; } .provized_social_float:hover { left: -10px; opacity: 1; -webkit-animation: linear social_float_on .2s; } @-webkit-keyframes social_float_on { 0% { left: -25px; opacity: .5; } 100% { left: -10px; opacity: 1; } } @-webkit-keyframes social_float_off { 0% { left: -10px; opacity: 1; } 100% { left: -25px; opacity: .5; } } a.provized_social_icon { position: relative; padding: 5px 8px 5px 15px; color: white; background-color: rgba(66,66,66,.5); border-radius: 5px; margin: 5px 0px 5px 0px; display: list-item; opacity: 1; width: 4em; text-align: center; -webkit-animation: linear social_icon_off .2s; text-shadow: 0px 0px 2px #fff; } a.provized_social_icon:hover { opacity: 1; margin-left: 5px; text-shadow: 0px 0px 5px #fff; -webkit-animation: linear social_icon_on .2s; } @-webkit-keyframes social_icon_on { 0% { opacity: .4; margin-left: 0px; } 100% { opacity: 1; margin-left: 5px; } } @-webkit-keyframes social_icon_off { 0% { opacity: 1; margin-left: 5px; } 100% { opacity: .4; margin-left: 0px; } } a.provized_social_icon:nth-child(1):hover { background: rgba(0,124,255,1.00) } a.provized_social_icon:nth-child(2):hover { background: rgba(255,47,144,1.00) } a.provized_social_icon:nth-child(3):hover { background: rgba(0,187,255,1.00) } a.provized_social_icon:nth-child(4):hover { background: rgba(191,0,3,1.00) } a.provized_social_icon:nth-child(5):hover { background: rgba(245,71,74,1.00) } a.provized_social_icon:nth-child(6):hover { background: rgba(0,0,0,1.00) } .callouts-pb .callout h4 { text-transform: uppercase; color: #fff; text-align: left; letter-spacing: 2px; margin-bottom: 0; } .callouts-pb .callout span { font-size: 13px; color: #fff; font-style: italic; font-family: "Merriweather", serif; display: block; margin-bottom: 35px; } .callouts-pb .callout p { text-transform: uppercase; color: #fff; font-size: 13px; letter-spacing: 2px; } .callouts-pb .callout p:before { content: ''; background: #fff; width: 90px; height: 1px; margin-bottom: 5px; display: block; } .callout .mpContent > img { max-width: 100%; width: 100%; } .callouts-pv .mpContent > .sepia { filter: grayscale(0%) sepia(0) brightness(63%) hue-rotate(357deg); -webkit-filter: grayscale(100%) sepia(1) brightness(83%) hue-rotate(357deg); } .callout:hover .mpContent > .sepia { filter: grayscale(0%) sepia(0) brightness(63%) hue-rotate(357deg); -webkit-filter: grayscale(0%) sepia(0) brightness(100%) hue-rotate(357deg); -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .sepia { filter: grayscale(100%) sepia(1) brightness(43%) hue-rotate(357deg); -webkit-filter: grayscale(100%) sepia(1) brightness(63%) hue-rotate(357deg); -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .callouts-pb .callout-wrap { position: absolute; bottom: 10px; z-index: 150; left: 40px; width: 70%; padding: 5%; background-color: rgba(0, 0, 0, 0.58); } @media (min-width: 1200px) { .fontsize { font-size: 1.5rem !important; } .size { font-size: 1.17rem !important; } .fontsizeP { font-size: 1.2rem !important; } } @media (min-width: 992px) { .fontsize { font-size: 1.2rem !important; } .fontsizeP { font-size: 0.9rem !important; } } @media (min-width: 768px) and (max-width:768px) { .fontsize { font-size: 1.5rem !important; } } @media (min-width: 768px) { .fontsizeP { font-size: 1rem !important; } } .paddingText { padding-left:3px !important; padding-right:3px !important; } @media (max-width: 575.98px) { .size { font-size: 1.5rem !important; } } @media (min-width: 576px) and (max-width: 767.98px) { .size { font-size: 1.5rem !important; } } @media (min-width: 768px) and (max-width: 991.98px) { .size { font-size: 1.4rem !important; } } @media (min-width: 992px) and (max-width: 1199.98px) { .size { font-size: 1.3rem !important; } } .colorwhite { color:white !important; } /*Cookie CSS*/ .cookie-notification-wrapper { display: block; z-index: 1001; max-width: 50%; width: 100%; background: #f1de83; padding: 14px 60px 12px 17px; position: fixed; right: 0; bottom: 0; border: 1px solid rgba(0,0,0,0.06); box-shadow: 3px 0px 40px rgba(0,0,0,.16); } @media screen and (max-width: 640px) { .cookie-notification-wrapper { position: relative; } } .cookie-notification-wrapper .close { position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; cursor: pointer; display: flex; justify-content: center; align-items: center; } .cookie-notification-wrapper .close:hover { background-color: rgba(0,0,0,0.1); border-radius: 50%; } .cookie-notification-wrapper p { font-size: 15px; line-height: 17px; font-family: serif; } .cookie-notification-wrapper { position: fixed; }