/* ======================================================================== Copyright (C) SKYSOFT, http://www.skysoftci.com ========================================================================== */ /* ======================================================================== Color WebSite: Color 1: Blue 283B90 Color 2: Grey 2D2D2D blue #283B90 red #EC2027 ========================================================================== */ /* ======================================================================== /* FONTS ========================================================================== */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700'); @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900'); html { overflow-x: hidden; height: 100%; } body { height: 100%;} *,*::after,*::before{ box-sizing:border-box } html { -webkit-backface-visibility: hidden; overflow-x: hidden } body { -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; } html, body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; color: #3e4249; font-family: "Open Sans" } /* General & Transition ========================================================================== */ *, *:after, *:before { box-sizing: border-box; } a, .anim { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } a, a img { outline: none!important; border: none; text-decoration: none;} h1, h2, h3, h4, h5, h6 { font-family: "Lato"!important;} .float-left { float: left;} .float-right { float: right;} .float-none { float: none;} .size-auto { width: 100%; max-width: 100%; height: auto;} .width10{width:10%;max-width:10%}.width20{width:20%;max-width:20%}.width25{width:25%;max-width:25%}.width30{width:30%;max-width:30%}.width33{width:33.333%;max-width:33.333%}.width35{width:35%;max-width:35%}.width40{width:40%;max-width:40%}.width50{width:50%;max-width:50%}.width60{width:60%;max-width:60%}.width66{width:66.667%;max-width:66.667%}.width70{width:70%;max-width:70%}.width75{width:75%;max-width:75%}.width80{width:80%;max-width:80%}.width90{width:90%;max-width:90%}.width100{width:100%;max-width:100%} .pb5{padding-bottom:5px!important}.pt5{padding-top:5px!important}.pb10{padding-bottom:10px!important}.pt10{padding-top:10px!important}.pb15{padding-bottom:15px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pb20{padding-bottom:20px!important}.pt25{padding-top:25px!important}.pb25{padding-bottom:25px!important}.pb30{padding-bottom:30px!important}.pt30{padding-top:30px!important}.pb35{padding-bottom:35px}.pt35{padding-top:35px!important}.pb40{padding-bottom:40px!important}.pt40{padding-top:40px!important}.pb50{padding-bottom:50px!important}.pt50{padding-top:50px!important}.pb60{padding-bottom:60px!important}.pt60{padding-top:60px!important}.pb70{padding-bottom:70px!important}.pt70{padding-top:70px!important}.pb80{padding-bottom:80px!important}.pt80{padding-top:80px!important}.pb90{padding-bottom:90px!important}.pt90{padding-top:90px!important}.pb100{padding-bottom:100px!important}.pt100{padding-top:100px!important}.pb130{padding-bottom:130px!important}.pt130{padding-top:130px!important}.pb150{padding-bottom:150px!important}.pt150{padding-top:150px!important}.pb200{padding-bottom:200px!important}.pt200{padding-top:200px!important}.pb300{padding-bottom:300px!important}.pt300{padding-top:300px!important} .mb5{margin-bottom:5px!important}.mt5{margin-top:5px!important}.mb10{margin-bottom:10px!important}.mt10{margin-top:10px!important}.mb15{margin-bottom:15px!important}.mt15{margin-top:15px!important}.mb20{margin-bottom:20px!important}.mt20{margin-top:20px!important}.mb25{margin-bottom:25px!important}.mt25{margin-top:25px!important}.mb30{margin-bottom:30px!important}.mt30{margin-top:30px!important}.mb40{margin-bottom:40px!important}.mt40{margin-top:40px!important}.mb50{margin-bottom:40px!important}.mt50{margin-top:40px!important} .pl15{padding-left:15px!important}.pr15{padding-right:15px!important} .uk-container { width: 100%!important; max-width: 1005px!important; margin: 0 auto!important; padding: 0!important;} .v-align { display: table!important; width: 100%; position: relative; height: 100%; } .v-align > .v-align-middle { display: table-cell!important; vertical-align: middle; width: 100%; margin: 0 auto!important; padding: 0!important; } .uk-cover { background-size: cover; background-position: center center; background-color: transparent; background-repeat: no-repeat;} .max-width { width: 90%; max-width: 1200px; margin: 0 auto; display: block; position: relative;} .max-content { max-width: 930px!important; margin: 0 auto; background: #fff; } .max500 { max-width: 500px!important; margin: 0 auto; } .max600 { max-width: 600px!important; margin: 0 auto; } .max700 { max-width: 700px!important; margin: 0 auto; } .max800 { max-width: 800px!important; margin: 0 auto; } .max900 { max-width: 900px!important; margin: 0 auto; } .max1000 { max-width: 1000px!important; margin: 0 auto; } .max100p { max-width: 1500px!important; margin: 0 auto; width: 96%; padding: 0 2%; } /* ======================================================================== /* Typo ========================================================================== */ /*Color and BG*/ .txt-red { color: #D0132F!important; } .txt-black { color: #000!important; } .txt-blue3 { color: #072635!important;} .txt-white { color: #fff!important;} .txt-blue { color: #283B90!important;} .bg-white { background: #fff!important;} .bg-blue { background: #0091A6 !important;;} .bg-blue2 { background: #1B4790 !important;} .bg-blue3 { background: #072635!important;} .bg-grey { background: #f1f2f4!important;} .bg-dark { background: #292929!important;} /* ======================================================================== /* layout ========================================================================== */ #main { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; transition: all 0.4s ease-in-out 0s; vertical-align: top; } /*.tm-headerbar { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; margin: 0!important; padding: 0!important; background: #fff; }*/ .tm-headerbar { position: relative; width: 100%; z-index: 100; margin: 0!important; padding: 0!important; background: #fff; } .tm-headerbar .tm-headerbar-wrapper { position: relative; padding: 10px 0;} .tm-navbar-left { text-align: left; margin-left: 30px;} .tm-navbar-right { text-align: right; } .tm-navbar-right .uk-button { background: #283B90; border: 0 solid #283B90!important; color: #fff; font-size: 13px; padding: 0 15px!important; margin-right: 30px; height: 36px!important; min-height: 36px!important; line-height: 36px!important;} .tm-navbar-right .uk-button:hover { background: #EC2027; color: #fff;} #offcanvas-button { display: block; text-align: center;} #offcanvas-button .uk-button { background: #283B90; border: 0 solid #283B90!important; color: #fff; font-size: 14px; padding: 0 30px!important; height: 50px!important; min-height: 50px!important; line-height: 50px!important; display: block;} #offcanvas-button .uk-button:hover { background: #EC2027; color: #fff;} .tm-menubar { position: relative; width: 100%; z-index: 100; margin: 0!important; padding: 0!important; text-align: center; background: #fff; border-top: 1px solid #dedede; box-shadow: rgba(0, 0, 0, 0.16) 1px 3px 6px 0px; } .tm-menubar .tm-menubar-wrapper { position: relative; } .tm-navbar { margin: 0 auto;} .uk-navbar-nav { display: block !important; float: none !important; margin: 0 auto !important; width: auto !important; } .uk-navbar-nav > li { margin: 0 !important; padding: 0 !important; } .uk-navbar-nav > li > a { font-family: "Lato" !important; position: relative; text-transform: uppercase; color: #283B90; background: #fff; font-size: 14px; line-height: 45px; height: 45px; font-weight: 600!important; margin: 0; padding: 0 40px; letter-spacing: .1em; cursor: pointer; } .uk-navbar-nav > li.uk-active > a { color: #fff!important; background: #EC2027;} .uk-navbar-nav > li > a:hover { color: #fff!important; background: #283B90; } #wrapper { position: relative; } #content-holder { padding: 0; margin: 0; height: 100%; background: #f1f2f4;} .tm-content { background: #f1f2f4;} #footer { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100; margin: 0!important; padding: 0!important; background: #fff; } #footer .footer-wrapper { position: relative; padding: 5px 30px;} .tm-headerbar, #footer, #wrapper { background: #fff;} #site-main { padding: 0 0 0 0; } #content-holder { background: #f1f2f4; } #footer-site { background: #283B90; } #footer-site .max-width { max-width: 1000px; width: 100%;} #footer-site .footer-site-wrapper { padding: 0 15px 60px;} #footer-site .footer-texte p { display: block; text-align: center; padding: 30px 0!important; margin: 0 auto 30px auto!important; font-size: 26px!important; line-height: 30px!important; border-bottom: 1px solid rgba(255,255,255,0.2) } #footer-site h6 { margin: 0 0 10px 0!important; font-size: 18px; line-height: 19px; color: #fff;} #footer-site p { color: #fff; font-size:16px; line-height: 22px;} #footer-site .footer-copyright p { margin-top: 15px; } #footer-site .footer-menu { list-style-type: none; margin: 0!important; padding: 0!important } #footer-site .footer-menu li { margin: 0!important; padding: 0!important } #footer-site .footer-menu li a { margin: 0; padding: 0; color: #fff; font-size: 16px; line-height: 30px; } #footer-site .footer-menu li a:hover { color: #EC2027; } #footer-site .social-bottom-links { margin-top: 20px;} #footer-site .social-bottom-links a { margin: 0 8px;} .uk-footer-grid { margin-left: -20px; } .uk-footer-grid > * { padding-left: 20px; } .uk-footer-one { text-align: left; width: 30%;} .uk-footer-two { text-align: left; width: 35%;} .uk-footer-three { text-align: left; width: 35%;} .uk-footer-four { text-align: center;width: 20%;} #footer .socials { margin: 0; padding: 0;} #footer .socials a.uk-icon-button { width: 30px; height: 30px; line-height: 30px; background: #283B90; } #footer .socials a.uk-icon-button:hover { background: #2D2D2D; } #footer .copyright, #footer .copyright a { font-size: 11px!important; line-height: 30px!important; color: #2D2D2D; text-transform: uppercase; font-weight: 700; font-family: "Lato"; } #footer .copyright, #footer .copyright a:hover { color: #283B90!important;} #suggest-btn { position: fixed; background: #EC2027; color: #fff; font-size: 16px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; padding: 10px 50px 15px 40px; border-radius: 0 0 36px 8px !important; right: auto; bottom: auto; left: 45px; bottom: 5%; -webkit-transform: rotate(-90deg) translate3d(0, 0, 0) scale(1) !important; transform: rotate(-90deg) translate3d(0, 0, 0) scale(1) !important; -webkit-transform-origin: bottom left !important; transform-origin: bottom left !important; } .popup-zoom-in.mfp-bg { background: rgba(0, 0, 0, 0.8) !important; } .popup-zoom-in { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8) } .popup-zoom-in.mfp-ready { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .popup-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out } .popup-zoom-in.mfp-ready.mfp-bg { opacity: 0.95 } .popup-zoom-in.mfp-removing { opacity: 0 } .popup-zoom-in.mfp-removing.mfp-bg { opacity: 0 } .mfp-wrap.popup-zoom-in .mfp-content { max-width: 470px; height: auto!important; min-height: 600px!important; } /* HOME ----------------------------------------------------------------------------------------------------*/ /* Slider */ #home-slider .slick-slider { background: #fff; position: relative; overflow: hidden; } #home-slider .slick-slider .slick-dots { bottom: 15px !important; } #home-slider .slick-slider .slick-dots li, #home-slider .slick-slider .slick-dots li button, #home-slider .slick-slider .slick-dots li button::before { width: 15px; height: 15px; transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; } #home-slider .slick-slider.slick-dotted { margin-bottom: 0!important; } #home-slider .slick-slider .slick-dots li button { margin: 0 10px 0 !important; } #home-slider .slick-slider .slick-dots li button:before { background: #283B90!important; opacity: 1; border: 2px solid #283B90 !important; width: 12px; height: 12px;border-radius: 50%; } #home-slider .slick-slider .slick-dots li.slick-active button:before { border: 2px solid #EC2027!important; background: #EC2027!important; } #home-slider .slick-slider .slider-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #home-slider .slick-slider .slider-content { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; } #home-slider .slick-slider .slider-content .slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2) url('../images/pattern-overlay.png') top left repeat;} #home-slider .slick-slider .caption-inner { text-align: center; opacity: 0.0; max-width: 80%; width: 80%; position: absolute; top: 50%; left: 50%; z-index: 10; transition: all 0.5s ease 0.6s; -webkit-transition: all 0.5s ease 0.6s; -moz-transition: all 0.5s ease 0.6s; -o-transition: all 0.5s ease 0.6s; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); } #home-slider .slick-slider .slick-slide .caption-inner h2 { position: relative; text-align: center; margin: 0 0 5px 0 !important; padding: 0 !important; color: #fff; font-family: "Lato"; font-size: 48px; font-weight: 900!important; line-height: 50px; text-transform: uppercase; word-wrap: break-word !important; letter-spacing: 1px !important; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1.5s 1.3s; -moz-transition: all 1.5s 1.3s; -ms-transition: all 1.5s 1.3s; -o-transition: all 1.5s 1.3s; transition: all 1.5s 1.3s; } #home-slider .slick-slider .slick-slide .caption-inner h3 { position: relative; text-align: center; color: #fff!important; font-family: "Lato"; font-weight: 400 !important; font-size: 28px; line-height: 30px !important; word-wrap: break-word !important; padding: 0 !important; margin: 0; display: block !important; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 1.5s 1.3s; -moz-transition: all 1.5s 1.3s; -ms-transition: all 1.5s 1.3s; -o-transition: all 1.5s 1.3s; transition: all 1.5s 1.3s; } #home-slider .slick-slider .slick-slide .caption-inner .slide-intro { position: relative; text-align: center; color: #fff!important; font-family: "Lato"; font-weight: 400!important; font-size: 28px; line-height: 30px !important; word-wrap: break-word !important; padding: 5px 0 !important; margin: 0; display: block !important; } #home-slider .slick-slider .slick-slide .slide-button { display: inline-block; border: 2px solid #ffc627; padding: 4px 30px; border-radius: 50px; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 600; margin-top: 15px;} #home-slider .mask-up { min-height: 50px; overflow: hidden;} #home-slider .slick-slider .slick-slide.slick-active .caption-inner { opacity: 1.0; margin-bottom: 0; } #home-slider .slick-slider .slick-slide.slick-active h2 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1.5s 0.1s; -moz-transition: all 1.5s 0.1s; -ms-transition: all 1.5s 0.1s; -o-transition: all 1.5s 0.1s; transition: all 1.5s 0.1s; } #home-slider .slick-slider .slick-slide.slick-active h3 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1.5s 0.1s; -moz-transition: all 1.5s 0.1s; -ms-transition: all 1.5s 0.1s; -o-transition: all 1.5s 0.1s; transition: all 1.5s 0.1s;} #home-slider .slick-slider img { min-height: 60vh!important; height: 60vh!important;} /* Arrows */ #home-slider .slick-slider .slick-prev, #home-slider .slick-slider .slick-next{z-index:10;font-size:0;line-height:0;position:absolute;top:50%;display:block;width:40px;height:60px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;} #home-slider .slick-slider .slick-prev{background:transparent url('../images/arrow-left.png') center;background-size:cover;opacity:1} #home-slider .slick-slider .slick-next{background:transparent url('../images/arrow-right.png') center;background-size:cover;opacity:1;} #home-slider .slick-slider .slick-prev:hover,#home-slider .slick-slider .slick-prev:focus{opacity:1.0!important;margin-left:-10px;} #home-slider .slick-slider .slick-next:hover,#home-slider .slick-slider .slick-next:focus{opacity:1.0!important;margin-right:-10px;} #home-slider .slick-slider .slick-prev{left:25px;} #home-slider .slick-slider .slick-prev:before{content:'';} #home-slider .slick-slider .slick-next{right:25px;} #home-slider .slick-slider .slick-next:before{content:'';} /*About*/; #home-about .block { } #home-about .block .block-wrapper { position: relative; padding: 20px 0 30px; } #home-about .welcome-texte { margin: 0 auto; max-width: 900px!important; } #home-about h2.welcome-title { margin: 0 0 20px; font-weight: 700; color: #283B90!important; font-size: 40px; line-height: 50px; text-align: center; } #home-about p { margin: 0; font-size: 17px; line-height: 24px; font-weight: 400; color: #848991; word-wrap: break-word; } /* INNER PAGE ----------------------------------------------------------------------------------------------------*/ /*COVER PAGE*/ #hero-page { overflow: hidden;} #hero-page .block-wrapper { padding: 100px 0!important; position: relative; } #hero-page.hero-small .block-wrapper { padding: 100px 0!important; } #hero-page .page-title { text-align: center; font-size: 55px; font-weight: 900!important; line-height: 65px; padding-bottom: 20px!important; margin: 0 auto!important; text-transform: uppercase; color: #fff; position: relative; text-shadow: 2px 3px 4px rgba(0,0,0,0.3); } #hero-page .page-title:before { content: ""; height: 5px; background-color: #283B90; display: inline-block; position: absolute; bottom: 0; left: 50%; margin-left: -50px; width: 100px; } #hero-page .block-overlay-pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(21,40,75,0.45) url('../images/pattern-overlay.png') top left repeat;} .block-title h2 { color: #EC2027!important; font-family: "Lato"; font-size: 55px;line-height: 55px; font-weight: 300!important; letter-spacing: 1px; margin: 0 auto 30px; padding: 0!important; } .block-title .block-intro p { margin: 0 auto; padding: 15px 0 0 0; font-size: 19px; line-height: 26px; letter-spacing: 0.2px; font-weight: normal; } #references-page #hero-page .uk-cover { background-size: 100%; background-position: 0 -130px} #partner-page #hero-page .uk-cover { background-size: 100%; background-position: 0 -60px} #contacts #hero-page .uk-cover { background-size: 100%; background-position: 0 -120px} /*SERVICES LISTING*/ #services-listing { padding: 30px 30px 60px;} #services-listing .service-item { background: #fff; } #services-listing .service-image-wrapper { padding: 0!important;} #services-listing .service-image-wrapper .uk-panel { } #services-listing .service-image-wrapper .service-image img { vertical-align: middle; display: inline-block; height: auto; max-width: 100%; -webkit-box-shadow: none; box-shadow: none; } #services-listing .service-texte-wrapper .uk-panel {} #services-listing .service-titre { font-size: 25px; line-height: 35px; color: #283B90; font-weight: 700; margin-bottom: 20px; padding-bottom: 20px; position: relative;} #services-listing .service-titre::after { content: ""; height: 5px; background-color: #283B90; display: inline-block; position: absolute; bottom: 0; left: 0; width: 60px; } #services-listing .service-intro p { font-size: 18px; line-height: 25px;} #services-listing .service-readmore a { margin-top: 15px;} #services-listing .service-texte-wrapper .uk-panel { padding: 30px;} #services-listing .service-image-wrapper .uk-panel { padding: 0;} #services-listing .uk-grid-item:nth-child(2n+1) .service-item-grid .service-texte-wrapper { order:99;} #services-listing .uk-grid-item > .uk-panel { padding: 30px 0;} /*Partenaire/Client Logo Grid*/ .logo-grid .logo-item > .uk-panel { margin-bottom: 30px; padding: 15px; background: #fff; } .logo-grid { margin-left: -30px; } .logo-grid > * { padding-left: 30px; } /* Contact ----------------------------------------------------------------------------------------------------*/ #contact-info .block-wrapper { padding: 40px; } #contact-info .contact-info-grid { background: #fff; } #contact-info .contact-texte .uk-panel { background: #283B90; padding: 30px 20px 30px 50px; } #contact-info .contact-texte h2.contact-info-title { color: #FFF; font-size: 30px; line-height: 30px; margin: 0 0 15px!important; } #contact-info .contact-texte .contact-info-texte { color: #fff; font-size: 20px; line-height: 24px; margin-bottom: 15px; } #contact-info .contact-info-values .contact-info-value { color: #fff; margin-bottom: 10px; } #contact-info .contact-info-values .contact-info-value p { font-size: 16px; line-height: 22px; margin: 0!important; padding: 0 0 10px!important;} #contact-info .contact-info-values .contact-info-value i { position: relative;font-size: 15px; height: 30px; width: 30px; line-height: 30px;} #contact-info .contact-info-values .contact-info-value i.uk-icon-mobile { font-size: 23px;} #contact-info .contact-info-values .contact-info-value .uk-width-1-6 { width: 6%; } #contact-info .contact-info-values .contact-info-value .uk-width-5-6 { width: 94%; } #contact-info .contact-image img { height: 100%; width: 100%;} #contact-form .cn_title { color: #FFF; font-size: 30px; line-height: 30px; margin: 0 0 15px!important; } #contact-form .cn_intro { } /*Form*/ #userForm .formContainer { margin: 30px 0; padding: 0; width: 100% !important; float: none; } #userForm .formFieldset { border: none; } #userForm li.rsform-block { display: block; width: 100%; margin: 0; margin: 0 0 15px 0 !important; float: none !important; } #userForm .formCaption2 { display: block; width: 100%; font-size: 13px; line-height: 14px; padding: 0 0 5px 0; color: #343434 !important; } #userForm .formRequired { font-size: 9px; line-height: 13px; color: #aaa; } #userForm .formBody { width: 100%; display: block !important; float: none !important; } #userForm .formBody p { color: #333; line-height: 20px; font-size: 14px; text-align: center; } #userForm .rsform-input-box { display: block !important; padding: 8px 5px 8px 8px; width: 98%; } #userForm .formDescription { display: none; } #userForm .rsform-text-box { padding: 8px; width: 98%; height: 220px; } #userForm .rsform-block-envoyer { display: block; text-align: center !important; width: 100%; } #userForm input.rsform-submit-button, #userForm input.rsform-reset-button { border-radius: 0px; text-decoration: none; padding: 0px 63px !important; margin-top: 22px !important; font-size: 12px; line-height: 60px!important; text-transform: uppercase; font-family: "Lato", sans-serif !important; font-weight: 400 !important; letter-spacing: 3px !important; display: block !important; width: 100%; background: #283B90 !important; border: 1px solid #283B90 !important; color: #FFF !important; transition: all 0.5s ease 0s; } #userForm input.rsform-submit-button:hover,#userForm input.rsform-submit-button:active { border: 1px solid #EC2027 !important; background: #EC2027!important; color: #fff; } #rsform_error_1 { background: #fad5d8; border: 1px solid #fad5d8; text-align: center; padding: 20px 0; margin: 15px auto 5px auto !important; } #rsform_error_1 p { color: #e63f4a; font-size: 13px !important; line-height: 15px !important; text-align: center; margin: 0 auto !important; padding: 0 5px !important; } #userForm .formCaption2 { display: none; } #userForm .rsform-input-box, #userForm .rsform-text-box { display: block; padding: 8px 5px 8px 5px; width: 98%; margin-bottom: 5px !important; border: none !important; background: #efefef !important; border-bottom: 1px solid #283B90 !important; font-family: 'Lato'; font-weight: 400 !important; color: #343434 !important; font-size: 16px !important; line-height: 15px !important; letter-spacing: 0px !important; transition: background-color 0.5s ease 0s, border 0.5s ease 0s; -webkit-transition: background-color 0.5s ease 0s, border 0.5s ease 0s; -moz-transition: background-color 0.5s ease 0s, border 0.5s ease 0s; -o-transition: background-color 0.5s ease 0s, border 0.5s ease 0s; } #userForm .rsform-input-box { height: 40px; } #userForm .rsform-text-box { height: 130px !important; } #userForm .rsform-input-box:focus, #userForm .rsform-text-box:focus { border-bottom: 1px solid #efefef !important; background: #fff !important; } [id*="g-recaptcha-"] > div { margin: 0 auto; text-align: center; } /* ======================================================================== /* Responsive Media Queries ========================================================================== */ /* Large screen and bigger */ @media (min-width: 1220px) { } /* Only Tablets (Portrait) */ @media (min-width: 768px) and (max-width: 959px) { } /* iPad Mini Portrait */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { } /* iPad Mini Landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) { } /* Only Tablets (Portrait) and Phones (Landscape) */ @media (min-width: 480px) and (max-width: 959px) { } /* Only Phones (Landscape) */ @media (min-width: 480px) and (max-width: 767px) { } /* Only Phones (Portrait) */ @media (max-width: 479px) { .section-wrapper .pl30{padding-left:15px !important;} .section-wrapper .pl30 .uk-grid > div{padding-left:0 !important;} .section-wrapper .pr30{padding-right:15px !important;} } @media (max-width: 600px) { } @media only screen and (max-device-width : 767px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) { } /* Phone landscape and smaller */ @media (max-width: 767px) { .uk-offcanvas-bar { background: #eee; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); } #logo-offcanvas { display: block; text-align: center!important; } #logo-offcanvas img { max-width: 80px; margin: 0 auto; } .uk-nav-offcanvas > li { border-bottom: 1px solid #f1f1f1 !important; padding: 0 !important; line-height: 25px !important; } .uk-nav-offcanvas li a { margin-bottom: 5px; background: #fff !important; color: #283B90 !important; font-size: 17px !important; line-height: 17px !important; padding: 20px 0 20px 30px !important; text-align: left; text-transform: uppercase; } .uk-nav-offcanvas li a:hover, .uk-nav-offcanvas li a:active, .uk-nav-offcanvas li a:focus { background: #EC2027 !important; color: #fff !important; } .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: #EC2027!important; color: #fff !important; } .width20 ,.width25 ,.width30 ,.width33,.width35 ,.width40 ,.width50,.width60 ,.width66,.width70,.width75,.width80 ,.width100 { width: 100%; max-width: 100%;} .tm-headerbar { position: relative; top: auto; left: auto; } .module-block [class*="uk-width"] { width: 100%;} #userForm input.rsform-submit-button,#userForm input.rsform-reset-button { width: 95%;} #content-holder{margin:0 15px;} .tm-headerbar .tm-headerbar-wrapper{padding:5px 15px;} #content-holder{padding:50px 0;} #home-slider img { height: 60vh;} #home-slider .slick-slider .slick-slide .caption-inner h2 { font-size: 30px; line-height: 34px;} #home-slider .slick-slider .slick-prev, #home-slider .slick-slider .slick-next { display: none!important;} #services-listing .uk-grid-item:nth-child(2n+1) .service-item-grid .service-texte-wrapper { order:0;} #contact-info .block { margin-top: 15px!important;} #contact-info .contact-texte .uk-panel { padding: 20px!important;} .contact-info-value .uk-width-1-6 { width: 20%!important; } .contact-info-value .uk-width-5-6 { width: 80%!important;} #contact-info .block-wrapper { padding: 0 10px;} .uk-footer-grid { text-align: center!important;} .uk-footer-grid { margin-left: -20px; } .uk-footer-grid > * { padding-left: 20px; } .uk-footer-one { text-align: left; width: 100%;} .uk-footer-two { text-align: left; width: 100%;} .uk-footer-three { text-align: left; width: 100%;} .uk-footer-four { text-align: center;width: 100%;} #footer-site h6 { margin-top: 20px!important;} #footer-site p, #footer-site h6,#footer-site .footer-menu li a, .footer-logo { text-align: center!important;} #footer-site .footer-menu li a { display: block; } }