/* http://www.clde.fr V1.0 | 20121608 License: clde (http://www.clde.fr) Author : Originalex WebSite */ /* ********** CSS */ body { font-family: 'Raleway', sans-serif; color: #000; background:#fafafa url(../img/fd_bck.png) 50% 0 no-repeat; position: relative; } a { color: #43abc7; text-decoration: none; } a:hover { color: #43ABC7; text-decoration: none; } h1 { font-size: 22px; font-weight: bold; font-family: 'Raleway', sans-serif; } h2 { font-size: 26px; font-weight: 300; color: #032A46; font-family: 'Raleway', sans-serif; text-transform: uppercase; } h3 { font-size: 14px; font-weight: bold; color: #000D20; font-family: 'Raleway', sans-serif; } p { font-size: 14px; margin: 10px 0; font-family: 'Raleway', sans-serif; color: #3F3F3F; line-height: 20px; text-align: justify; } /* ********** CSS GENERAL */ .displayNone {display:none; } .visibilityHidden {visibility:hidden; } .displayBlock {display:block; } .clearBlocks {clear:both; overflow:hidden; visibility:hidden; width:99%; height:0; line-height:0; font-size:0; margin:0; padding:0; border:0; background-color:transparent;} .clearBlocks.sep { visibility: visible; border-bottom: 1px solid #f1f1f1; width: 100%; } #footer .clearBlocks.sep { visibility: visible; border-bottom: 1px solid #f9f9f9; width: 100%; } .number { font-family: 'Noto Sans', sans-serif; } span.bold .number { font-weight: 600; } .cap { font-family: 'Raleway', sans-serif; color: #002B46; } .bold { font-family: 'Raleway', sans-serif; font-weight: 700; } .floatNone { float: none !important; } .blockLeft {float:left !important; } .blockRight {float:right !important; } .alignLeft { float: left; } .alignRight { float: right; } .txtAlignLeft {text-align:left;} .txtAlignRight {text-align:right;} .txtAlignCenter {text-align:center;} .txtUppercase {text-transform:uppercase;} .alignTop {vertical-align:top !important;} .alignMiddle {vertical-align:middle !important;} .alignBottom {vertical-align:bottom !important;} .backgroundCleared {background-image:none !important; background-color:transparent !important;} .borderCleared {border-width:0 !important;} .clearfix { *zoom: 1;} .paddingSmll { padding: 5px; } .paddingBox { padding: 10px; } .paddingLeft { padding-left: 20px; } .paddingRight { padding-right: 20px; } .marginMid { margin: 10px 0 !important; } .marginTop { margin-top: 10px !important; } .marginBottom { margin-bottom: 10px !important; } .marginBottom20 { margin-bottom: 20px !important; } .marginBottomNone { margin-bottom: 0 !important; } .marginLeft { margin-left: 10px !important; } .noMargin { margin: 0!important; } .noMarginTop { margin-top: 0!important; } .noBorderBottom { border-bottom: 0 none !important; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .hidden { display: none !important; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .borderRadiusX5 { border-radius: 5px; } .borderRadiusInside { border-radius: 4px; } .borderRadiusUpInside { border-radius: 4px 4px 0 0; } .boxShadow { -webkit-box-shadow: inset 0px 0px 5px 0px #6EA6CA; box-shadow: inset 0px 0px 5px 0px #6EA6CA; } .textShadowInside { text-shadow: 0 -1px rgba(0, 0, 0, 0.6); } .textShadow { text-shadow: 0 2px 0 rgba(255, 255, 255, 0.7); } .containPhoto { padding: 0; } .box { border: 1px solid #ebebeb; overflow: hidden; background: #FFF; background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f3)); background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f3 100%); background: -o-linear-gradient(top, #ffffff 0%,#f4f4f3 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f3 100%); background: linear-gradient(to bottom, #ffffff 0%,#f4f4f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f3',GradientType=0 ); } .txtSmaller { font-size: 12px; } .txtMoy { font-size: 14px; } .lineHeightx18 { line-height: 18px !important; } .lineHeightx27 { line-height: 27px !important; } .lineHeightx27 strong { display: block; font-size: 20px; margin-bottom: -8px; text-transform: uppercase; } .lineHeightx27.title-met { padding: 10px 12px; background-color: #fafafa; border: 1px solid #f0f0f0; border-left: 10px solid #efefef; } .lineHeightx27.title-met strong { color: #43abc7; display: block; font-size: 20px; margin-bottom: -8px; text-transform: uppercase; } .sepOne { height: 10px; display: block; } .white { color: #FFF !important; } .red { background-color: #bd081a; border: 1px solid #760000; color: white; display: block; margin-top: 20px; padding: 5px; text-align: center; } .required { color: #C0281B; } .fullDiv { width: 100%; } /* ********** CSS COLOR */ .colorBlack { color: #020F20 !important; } .blue { border: 1px solid #f1f1f1; color: #1fc4fa; font-family: "Raleway",sans-serif; font-size: 14px; font-weight: bold; padding: 1px 5px; } .white { color: #FFF !important; } span.icoCom-more { background-color: #f9f4f4;width: 20px; height: 20px; display: inline-block; color: black; border-radius: 20px; position: relative; top: 5px; margin-right: 9px; } span.icoCom-more:before { content: "+"; position: absolute; top: 1px; left: 5px; font-size: 28px; color: #626262; font-weight: 500; } .overlayFull { background-color: rgba(255, 255, 255, 0); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999991; } .btn-knowmore { display: inline-block; background-color: rgba(0,0,0,0.8); border-bottom: 2px solid #0098c9; color: #f1f1f1; font-size: 10px; text-transform: uppercase; font-family: raleway, sans-serif; font-weight: 400; padding: 10px 12px 7px; border-radius: 5px; transition: all 0.5s ease; } .btn-knowmore:hover { background-color: #34aadc; color: #FFF; } /* make keyframes that tell the start state and the end state of our object */ @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } .fade-in { opacity:0; /* make things invisible upon start */ -webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s; } .g-link { } .success-message, .error-message { position: absolute; background: white; top: 50%; left: 50%; padding: 80px; transform: translate(-50%, -50%); z-index: 1000; border-radius: 10px; box-shadow: 0 1px 11px rgba(0, 0, 0, 0.5); } .imgs-wrap { position: relative; margin: 0 -15px 0 -14px; } .imgs-wrap img { width: 100%; height: 100%; vertical-align: top; } .fade-in.one { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; } .fade-in.two { -webkit-animation-delay: 0.2s; -moz-animation-delay:0.2s; animation-delay: 0.2s; } .fade-in.three { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; } .fade-in.four { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; } .fade-in.five { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; animation-delay: 0.8s; } .fade-in.six {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } .fade-in.seven {-webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; } .fade-in.eight {-webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; animation-delay: 1.4s; } .fade-in.nine {-webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s; } .fade-in.ten {-webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; animation-delay: 1.8s; } /* ********** CSS BUTTON */ .blockLink a { border-radius: 2px; color: #FFF; font-size: 10px; padding: 2px 10px; background: #1e5799; background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #07b6ff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#07b6ff)); background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#07b6ff 100%); background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#07b6ff 100%); background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#07b6ff 100%); background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#07b6ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#07b6ff',GradientType=0 ); } .BtnTarifs { text-align: center; -moz-box-shadow:outset 0px 1px 0px 0px #f0f7fa; -webkit-box-shadow:outset 0px 1px 0px 0px #f0f7fa; box-shadow:outset 0px 1px 0px 0px #f0f7fa; background: #012743; -moz-border-radius:7px; -webkit-border-radius: 7px; border-radius: 7px; border: 2px solid #010E1F; display: inline-block; position: relative; min-width: 180px;color: #6EA6CA; font-weight: bold; font-family: 'Raleway', sans-serif; font-size: 16px; padding: 6px 11px 10px; text-decoration: none; text-shadow: 0px 1px 0px #5b6178; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .BtnTarifs span { background: url(../ico/euros.png) no-repeat; position: absolute; top: -12px; left: -7px; width: 38px; height: 50px; } .BtnTarifs:hover { color: #FFF; border: 2px solid #70ACE6; background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ } .BtnTarifs:active { position: relative; top: 1px; } /*span.icoCom { float: left; background: url(../ico/icone_stat.png) no-repeat; font-size: 14px; display: block; width: 13px; height: 13px; margin: 4px 8px 0 0; } span.ico_diplome { float: left; background: url(../ico/diplomes.png) no-repeat; display: block; width: 26px; height: 32px; margin: 4px 8px 0 0; } span.ico-serp { float: left; background: url(../img/common/result-search.png) no-repeat; display: block; width: 28px; height: 25px; margin: 2px 5px 0 0; } span.ico-serp { float: left; background: url(../img/common/result-search.png) no-repeat; display: block; width: 28px; height: 25px; margin: 2px 5px 0 0; } span.MmEpilationLaser { position: absolute; top: 0; right: 0; background: url(../ico/mobile/menu/epilationLaser.png) no-repeat; background-size: 100%; display: block; width: 32px; height: 30px; } span.MmDetatouage { position: absolute; top: 0; right: 0; background: url(../ico/mobile/menu/detatouage.png) no-repeat; background-size: 100%; display: block; width: 32px; height: 30px; } span.MmCouperoseAngiome { position: absolute; top: 0; right: 0; background: url(../ico/mobile/menu/couperoseAngiome.png) no-repeat; background-size: 100%; display: block; width: 32px; height: 30px; } span.MmTachesBrunes { position: absolute; top: 0; right: 0; background: url(../ico/mobile/menu/tachesBrunes.png) no-repeat; background-size: 100%; display: block; width: 32px; height: 30px; } span.MmCicatrices { position: absolute; top: 0; right: 0; background: url(../ico/mobile/menu/cicatrices.png) no-repeat; background-size: 100%; display: block; width: 32px; height: 30px; } span.MmRajeunissementVisage { position: absolute; top: 0; right: 0; background: url(../ico/mobile/menu/rajeunissementVisage.png) no-repeat; background-size: 100%; display: block; width: 32px; height: 30px; } span.MmPeelings { position: absolute; top: 0; right: 0; background: url(../ico/mobile/menu/peelings.png) no-repeat; background-size: 100%; display: block; width: 32px; height: 30px; } span.MmComblementBotox { position: absolute; top: 0; right: 0; background: url(../ico/mobile/menu/comblementBotox.png) no-repeat; background-size: 100%; display: block; width: 32px; height: 30px; } span.MmCentre { position: absolute; top: 0; right: 0; background: url(../ico/mobile/menu/centre.png) no-repeat; background-size: 100%; display: block; width: 32px; height: 30px; } span.MmLasers { position: absolute; top: 0; right: 0; background: url(../ico/mobile/menu/lasers.png) no-repeat; background-size: 100%; display: block; width: 32px; height: 30px; } span.telFix { background: url(../img/mobile/contact/telephone-fix.png) no-repeat; background-size: 100%; display: block; width: 16px; height: 16px; float: left !important; margin: 4px 5px 0 0 !important; } span.telMobile { background: url(../img/mobile/contact/telephone-mobile.png) no-repeat; background-size: 100%; display: block; width: 16px; height: 16px; float: left !important; margin: 4px 5px 0 0 !important; }*/ /* ********** CSS INPUT */ #searchBox { height: 28px; } #searchBox #search { } #searchBox #search input[type="text"] { background: url(../img/common/search-white.png) no-repeat 9px 8px #031120; border: 1px solid transparent; font: 300 14px 'Raleway', sans-serif; color: #43ABC6; width: 150px; padding: 6px 15px 6px 33px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } #searchBox #search input[type="text"]:focus { background: url(../img/common/search-dark.png) no-repeat 9px 8px #fcfcfc; width: 200px; } #searchBox #search input[type="text"]:hover { border: 1px solid #02AFFF; -webkit-box-shadow: 1px 0px 5px 1px #01B4FD; box-shadow: 1px 0px 5px 1px #01B4FD; } .js-scrollTo { display: none; bottom: 5%; height: 58px; position: fixed; right: 4%; text-align: center; width: 58px; z-index: 9999; } .js-scrollTo a { background: rgba(0, 0, 0, 0) url(../ico/scrollTopBtn.png); cursor: pointer; display: block; height: 58px; margin: 12px 0 5px 12px; width: 58px; } /* CUSTOM ARROW SLIDER */ .slick-prev.slick-arrow { position: absolute; top: 50%; left: -20px; z-index: 999; background: url(../img/sprite-clde-deskt.png) 0 0; width: 14px; height: 22px; border: 0 none; text-indent: -4999px; cursor: pointer; } .slick-next.slick-arrow { position: absolute; top: 50%; right: -20px; z-index: 999; background: url(../img/sprite-clde-deskt.png) -16px 0; width: 14px; height: 22px; border: 0 none; text-indent: -4999px; cursor: pointer; } .mm-listview > li > a.select { background-color: rgba(0,0,0,0.2); color: #FFF; font-weight: bold; } html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li.select { background-color: #0C1416; color: #FFF; } .bg-cover-mobile { display: none; } /* ********************************************************************************************************************************************************* * \o/ BEGIN SPACEWEBSITE * ********************************************************************************************************************************************************* */ .content-slide { position: relative; } .content-slide #loading { background: rgb(44,212,248); background: -moz-radial-gradient(center, ellipse cover, rgba(44,212,248,1) 0%, rgba(1,158,255,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(44,212,248,1) 0%,rgba(1,158,255,1) 100%); background: radial-gradient(ellipse at center, rgba(44,212,248,1) 0%,rgba(1,158,255,1) 100%); color: black; display: block; z-index: 999; height: 100%; width: 100%; left: 0; line-height: 60px; position: absolute; text-align: center; top: 0; width: 100%; } .blob { width: 2rem; height: 2rem; background: rgba(230,230,230,0.85); border-radius: 50%; position: absolute; left: calc(50% - 1rem); top: calc(50% - 1rem); box-shadow: 0 0 1rem rgba(255, 255, 255, 0.25); } .blob-2 { animation: animate-to-2 1.5s infinite; } .blob-3 { animation: animate-to-3 1.5s infinite; } .blob-1 { animation: animate-to-1 1.5s infinite; } .blob-4 { animation: animate-to-4 1.5s infinite; } .blob-0 { animation: animate-to-0 1.5s infinite; } .blob-5 { animation: animate-to-5 1.5s infinite; } @keyframes animate-to-2 { 25%, 75% { transform: translateX(-1.5rem) scale(0.75); } 95% { transform: translateX(0rem) scale(1); } } @keyframes animate-to-3 { 25%, 75% { transform: translateX(1.5rem) scale(0.75); } 95% { transform: translateX(0rem) scale(1); } } @keyframes animate-to-1 { 25% { transform: translateX(-1.5rem) scale(0.75); } 50%, 75% { transform: translateX(-4.5rem) scale(0.6); } 95% { transform: translateX(0rem) scale(1); } } @keyframes animate-to-4 { 25% { transform: translateX(1.5rem) scale(0.75); } 50%, 75% { transform: translateX(4.5rem) scale(0.6); } 95% { transform: translateX(0rem) scale(1); } } @keyframes animate-to-0 { 25% { transform: translateX(-1.5rem) scale(0.75); } 50% { transform: translateX(-4.5rem) scale(0.6); } 75% { transform: translateX(-7.5rem) scale(0.5); } 95% { transform: translateX(0rem) scale(1); } } @keyframes animate-to-5 { 25% { transform: translateX(1.5rem) scale(0.75); } 50% { transform: translateX(4.5rem) scale(0.6); } 75% { transform: translateX(7.5rem) scale(0.5); } 95% { transform: translateX(0rem) scale(1); } } #wrapper { width: 970px; margin: 0 auto; padding: 0 10px; display: block; font-family: 'Raleway', sans-serif; } @media only screen and (min-width: 1220px) { #wrapper { width: 1220px; } } #canvas { width: 100%; left: 0; top: 0; position: absolute; } .animation { overflow: hidden; position: absolute; width: 100%; height: 100%; } .titleCond { font-family: 'Lato', sans-serif; font-weight: 600 !important; } .slick-list { } .slide-clde { position: relative; } .slide-clde .up { background: rgb(44,212,248); background: -moz-radial-gradient(center, ellipse cover, rgba(44,212,248,1) 0%, rgba(1,158,255,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(44,212,248,1) 0%,rgba(1,158,255,1) 100%); background: radial-gradient(ellipse at center, rgba(44,212,248,1) 0%,rgba(1,158,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cd4f8', endColorstr='#019eff',GradientType=1 ); } .slide-clde #canvas { } .slide-clde h1 { margin: 0 0 0 0 !important; font-weight: 100; position: absolute; top: 32px; left:0; width: 100%; color: #eaeaea; text-shadow: 0 0 11px #000000; font-size: 22px; text-align: center; text-transform: uppercase; } .slide-clde h1 strong { display: block; font-size: 18px; margin-top: 10px; } /* ********** CSS HEADER */ #header { position: relative; display: block; } #logoCLDE { display: block; background: url(../img/LogoCLDE.png); float: right; width: 487px; height: 109px; } #logoCLDE .title-h1 { text-indent: -4000px; } #logoCLDE p { text-indent: -4000px; } #header object { height: 250px; display: block; } #menuWrap { position: relative; display: block; } #searchBox { position: absolute; bottom: 14px; right: 10px; } /* ********** CSS MENU - HEADER */ #nav { width: 100%; margin: 0; padding: 10px 0 0 0; list-style: none; background: url(../img/menu_header.png); } #nav li { float: left; padding: 0 0 10px 0; position: relative; display: block; } /*#nav li:hover a { border: 1px solid #02AFFF; -webkit-box-shadow: 1px 0px 5px 1px #01B4FD; box-shadow: 1px 0px 5px 1px #01B4FD; }*/ #nav li ul li a { border: none; -webkit-box-shadow: none; box-shadow: none; } #nav li ul li ul li a { border: none; -webkit-box-shadow: none; box-shadow: none; } #nav li:hover ul li a { border: none; -webkit-box-shadow: none; box-shadow: none; } #nav li:hover ul li ul li a { border: none; -webkit-box-shadow: none; box-shadow: none; } #nav a { margin-left: 5px; float: left; height: 25px; padding: 0 20px; font-family: 'Raleway', sans-serif; font-weight: 600; color: #94ccdc; text-transform: uppercase; font-size: 15px; line-height: 22px; text-decoration: none; text-shadow: 0 1px 0 #282828; display: block; border: 1px solid transparent; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } #nav li a.select { color: #FFF; } #nav li:hover > a { color: #fafafa; } *html #nav li a:hover { /* IE6 */ color: #fafafa; } #nav li:hover > ul { display: block; } /* Sub-nav */ #nav ul { list-style: none; margin: 0; padding: 0; display: none; position: absolute; top: 35px; left: 0; z-index: 99999; background-color: #015d94; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.7); box-shadow: 0 0 2px rgba(0, 0, 0, 0.7); -moz-border-radius: 3px; border-radius: 3px; } #nav ul ul { top: 0; left: 195px; } #nav ul li { float: none; margin: 0; padding: 0; display: block; -moz-box-shadow: 0 1px 0 #06447b, 0 2px 0 #1b76ad; -webkit-box-shadow: 0 1px 0 #06447b, 0 2px 0 #1b76ad; box-shadow: 0 1px 0 #06447b, 0 2px 0 #1b76ad; } #nav ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #nav ul a { margin-left: 0; font-family: 'Raleway', sans-serif; font-size: 14px; padding: 12px 10px; width: 175px; height: 6px; line-height: 6px; display: block; white-space: nowrap; float: none; text-transform: none; } #nav ul li.select a { color: #FFF; background: #0186ba; background: -moz-linear-gradient(#04acec, #0186ba); background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)); background: -webkit-linear-gradient(#04acec, #0186ba); background: -o-linear-gradient(#04acec, #0186ba); background: -ms-linear-gradient(#04acec, #0186ba); background: linear-gradient(#04acec, #0186ba); } #nav ul li.select ul li a { color: #FFF; background: none; } #nav ul li.select ul li a:hover { background: #0186ba; background: -moz-linear-gradient(#04acec, #0186ba); background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)); background: -webkit-linear-gradient(#04acec, #0186ba); background: -o-linear-gradient(#04acec, #0186ba); background: -ms-linear-gradient(#04acec, #0186ba); background: linear-gradient(#04acec, #0186ba); } *html #nav ul a /* IE6 */ { height: 10px; } *:first-child+html #nav ul a /* IE7 */ { height: 10px; } #nav ul a:hover { background: #0186ba; background: -moz-linear-gradient(#04acec, #0186ba); background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)); background: -webkit-linear-gradient(#04acec, #0186ba); background: -o-linear-gradient(#04acec, #0186ba); background: -ms-linear-gradient(#04acec, #0186ba); background: linear-gradient(#04acec, #0186ba); } #nav ul li:first-child > a { -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } #nav ul li:first-child > a:after { content: ''; position: absolute; left: 30px; top: -8px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #015C93; } #nav ul ul li:first-child a:after { left: -8px; top: 12px; width: 0; height: 0; border-left: 0; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-right: 8px solid #015C93; } #nav ul li:first-child a:hover:after { border-bottom-color: #04acec; } #nav ul ul li:first-child a:hover:after { border-right-color: #04acec; border-bottom-color: transparent; } #nav ul li:last-child > a { -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } /* Clear floated elements */ #nav:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html #nav { zoom: 1; } /* IE6 */ *:first-child+html #nav { zoom: 1; } /* IE7 */ #coinRightAnime { background-color: #029DFD; width: 6px; height: 6px; position: absolute; top: 157px; right: 0; } /* ********** CSS MAINCONTENT */ #mainContent { display: block; margin-top: 30px; position: relative; } #mainContent.product { box-shadow: 0 0 2px 0 #a3a3a3; } #mainContent h2 { margin: 20px 0; text-align: center; } #mainContent h2.home { border-bottom: 1px solid #faf5fa; margin-bottom: 10px; padding-bottom: 10px; } iframe { height: 359px; width: 100%; } iframe.onda-video, iframe.cool-video { float: left; height: 300px; width: 100%; } iframe.cool-2-video { height: 809px; width: 455px; } .youtube-clone.onda, .youtube-clone.cool { float: left; height: 300px; width: 65.4%; } iframe.onda-news-video, iframe.news-video { height: 357px; width: 65.4%; float: right; display: none; } .youtube-clone { height: 357px; width: 65.4%; float: right; } .youtube-clone.onda, .youtube-clone.cool { height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .youtube-clone.cool-2 { height: 100%; width: 455px; position: absolute; top: 0; left: 0; } .iframe-block { position: relative; float: left; width: 65.4%; } #muteYouTubeVideoPlayer6, #muteYouTubeVideoPlayerOndaNews { position: absolute; right: 0 } .video-block { height: 316px; } .video-block .onda-news-video { float: none; width: 100%; height: auto; } .video-block #muteYouTubeVideoPlayerOndaNews { width: 100% !important; right: auto !important; height: 316px; } .section-news { position: relative; margin: 0 0 30px; padding-top: 30px; } .section-news .information { position: relative; float: left; width: 34.6%; padding-right: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; } .section-news .mask-iframe { display: none; position: absolute; bottom: 0; width: 100%; height: 1px; margin-top: -1px; background-color: #FAFAFA; } .section-news h3 { font-size: 22px; font-weight: 600; padding: 5px 0; color: #032a46; } .section-news h4 { font-size: 12px; font-weight: 600; padding: 13px 0 0; text-transform: uppercase; } .section-news p { text-align: justify; } .section-news strong.full-title { font: 200 31px 'Raleway', sans-serif; color: #03A0FF; display: block; padding: 10px 0 9px; } .square-box { position: relative; padding-top: 4px; z-index: 9999; } .square-box .line { } .square-box span { margin: 0 0 4px 4px; float: left; width: 16px; height: 16px; background-color: #FFF; } .square-box.black span { background-color: #000; } .square-box.right span { float: right; } .square-box span.a10 { opacity: 0.1; } .square-box span.a20 { opacity: 0.2; } .square-box span.a30 { opacity: 0.3; } .square-box span.a40 { opacity: 0.4; } .square-box span.a50 { opacity: 0.5; } .square-box span.a60 { opacity: 0.6; } .square-box span.a70 { opacity: 0.7; } .square-box span.a80 { opacity: 0.8; } .square-box span.a90 { opacity: 0.9; } .square-box span.a100 { opacity: 1; } .iframe-item { position: relative; float: left; width: 49%; height: 178px; margin-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .iframe-item.first, .iframe-item.second { margin-right: 2%; } .iframe-item iframe { height: 178px; } .product-content .block-left .tab-wrap .content-tab-1 .iframe-item .youtube-clone.small { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .imgBlock { position: relative; border-left: 1px solid #faf5fa; margin-top: 10px; } .imgBlock .para-1 { position: absolute; top: 13px; right: 10px; font-size: 12px; width: 150px; line-height: 14px; text-align: left; } .imgBlock .para-2 { position: absolute; top: 95px; right: 10px; font-size: 12px; width: 150px; line-height: 14px; text-align: left; } .imgBlock .para-3 { position: absolute; top: 193px; right: 10px; font-size: 12px; width: 150px; line-height: 14px; text-align: left; } .imgBlock .para-4 { position: absolute; top: 289px; right: 10px; font-size: 12px; width: 150px; line-height: 14px; text-align: left; } .imgBlock .para-5 { position: absolute; top: 378px; right: 10px; font-size: 12px; width: 150px; line-height: 14px; text-align: left; } .imgBlock .para-6 { position: absolute; top: 489px; right: 10px; font-size: 12px; width: 150px; line-height: 14px; text-align: left; font-weight: bold; color: #02a4ff; } .img-item { position: relative; border-bottom: 1px solid #b0defa; padding-bottom: 5px; } .img-item .legend { position: absolute; top: 275px; left: 221px; text-align: center; width: 181px; text-transform: uppercase; font-size: 12px; } .img-item .legend-2 { position: absolute; top: 275px; left: 422px; text-align: center; width: 186px; text-transform: uppercase; font-size: 12px; } .img-item .para-top { color: #fefefe !important; background-color: #012540; position: absolute; top: 0; left: 0; width: 179px; font-size: 16px; line-height: 25px; height: 25px; opacity: 0.73; text-align: center; text-transform: uppercase; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; } .img-item .para-bottom { color: #fefefe !important; background-color: #012540; position: absolute; top: 0; left: 215px; width: 179px; font-size: 16px; line-height: 25px; height: 25px; opacity: 0.73; text-align: center; text-transform: uppercase; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; } .img-item .para-thirst { color: #fefefe !important; background-color: #012540; position: absolute; top: 0; left: 428px; width: 179px; font-size: 16px; line-height: 25px; height: 25px; opacity: 0.73; text-align: center; text-transform: uppercase; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; } .img-item .imgLegend { position: absolute; top: 173px; left: 226px; } .img-item .imgLegend-2 { position: absolute; top: 173px; left: 441px; } .img-item .photoTag { margin-top: 5px; font-size: 10px; font-style: italic; } #mainContent.presentation { background-color: #FFF; padding: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; } #mainContent.presentation h2 { text-align: left; margin-top: 0; padding-bottom: 5px; border-bottom: 1px solid #f1f1f1; } #mainContent.presentation h3.title-slide { text-transform: uppercase; font-size: 18px; font-weight: 300; padding-bottom: 15px; color: #03a0ff; } #mainContent.presentation h3.title-slide:before { content: ""; background: url(../img/oeil.png) 0 0; width: 23px; height: 13px; float: left; position: relative; top: 2px; margin-right: 9px; } #mainContent.presentation h3.title-diplome { text-transform: uppercase; font-size: 18px; font-weight: 300; margin-top: 15px; color: #03a0ff; } #mainContent.presentation h3.title-diplome:before { content: ""; background: url(../img/diplome.png) 0 0; width: 27px; height: 19px; float: left; position: relative; top: 0; margin-right: 9px; } #mainContent.presentation .blk-left { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; } #mainContent.presentation .blk-left .fullDiv { margin: 30px 0; } #mainContent.presentation .blk-right { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 0 0 15px; border-left: 1px solid #F1F1F1; } #mainContent.presentation .blk-right h3 { font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #f1f1f1; padding-bottom: 3px; } #mainContent.presentation .slide-home { width: 100%; height: auto; } #mainContent.presentation .slide-clde h2 { border-bottom: 0 none; text-align: center; } #mainContent.presentation .clearBlocks { margin: 20px 0; } #mainContent.presentation .content-slide { margin: 0 0 30px; } #mainContent.presentation p.cap { margin: 15px 100px 20px; padding-bottom: 10px; border-bottom: 1px solid #f1f1f1; text-align: center; font-size: 19px; font-weight: bold; } #mainContent.presentation ul.display_diplomes { font-size: 14px; } #mainContent.presentation ul.display_diplomes li { line-height: 20px; } .product-head { position: relative; } .product-head .head { position: relative; border-radius: 1px 1px 0 0; background: rgb(44,212,248); background: -moz-radial-gradient(center, ellipse cover, rgba(44,212,248,1) 0%, rgba(1,158,255,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(44,212,248,1) 0%,rgba(1,158,255,1) 100%); background: radial-gradient(ellipse at center, rgba(44,212,248,1) 0%,rgba(1,158,255,1) 100%); height: 187px; text-align: center; } .product-head .square-box { float: left; } .product-head .image-wrap.left { position: absolute; left: 0; top: 0; z-index: 9997; } .product-head .image-wrap.right { position: absolute; right: 10px; top: -5px; z-index: 9996; } .product-head .image-wrap.right.none { right: 0; top: 0; } .product-head .head p { opacity: 0.7; font-weight: 100; position: absolute; top: 65px; left: 50%; font-size: 20px; line-height: 30px; color: #FFF; text-transform: uppercase; margin: 0 0 0 -158px; } .product-head .bottom { position: relative; margin-right: 285px; height: 128px; background-color: rgba(0, 0, 0, 0.94); text-align: left; } .product-head .bottom h2 { margin: 0 !important; font-size: 30px; position: absolute; top: 48px; left: 52px; color: #1fc4fa; text-align: left !important; font-family: 'Lato', sans-serif; font-weight: 300; } .product-head .bottom h2.small { font-size: 25px; } .product-head .bottom h2 span { display: block; font-size: 20px; margin: 7px 0 0 30px; } .product-head .bottom h2 span.small { font-size: 15px; margin-top: 4px; } .product-head .bottom h2 span.small strong { font-weight: normal; display: block; padding: 3px 0 0 20px; } .product-head .bottom h2 span.number { display: inline; margin: 0; font-size: 30px; } .product-head .bottom h3 { position: absolute; top: 15px; left: -16px; font-size: 24px; font-weight: 500; color: white; text-transform: uppercase; } .product-head .bottom h3:before { content: ""; background: url(../img/sprite-clde.png) 0 0; background-size: 300px auto; width: 30px; height: 30px; float: left; position: relative; top: -2px; left: 0; padding-left: 10px; } .product-head .bottom .image-wrap { position: absolute; top: 0; right: 0; } .product-head .bottom .image-wrap img.imgMarginTop { margin-top: -23px; } .product-head .bottom .image-wrap img.imgMarginTop-2 { margin-top: -41px; } .product-head .bottom .image-wrap.title { position: absolute; top: 54px; left: 0; z-index: 999; } .product-head .bottom .image-wrap .square-box { position: absolute; top: -2px; left: 0; } .product-head .bottom .image-wrap .square-box.right { position: absolute; right: 2px; top: 92px; left: auto; } .product-head .bottom .image-wrap .square-box span { margin: 0 0 2px 2px; width: 6px; height: 6px; } .product-head .image-wrap.back { position: absolute; bottom: 0; right: 0; width: 285px; height: 128px; } .product-head .social-network { position: absolute; bottom: 0; right: 0; width: 285px; height: 128px; background-color: rgba(0, 0, 0, 0.35); } .product-head .social-network .square-box { position: absolute; bottom: 1px; right: 4px; } .product-head .social-network ul { margin: 10px 0 0 10px; } .product-head .social-network li { float: left; margin-right: 10px; } .product-head .social-network a { width: 36px; height: 36px; background-color: #43ABC6; float: left; display: block; } .product-head .social-network a.facebook { background-color: #3B5998; } .product-head .social-network a.facebook img { margin: 6px 0 0 12px; } .product-head .social-network a.twitter { background-color: #55ACEE; } .product-head .social-network a.twitter img { margin: 8px 0 0 7px; } .product-content { position: relative; overflow: hidden; } .product-content .block-left { margin-right: 285px; padding: 20px; background-color: #fff; } .product-content .block-left p { color: #002B46; } .product-content .block-left p.cap { font-weight: 600; } .product-content .block-left p.title { font-size: 18px; background-color:#fafafa; color: #43ABC7; text-align: left; padding: 5px 0; } .product-content .block-left p.title span.icoCom { margin: 4px 8px 0 9px; } .product-content .block-left h4 { font-size: 22px; font-weight: 600; color: #43ABC7; text-transform: uppercase; display: block; padding-bottom: 6px; border-bottom: 1px solid #faf5fa; margin-top: 15px; } .product-content .block-left span.image-wrap-mobile.full { width: 100%; } .product-content .block-left span.image-wrap-mobile.full img { width: 100%; height: 100%; } .product-content .block-left .tab-wrap { } .product-content .block-left .tab-wrap .button-tab { position: relative; margin-bottom: 15px; height: 48px; } .product-content .block-left .tab-wrap .button-tab ul { margin: 15px 0; } .product-content .block-left .tab-wrap .button-tab .menu-tablet { position: absolute; top: 17px; right: 1px; font-size: 12px; color: #002B46; width: 250px; text-align: right; } .product-content .block-left .tab-wrap .button-tab .menu-tablet .btn-op { cursor: pointer; z-index: 999992; } .product-content .block-left .tab-wrap .button-tab .menu-tablet .btn-op:after { content: ""; background: url(../img/sprite-clde.png) 0 -34px; background-size: 300px auto; width: 6px; height: 3px; float: right; position: relative; padding-right: 5px; top: 7px; right: -3px; } .product-content .block-left .tab-wrap .button-tab .menu-tablet .menu-tablet-content { position: absolute; top: 21px; right: 0; width: 100%; z-index: 999999999; margin: 0; padding: 0; -webkit-box-shadow: 0 0 2px 0 #a3a3a3; box-shadow: 0 0 2px 0 #a3a3a3; background: #fff; background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 55%, #d7edf3 100%); background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 55%,#d7edf3 100%); background: linear-gradient(135deg, #ffffff 0%,#ffffff 55%,#d7edf3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7edf3',GradientType=1 ); } .product-content .block-left .tab-wrap .button-tab .menu-tablet .menu-tablet-content ul { margin: 0; width: 100%; } .product-content .block-left .tab-wrap .button-tab .menu-tablet .menu-tablet-content li { float: none; line-height: 25px; margin-right: 0; } .product-content .block-left .tab-wrap .button-tab .menu-tablet .menu-tablet-content a { color: #012B46; display: block; padding-right: 8px; } .product-content .block-left .tab-wrap .button-tab .menu-tablet .menu-tablet-content a:hover { background-color: #43ABC6; color: #FFF; } .product-content .block-left .tab-wrap .button-tab li { float: left; margin-right: 15px; } .product-content .block-left .tab-wrap .button-tab ul span { font-weight: 500; cursor: pointer; background-color: #43ABC7; color: #FFF; padding: 5px 25px 7px; } .product-content .block-left .tab-wrap .button-tab ul span.price { text-shadow: 0 0 0 transparent; } .product-content .block-left .tab-wrap .button-tab ul span.selected { background-color: #EEE; color: #B7B7B7; -web-kit-box-shadow: inset 0 0 2px #bcbcbc; box-shadow: inset 0 0 2px #bcbcbc; } .product-content .block-left .tab-wrap .content-tab-1 { position: relative; } .product-content .block-left .tab-wrap .content-tab-1 .news-video { height: 182px; width: 50%; float: right; } .product-content .block-left .tab-wrap .content-tab-1 .youtube-clone { height: 218px; width: 60%; float: right; position: relative; } .product-content .block-left .tab-wrap .content-tab-1 .youtube-clone.onda { height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .sampleContainer { margin-top: 250px; } .sampleContainer .title { position: absolute; top: 50%; left: 50%; margin-left: -23px; margin-top: -26px; font-family: 'Lato', sans-serif; font-weight: 300; } .loader { position: absolute; width: 44px; height: 8px; margin: 12px auto; top: 50%; left: 50%; } .dot { display: inline-block; width: 8px; height: 8px; border-radius: 4px; background: #43ABC7; position: absolute; } .dot_1 { animation: animateDot1 1.5s linear infinite; left: 12px; background: #43ABC7; } .dot_2 { animation: animateDot2 1.5s linear infinite; animation-delay: 0.5s; left: 24px; } .dot_3 { animation: animateDot3 1.5s linear infinite; left: 12px; } .dot_4 { animation: animateDot4 1.5s linear infinite; animation-delay: 0.5s; left: 24px; } @keyframes animateDot1 { 0% { transform: rotate(0deg) translateX(-12px); } 25% { transform: rotate(180deg) translateX(-12px); } 75% { transform: rotate(180deg) translateX(-12px); } 100% { transform: rotate(360deg) translateX(-12px); } } @keyframes animateDot2 { 0% { transform: rotate(0deg) translateX(-12px); } 25% { transform: rotate(-180deg) translateX(-12px); } 75% { transform: rotate(-180deg) translateX(-12px); } 100% { transform: rotate(-360deg) translateX(-12px); } } @keyframes animateDot3 { 0% { transform: rotate(0deg) translateX(12px); } 25% { transform: rotate(180deg) translateX(12px); } 75% { transform: rotate(180deg) translateX(12px); } 100% { transform: rotate(360deg) translateX(12px); } } @keyframes animateDot4 { 0% { transform: rotate(0deg) translateX(12px); } 25% { transform: rotate(-180deg) translateX(12px); } 75% { transform: rotate(-180deg) translateX(12px); } 100% { transform: rotate(-360deg) translateX(12px); } } .txt { padding: 0 10px; margin: 5px 0; font-weight: bold; } .product-content .block-left .tab-wrap .content-tab-1 .block-left-iframe { width: 40%; padding-right: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; } .product-content .block-left .tab-wrap .content-tab-1 .image-wrap { width: 100%; } .product-content .block-left .tab-wrap .content-tab-1 .image-wrap img { width: 100%; } .product-content .block-left .tab-wrap .content-tab-2 { position: relative; } .product-content .block-left .tab-wrap .content-tab-2 p { padding-left: 15px; } .product-content .block-left .tab-wrap .content-tab-2 p span.ico_span { display: block; text-decoration: underline; font-weight: 600; } .product-content .block-left .tab-wrap .content-tab-2 h3 { margin-bottom: 15px; font-size: 22px; font-weight: 600; text-transform: uppercase; color: #43ABC5; padding-bottom: 5px; border-bottom: 1px solid #43ABC5; } .product-content .block-left .tab-wrap .content-tab-2 h3 span.price { float: right; font-size: 12px; text-transform: none; color: #002B46; font-weight: 500; margin-top: 10px; } .product-content .block-left .tab-wrap .content-tab-2 ul { font-size: 14px; display: block; } .product-content .block-left .tab-wrap .content-tab-2 ul li { height: 14px; position: relative; margin: 0 0 35px; margin: 0 0 10px; padding: 0 0 25px; } .product-content .block-left .tab-wrap .content-tab-2 ul li.title { color: #43ABC5; text-transform: uppercase; padding: 15px; margin: 0; font-weight: 600; font-size: 16px; background: #d7edf3; background: -moz-linear-gradient(-45deg, #d7edf3 0%, #ffffff 67%, #ffffff 98%); background: -webkit-linear-gradient(-45deg, #d7edf3 0%,#ffffff 67%,#ffffff 98%); background: linear-gradient(135deg, #d7edf3 0%,#ffffff 67%,#ffffff 98%); } .product-content .block-left .tab-wrap .content-tab-2 ul li strong { position: absolute; top: 15px; left: 15px; } .product-content .block-left .tab-wrap .content-tab-2 ul li strong.more { top: 13px; } .product-content .block-left .tab-wrap .content-tab-2 ul li span.option { font-weight: 600; background-color: #EEE; padding: 2px 10px 4px; color: #0B1D22; border-radius: 45px; } .product-content .block-left .tab-wrap .content-tab-2 ul li span.option.more { font-family: 'Lato', sans-serif; font-size: 18px; padding: 0 13px 1px; } .product-content .block-left .tab-wrap .content-tab-2 ul li span.price { font-size: 16px; font-weight: 300; padding: 10px 9px 9px 11px; text-align: center; width: auto; height: 20px; float: right; background-color: #43ABC7; color: #FFF; } .product-content .block-left .tab-wrap .content-tab-2 ul li span.price .number { font-weight: 600; } .product-content .block-left .tab-wrap .content-tab-2 ul li span.price.legend { height: 27px; padding: 3px 9px 9px 11px; } .product-content .block-left .tab-wrap .content-tab-2 ul li span.price.legend.big { width: 115px; } .product-content .block-left .tab-wrap .content-tab-2 ul li .line-sep { background: url(../img/border.png) repeat-x; height: 2px; position: absolute; bottom: 0; width: 100%; } .product-content .block-right { box-sizing: border-box; color: #a2a2a2; padding: 15px; position: absolute; top: 0; right: 0; background: url(../img/bg_contact.jpg) repeat; width: 285px; height: 8000px; } .product-content .block-right h4 { line-height: 20px; color: #626262; font-size: 17px; font-weight: 500; text-transform: uppercase; display: block; padding-bottom: 6px; border-bottom: 1px solid #e8e3e8; } .product-content .block-right img.img-right { left: -15px; position: relative; border-left: 1px solid #DBDBDD; } .product-content .block-right p { color: #a2a2a2; } .product-content .block-right p.title-legend { background-color: #626262; color: #FFF; margin: 11px 0 -5px; padding: 4px 8px 5px; } .product-content .block-right p.bigTitle { font-size: 36px; font-weight: 300; text-transform: uppercase; line-height: 38px; color: #43abc7; text-align: left; } .product-content .block-right p span.bold { color: #626262; } .product-content .block-right p span.bold .phone { display: block; color: #626262; font-family: lato,sans-serif; font-size: 35px; font-weight: 300; margin: 15px 0 25px; } .product-content .block-right ul.price { background-color: rgba(255, 255, 255, 0.4); font-weight: 500; position: relative; width: 100%; margin: 5px 0 10px; } .product-content .block-right ul.price li { margin: 10px 0; padding: 3px 8px; } .product-content .block-right ul.price li span.box-color { width: 16px; height: 16px; background-color: #2697E1; display: block; float: left; } .product-content .block-right ul.price li span.more { float: left; margin: 0 5px; } .product-content .block-right ul.price li span.box-color.one { background-color: #225E73; margin-right: 5px; } .product-content .block-right ul.price li span.box-color.two { background-color: #00CCFF; margin-right: 8px; } .product-content .block-right ul.price li span.box-color.thr { background-color: #E39B17; margin-right: 8px; } .product-content .block-right ul.price li span.box-color.fou { background-color: #CE4C4C; margin-right: 8px; } .product-content .block-right ul.price li span { float: right; color: #626262; } .product-content .block-right ul.price li span.white { color: #a2a2a2 !important; } .product-content .block-right ul.price li strong span { float: right; color: #FFF; } .product-content .block-right .menu-right { background-color: rgba(0, 0, 0, 0.94); margin: -15px -15px 15px; padding: 15px 15px 20px; } .product-content .block-right .menu-right ul { width: 100%; margin-bottom: 8px; } .product-content .block-right .menu-right li { margin-top: 8px; position: relative; } .product-content .block-right .menu-right li.title { margin-bottom: 2px; text-transform: uppercase; font-size: 22px; font-weight: 500; } .product-content .block-right .menu-right li.selected { color: #1fc4fa; } .product-content .block-right .menu-right li.selected:before { content: ""; background: url(../img/sprite-clde.png) -15px 0; background-size: 300px auto; width: 15px; height: 30px; float: left; position: absolute; top: -6px; left: -20px; padding-left: 0; } .product-content .block-right .menu-right li a { color: #cecece; display: block; } .product-content .block-right .menu-right li a:hover, .product-content .block-right .menu-right li a:active { color: #1fc4fa; } #nav li.mm--mobile { display: none; } #nav li.mm--desktop { display: block; } .contact-home { min-height: 115px; float: left; width: 100%; background-color: #FFF; text-align: center; margin: 15px 0 0; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .contact-home .phone { font-size: 30px; font-weight: bold; font-family: lato, sans-serif; } .contact-home .phone strong { color: #34aadc; } .contact-home p { text-align: center; } .contact-home p.para-top { text-align: center; margin-top: 29px; } #mainContent .blk-content-home { position: relative; padding-top: 15px; border-top: 1px solid #fff; margin-bottom: 15px; } #mainContent .blk-content-home.up { padding-top: 20px; } #mainContent .blk-ulth { position: relative; float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 15px 5px 0; border-right: 1px solid #f1f1f1; } .linkIb { float: left; } #mainContent .blk-ulth a:hover, #mainContent .blk-present a:hover { color: #FFF; } #mainContent .blk-ulth.full { width: 100%; border-right: 0 none; margin-bottom: 10px; } #mainContent .blk-present h3, #mainContent .blk-ulth h3 { font-size: 22px; font-weight: 600; padding: 5px 0; color: #032a46; } #mainContent h3 span.new { display: block; float: left; background-color: #03A0FF; color: #fff; display: block; font-size: 12px; margin: 0 8px 0 0; padding: 5px 10px; text-transform: uppercase; width: 57px; } #mainContent .blk-present { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 0 5px 15px; border-left: 1px solid #FFF; } #mainContent .blk-present .act { background-color: #34aadc; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 23px; font-size: 20px; font-weight: 200; line-height: 25px; color: #FFF; text-align: center; margin: 15px 0 0; } #mainContent .blk-present .contact .phone strong { color: #1fc4fa; } #mainContent .blk-ulth p img, #mainContent .blk-present p img { float: left; margin-right: 15px; } #mainContent .blk-present p img { margin-top: 4px; } #mainContent .blk-present p span.number { font-weight: 600; } #mainContent .blk-present .linkIb { float: none; } #mainContent .slide-home { box-shadow: 0 1px 2px 0 #a3a3a3; -webkit-box-shadow: 0 1px 2px 0 #a3a3a3; max-height: 310px; height: 310px; width: 970px; } @media only screen and (min-width: 1220px) { #mainContent .slide-home { width: 100%; max-height: 360px; height: 360px; } } #mainContent.contact { overflow: hidden; display: block; position: relative; } #mainContent .items-box-home-wrap { position: relative; float: left; width: 300px; height: 300px; margin: 0 35px 35px 0; background-color: #FFF; -webkit-box-shadow: 0 0 2px 0 #a3a3a3; box-shadow: 0 0 2px 0 #a3a3a3; } @media only screen and (min-width: 1220px) { #mainContent .content-items { display: flex; flex-wrap: wrap; gap: 30px; } #mainContent .content-items:before { display: none; } #mainContent .items-box-home-wrap { width: calc((100% - 60px) / 3); height: 348px; margin: 0; float: none; } } #mainContent .items-box-home:hover h3 { opacity: 1; } #mainContent .items-box-home.full { width: 100%; height: 300px; webkit-box-sizing: border-box; box-sizing: border-box; } #mainContent .items-box-home.end .containPhoto { float: left; } #mainContent .items-box-home .title-box { z-index: 5000; position: absolute; top: 0; background-color: rgba(0,0,0,0.8); width: 100%; height: 53px; } @media only screen and (min-width: 1220px) { #mainContent .items-box-home .title-box { height: 70px; } } #mainContent .items-box-home.end .title-box { width: 300px; } #mainContent .items-box-home h3 { z-index: 5001; position: absolute; top: 0; left: 32px; height: 53px; line-height: 51px; color: #fff; font-weight: 300; font-size: 17px; text-transform: uppercase; } @media only screen and (min-width: 1220px) { #mainContent .items-box-home h3 { height: 70px; line-height: 70px; font-size: 18px; } #mainContent .items-box-home h3 span { font-size: 14px; } } #mainContent .items-box-home h3 span { font-size: 12px; } #mainContent .items-box-home h3 strong { position: absolute; top: 1px; left: -31px; background: url(../img/home/effect-triangle.png) no-repeat; width: 34px; height: 34px; } #mainContent .items-box-home p { font-family: 'Raleway', sans-serif; text-align: center; color: #032B48; padding: 10px; } #mainContent .items-box-home.end p { margin-top: 8px; margin-left: 300px; } #mainContent .items-box-home .arrow-box { z-index: 5002; position: absolute; right: 0; top: 0; width: 53px; height: 53px; background: -moz-linear-gradient(top, rgba(31,196,250,0.6) 0%, rgba(31,196,250,0.6) 100%); background: -webkit-linear-gradient(top, rgba(31,196,250,0.6) 0%,rgba(31,196,250,0.6) 100%); background: linear-gradient(to bottom, rgba(31,196,250,0.6) 0%,rgba(31,196,250,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#991fc4fa', endColorstr='#991fc4fa',GradientType=0 ); } @media only screen and (min-width: 1220px) { #mainContent .items-box-home .arrow-box { width: 70px; height: 70px; } } #mainContent .items-box-home:hover .arrow-box { background: -moz-linear-gradient(top, rgba(31,196,250,0.9) 0%, rgba(31,196,250,0.9) 100%); background: -webkit-linear-gradient(top, rgba(31,196,250,0.9) 0%,rgba(31,196,250,0.9) 100%); background: linear-gradient(to bottom, rgba(31,196,250,0.9) 0%,rgba(31,196,250,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61fc4fa', endColorstr='#e61fc4fa',GradientType=0 ); } #mainContent .items-box-home .arrow-box:before { content: ""; background: url(../img/sprite-clde-deskt.png) 0 -41px; background-size: 300px auto; width: 10px; height: 20px; float: right; position: relative; top: 17px; right: 20px; } @media only screen and (min-width: 1220px) { #mainContent .items-box-home .arrow-box { width: 70px; height: 70px; } #mainContent .items-box-home .arrow-box:before { top: 25px; right: 27px; } } #mainContent .items-box-home:hover .arrow-box:before { content: ""; background: url(../img/sprite-clde-deskt.png) -11px -41px; } #mainContent .items-box-home.end .arrow-box { z-index: 5002; position: absolute; left: 247px; top: 0; width: 53px; height: 53px; background-color: #43ABC7; opacity: 0.45; filter: alpha(opacity=45); } /* ********** CSS BLOCKLEFT - MAINCONTENT */ #mainContent .blockLeft { display: block; overflow: hidden; width: 440px; } #mainContent .blockLeft .containSlide { width: 428px; height: 248px; display: block; } #mainContent .blockLeft .containSlide .blockUnderSlide { margin-top: 5px; } #mainContent .blockLeft .containSlide .blockUnderSlide .blockInsideImg { background-color: #FFF; float: left; border: 1px solid #DBDBEA; margin-right: 5px; border-radius: 0 5px 0 5px; } #mainContent .blockLeft .containSlide .blockUnderSlide h2 { float: left; margin: 5px 0 8px; } #mainContent .blockLeft .containSlide .blockUnderSlide p { color: #404853; } #mainContent .blockLeft .containSlide .blockUnderSlide a { background: url(../ico/plus.png) no-repeat; margin-top: 20px; padding-left: 18px; font-size: 10px; float: right; height: 20px; } #mainContent .blockLeft .video-block { margin: 27px 0; color: #015d94; } #mainContent .blockLeft .video-block h3 { font-size: 15px; text-transform: uppercase; color: #015d94; margin: 0 0 10px 0; display: block; } #mainContent .blockLeft .containCom { margin-top: 25px; overflow: hidden; } #mainContent .blockLeft .containCom.bottomBox { margin: 13px 0 10px; } #mainContent .blockLeft .containCom span.new { background-color: #2599E2; padding: 5px 10px; color: #FFF; text-transform: uppercase; margin: 5px 5px 5px 0; width: 57px; font-size: 12px; display: block; } #mainContent .blockLeft .containCom h2 { display: inline-block; color: #015D94; font-size: 15px; text-transform: uppercase; margin: 3px 0 10px; } #mainContent .blockLeft .containCom p { margin: 5px 0; font-size: 12px; line-height: 16px; } #mainContent .blockLeft .containCom .containPhoto { float: left; margin-right: 10px; } #mainContent .blockLeft .blockLaser { width: 428px; display: block; margin-top: 7px; background: -moz-linear-gradient(#FFF, #DBDBEA); background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #DBDBEA),color-stop(1, #FFF)); background: -webkit-linear-gradient(#FFF, #DBDBEA); background: -o-linear-gradient(#FFF, #DBDBEA); background: -ms-linear-gradient(#FFF, #DBDBEA); background: linear-gradient(#FFF, #DBDBEA); overflow: hidden; } #mainContent .blockLeft .blockLaser img { float: left; margin: 1px 40px 5px 28px; } #mainContent .blockLeft .blockLaser .blockInside {} #mainContent .blockLeft .blockLaser .blockInside h2 { margin: 5px 0 10px 0; text-decoration: underline; } #mainContent .blockLeft .blockLaser .blockInside ul { margin-top: 5px; width: 250px; } #mainContent .blockLeft .blockLaser .blockInside ul li { font-size: 12px; } #mainContent .blockLeft .blockLaser .blockLink {} #mainContent .blockLeft .blockLaser .blockLink a { background: url(../ico/plus.png) no-repeat; margin-top: 20px; padding-left: 18px; font-size: 10px; float: right; height: 20px; } #mainContent .blockLeft .blockAdvertising { display: inline-block; width: 439px; margin-top: 7px; } #mainContent .blockLeft .blockAnimationContact { margin-top: 5px; } #mainContent .blockLeft .blockImgResponsive { margin: 15px 0 0 10px; } #mainContent #BlkMenuInside { min-height: 248px; border: 1px solid #010E1E; border-radius: 8px 0 0 8px; padding: 10px; box-shadow: 0 0 5px 0 #000 inset; background: #010e1e; background: -moz-linear-gradient(-45deg, #010e1e 0%, #024772 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#010e1e), color-stop(100%,#024772)); background: -webkit-linear-gradient(-45deg, #010e1e 0%,#024772 100%); background: -o-linear-gradient(-45deg, #010e1e 0%,#024772 100%); background: -ms-linear-gradient(-45deg, #010e1e 0%,#024772 100%); background: linear-gradient(135deg, #010e1e 0%,#024772 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010e1e', endColorstr='#024772',GradientType=1 ); } #mainContent #BlkMenuInside ul.menuUp, #mainContent #BlkMenuInside ul.menuRecap { line-height: 28px; width: 100%; font-size: 14px; } #mainContent #BlkMenuInside ul.menuUp li, #mainContent #BlkMenuInside ul.menuRecap li { border-bottom: 1px dashed #015B91; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } #mainContent #BlkMenuInside ul.menuUp li:first-child { border: none; color: #FFF; text-transform: uppercase; font-size: 18px; font-family: 'Raleway', sans-serif; margin-bottom: 5px; text-shadow: 0 1px 0 #000; } #mainContent #BlkMenuInside ul.menuUp li:last-child { margin-bottom: 10px; } #mainContent #BlkMenuInside ul.menuUp li.select a, #mainContent #BlkMenuInside ul.menuRecap li.select a { display: block; width: 100%; color: #FFF; text-shadow: 0 1px 0 #000; } #mainContent #BlkMenuInside ul.menuUp li.select, #mainContent #BlkMenuInside ul.menuRecap li.select { background: -moz-linear-gradient(left, rgba(4,167,230,1) 0%, rgba(4,167,230,0.99) 1%, rgba(1,137,190,0.52) 48%, rgba(2,71,114,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(4,167,230,1)), color-stop(1%,rgba(4,167,230,0.99)), color-stop(48%,rgba(1,137,190,0.52)), color-stop(100%,rgba(2,71,114,0))); background: -webkit-linear-gradient(left, rgba(4,167,230,1) 0%,rgba(4,167,230,0.99) 1%,rgba(1,137,190,0.52) 48%,rgba(2,71,114,0) 100%); background: -o-linear-gradient(left, rgba(4,167,230,1) 0%,rgba(4,167,230,0.99) 1%,rgba(1,137,190,0.52) 48%,rgba(2,71,114,0) 100%); background: -ms-linear-gradient(left, rgba(4,167,230,1) 0%,rgba(4,167,230,0.99) 1%,rgba(1,137,190,0.52) 48%,rgba(2,71,114,0) 100%); background: linear-gradient(to right, rgba(4,167,230,1) 0%,rgba(4,167,230,0.99) 1%,rgba(1,137,190,0.52) 48%,rgba(2,71,114,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a7e6', endColorstr='#00024772',GradientType=1 ); } #mainContent #BlkMenuInside ul.menuUp li.select, #mainContent #BlkMenuInside ul.menuRecap li.select { border: none; } #mainContent #BlkMenuInside ul.menuUp li a, #mainContent #BlkMenuInside ul.menuRecap li a { display: block; width: 100%; color: #6EA6CA; text-shadow: 0 1px 0 #000; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } #mainContent #BlkMenuInside ul.menuUp li a:hover, #mainContent #BlkMenuInside ul.menuRecap li a:hover { color: #FFF; } #mainContent #BlkMenuInside ul.menuUp li:hover, #mainContent #BlkMenuInside ul.menuRecap li:hover { border-bottom: 1px dashed #FFF; } #mainContent #BlkMenuInside ul.menuUp li.select:hover, #mainContent #BlkMenuInside ul.menuRecap li.select:hover { border: none; } #mainContent #BlkMenuInside ul.menuUp li:first-child:hover, #mainContent #BlkMenuInside ul.menuRecap li:first-child:hover { border: none; } #mainContent #BlkMenuInside ul.menuUp li a span.arrow-ico, #mainContent #BlkMenuInside ul.menuRecap li a span.arrow-ico { background: url(../ico/arrow_menu.png) no-repeat 0 0; width: 20px; height: 20px; float: left; margin: 4px 5px 0; } #mainContent #BlkMenuInside ul.menuUp li a:hover span.arrow-ico, #mainContent #BlkMenuInside ul.menuRecap li a:hover span.arrow-ico { background: url(../ico/arrow_menu.png) no-repeat -20px 0; } #mainContent #BlkMenuInside ul.menuUp li.select a span.arrow-ico, #mainContent #BlkMenuInside ul.menuRecap li.select a span.arrow-ico { background: url(../ico/arrow_menu.png) no-repeat -20px 0; } #mainContent #BlkMenuInside ul.menuRecap li:first-child { border: none; font-size: 14px; font-family: 'Raleway', sans-serif; color: #02A4FF; text-shadow: 0 1px 0 #000; } #mainContent #BlkMenuInside ul.menuRecap li:last-child { border: none; } #mainContent #BlkComInside { min-height: 500px; font-family: 'Raleway', sans-serif; padding: 5px; margin: 10px 0 0 0; border-radius: 8px 0 0 0; color: #FFF; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #09b5f5 89%, #09b5f5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(89%,#09b5f5), color-stop(100%,#09b5f5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#09b5f5 89%,#09b5f5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#09b5f5 89%,#09b5f5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#09b5f5 89%,#09b5f5 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#09b5f5 89%,#09b5f5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#09b5f5',GradientType=0 ); /* IE6-9 */ } #mainContent #BlkComInside .adv { font-size: 14px; color: #FEFEFE; font-weight: bold; padding: 10px; line-height: 18px; text-align: center; } #mainContent #BlkComInside h2 { font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 15px; color: #02A4FF; text-shadow: 0 1px 0 #000; margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #1496E9; } #mainContent #BlkComInside h3 { color: #FFF; margin-bottom: 10px; text-transform: uppercase; border-bottom: 1px dotted #FFF; padding-bottom: 2px; display: inline-block; } #mainContent #BlkComInside p { color: #6EA6CA; } #mainContent #BlkComInside p span.bold { color: #FEFEFE; } #mainContent #BlkComInside p span.blue { color: #FEFEFE; } #mainContent #BlkComInside ul { font-size: 13px; margin: 0; line-height: 24px; border: 1px solid #022940; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDI1YzkzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, rgba(2,92,147,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(2,92,147,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(2,92,147,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(2,92,147,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(2,92,147,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(2,92,147,1) 0%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#025c93', endColorstr='#00000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ padding: 5px; display: block; border-radius: 6px; overflow: hidden; } #mainContent #BlkComInside ul li { color: #A3DBFF; margin-bottom: 10px; } #mainContent #BlkComInside ul li span { float: right; margin: 0; color: #FFF !important; } #mainContent #BlkComInside ul li span.txtSmaller { float: none; color: #A3DBFF !important; } #mainContent #BlkComInside ul li span.icoCom { font-size: 14px; margin: 4px 8px 0 0; float: left; } #mainContent #BlkComInside .BtnTarifs { display: block; margin-bottom: 20px; } #mainContent #BlkComInside .BlkInside { padding: 10px 10px 8px; border-radius: 6px 0 0 0; background: #08121b; /* Old browsers */ background: -moz-linear-gradient(-45deg, #08121b 0%, #1f262c 28%, #181d22 50%, #04090d 51%, #00192f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#08121b), color-stop(28%,#1f262c), color-stop(50%,#181d22), color-stop(51%,#04090d), color-stop(100%,#00192f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #08121b 0%,#1f262c 28%,#181d22 50%,#04090d 51%,#00192f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #08121b 0%,#1f262c 28%,#181d22 50%,#04090d 51%,#00192f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #08121b 0%,#1f262c 28%,#181d22 50%,#04090d 51%,#00192f 100%); /* IE10+ */ background: linear-gradient(135deg, #08121b 0%,#1f262c 28%,#181d22 50%,#04090d 51%,#00192f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08121b', endColorstr='#00192f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #mainContent #BlkComInside #imgBckFl { margin-top: -3px; } #mainContent .blkCenter { } #mainContent .blkCenter ul span.ico_diplome { } #mainContent .blkCenter #blkSheif { background: url(../img/presentation/centre/bg-centre.jpg) no-repeat; width: 884px; height: 372px; position: relative; padding: 8px; } #mainContent .blkCenter #blkSheif #blkSheifContentSlide { background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 12%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(12%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 12%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 12%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 12%,rgba(255,255,255,0.3) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 12%,rgba(255,255,255,0.3) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4dffffff',GradientType=0 ); /* IE6-9 */ width: 469px; height: 354px; border: 1px solid #FFF; position: relative; padding: 8px; } #mainContent .blkCenter #blkSheif #blkSheifContentSlide #blkSheifSlide { background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 32%, rgba(255,255,255,0.75) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(32%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(255,255,255,0.75) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(255,255,255,0.75) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(255,255,255,0.75) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(255,255,255,0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfffffff',GradientType=0 ); /* IE6-9 */ border: 1px solid #DFDFDF; width: 466px; height: 352px; } #mainContent .blkCenter #blkSheif #blkSheifContent { background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 32%, rgba(255,255,255,0.75) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(32%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(255,255,255,0.75) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(255,255,255,0.75) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(255,255,255,0.75) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,rgba(255,255,255,0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfffffff',GradientType=0 ); position: absolute; right: 8px; bottom: 8px; /* IE6-9 */ border: 1px solid #DFDFDF; width: 366px; height: 126px; padding: 10px; } #mainContent .blkCenter #blkSheif #blkSheifContent p { text-align: center; font-family: 'Raleway', sans-serif; margin: 0 0 10px 0; color: #02A4FF; text-shadow: 0 1px 0 #02446E; text-transform: uppercase; } #mainContent .blkCenter #blkSheif #blkSheifContent p span { font-family: 'Raleway', sans-serif; color: #02A4FF; } #mainContent .blkCenter #blkSheif #blkSheifContent a { display: block; float: left; margin: 6px 0 0 21px; padding: 10px 20px; border-radius: 5px; color: #FFF; border: 1px solid #194A70; background: rgb(30,87,153); /* Old browsers */ background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } #mainContent .blkCenter #blkSheif #blkSheifContent a:hover { border: 1px solid #B0DEFA; background: rgb(246,248,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */ color: #184E74; } #mainContent .blkCenter p a { color: #05A0FD; } #mainContent .blkCenter p a:hover { color: #184E74; text-decoration: underline; } #mainContent .blkCenter ul.display_diplomes { line-height: 25px; font-size: 14px; color: #184E74; } #mainContent .blkCenter ul.display_diplomes li span.icoCom { margin: 5px 8px 0 0; } #mainContent .blkCenter ul.display_diplomes li span.bold { color: #000; } #mainContent .blkCenter p.last { margin-bottom: 80px; } #mainContent .blkCenter p img { float: left; margin-right: 15px; } #mainContent .blkCenter p span.bold { color: #184E74; } #mainContent .blkCenter .blkContentDisplayLaser { margin: 10px 10px 0 0; padding-bottom: 7px; border-bottom: 1px dashed #B0DEFA; overflow: hidden; width: 100%; position: relative; float: left; height: 215px; } #mainContent .blkCenter .blkContentDisplayLaser img { float: left; margin-right: 15px; } #mainContent .blkCenter .blkContentDisplayLaser h3 { font-size: 18px; background: none; border-radius: none; display: inline-block; } #mainContent .blkCenter .blkContentDisplayLaser h3 span { font-size: 12px; font-family: 'Raleway', sans-serif; display: block; } #mainContent .blkCenter .blkContentDisplayLaser .logo_laser { position: absolute; right: 10px; bottom: 10px; } #mainContent .blkCenter form { width: 870px; text-align: center; padding: 15px; font-family: 'Raleway', sans-serif; margin-bottom: 50px; border-radius: 0 0 8px 8px; position: relative; } #mainContent .blkCenter form table { width: 870px; text-align: left; margin-top: 10px; } #mainContent .blkCenter form table tr { height: 55px; vertical-align: middle; } #mainContent .blkCenter form table tr td { vertical-align: middle; } #mainContent .blkCenter form table tr td.label { vertical-align: middle; text-align: right; } #mainContent .blkCenter form table tr td.labelMessage { vertical-align: top; text-align: right; } #mainContent .blkCenter form table tr td label { width: 185px; display: inline-block; text-align: right; padding-right: 15px; color: #184E74; text-transform: uppercase; font-size: 12px; font-weight: bold; } #mainContent .blkCenter form table tr td input { -webkit-box-shadow: inset 0px 0px 5px 0px #6EA6CA; box-shadow: inset 0px 0px 5px 0px #6EA6CA; width: 440px; font-size: 14px; height: 25px; line-height: 25px; font-family: 'Raleway', sans-serif; border-radius: 5px; padding-left: 10px; border: 1px solid #FFF; background: rgb(225,255,255); /* Old browsers */ background: -moz-linear-gradient(left, rgba(225,255,255,1) 0%, rgba(225,255,255,1) 2%, rgba(225,255,255,1) 4%, rgba(253,255,255,1) 4%, rgba(230,248,253,1) 30%, rgba(200,238,251,1) 54%, rgba(190,228,248,1) 75%, rgba(177,216,245,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(225,255,255,1)), color-stop(2%,rgba(225,255,255,1)), color-stop(4%,rgba(225,255,255,1)), color-stop(4%,rgba(253,255,255,1)), color-stop(30%,rgba(230,248,253,1)), color-stop(54%,rgba(200,238,251,1)), color-stop(75%,rgba(190,228,248,1)), color-stop(100%,rgba(177,216,245,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 2%,rgba(225,255,255,1) 4%,rgba(253,255,255,1) 4%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 2%,rgba(225,255,255,1) 4%,rgba(253,255,255,1) 4%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 2%,rgba(225,255,255,1) 4%,rgba(253,255,255,1) 4%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 2%,rgba(225,255,255,1) 4%,rgba(253,255,255,1) 4%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=1 ); /* IE6-9 */ } #mainContent .blkCenter form table tr td textarea { -webkit-box-shadow: inset 0px 0px 5px 0px #6EA6CA; box-shadow: inset 0px 0px 5px 0px #6EA6CA; width: 430px; height: 230px; max-width: 430px; max-height: 230px; min-width: 430px; min-height: 230px; font-family: 'Raleway', sans-serif; border-radius: 5px; padding: 10px; border: 1px solid #FFF; background: rgb(225,255,255); /* Old browsers */ background: -moz-linear-gradient(left, rgba(225,255,255,1) 0%, rgba(225,255,255,1) 2%, rgba(225,255,255,1) 4%, rgba(253,255,255,1) 4%, rgba(230,248,253,1) 30%, rgba(200,238,251,1) 54%, rgba(190,228,248,1) 75%, rgba(177,216,245,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(225,255,255,1)), color-stop(2%,rgba(225,255,255,1)), color-stop(4%,rgba(225,255,255,1)), color-stop(4%,rgba(253,255,255,1)), color-stop(30%,rgba(230,248,253,1)), color-stop(54%,rgba(200,238,251,1)), color-stop(75%,rgba(190,228,248,1)), color-stop(100%,rgba(177,216,245,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 2%,rgba(225,255,255,1) 4%,rgba(253,255,255,1) 4%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 2%,rgba(225,255,255,1) 4%,rgba(253,255,255,1) 4%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 2%,rgba(225,255,255,1) 4%,rgba(253,255,255,1) 4%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 2%,rgba(225,255,255,1) 4%,rgba(253,255,255,1) 4%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=1 ); /* IE6-9 */ } #mainContent .blkCenter form p { color: #184E74; font-family: 'Raleway', sans-serif; } ul.parsley-error-list { font-size: 10px; font-family: 'Raleway', sans-serif; color: #184E74; } ul.parsley-error-list li.type { color: #020E1F; } #mainContent.contact .blkCenter .blockRight { padding: 10px; width: 400px; text-align: left; color: #FFF; border-radius: 5px; box-shadow: 0 2px 3px 0 #000; background: #015b91; /* Old browsers */ background: -moz-linear-gradient(-45deg, #015b91 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#015b91), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #015b91 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #015b91 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #015b91 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(135deg, #015b91 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015b91', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #mainContent.contact .blkCenter .blockRight ul { display: block; } #mainContent.contact .blkCenter .blockRight ul li { line-height: 1.5; } #mainContent.contact .blkCenter .blockRight ul li.title { text-transform: uppercase; font-weight: bold; font-family: 'Raleway', sans-serif; text-align: center; } #mainContent.contact .blkCenter .blockRight ul li.title span { display: block; text-align: center; font-family: 'Raleway', sans-serif; } #mainContent.contact .blkCenter .blockLeft { width: 388px; color: #184E74; padding: 35px 25px 25px 25px; font-family: 'Raleway', sans-serif; } #mainContent .blkCenter #blkOutsideMap { padding: 10px; margin-bottom: 50px; border: 1px solid #B0DEFA; height: 450px; } #mainContent .blockRight { width: 450px; display: block; overflow: hidden; } #mainContent .blockRight h2 { display: block; margin: 5px 0 10px; font-size: 23px; text-transform: uppercase; color: #015D94; } #mainContent .blockRight .blockPresent.palignleft { width: 448px; height: 137px; overflow: hidden; border: none; } #mainContent .blockRight .blockPresent.palignleft .containPhoto { width: 211px; padding: 3px; float: left; margin-right: 10px; } #mainContent .blockRight .blockPresent { width: 219px; height: 252px; overflow: hidden; border: none; } #mainContent .blockRight .blockSepMiddle { width: 100%; height: 1px; background: url(../img/common/sep.gif) repeat-x; float: left; margin-bottom: 5px; } #mainContent .blockRight .blockSepBlock { width: 1px; height: 240px; background: url(../img/common/sep.gif) repeat-y; float: left; margin-top: 5px; } #mainContent .blockRight .blockPresent.blockLeft { margin: 0 5px 5px 0; } #mainContent .blockRight .blockPresent.blockRight { margin: 0 0 5px 0; } #mainContent .blockRight .blockPresent h3 { color: #03AFFD; font-size: 14px; text-transform: uppercase; margin: 3px 0 5px; } #mainContent .blockRight .blockPresent p { font-size: 12px; text-transform: none; line-height: 16px; margin: 5px 0 7px 5px; font-weight: 400; font-style: italic; font-family: 'Raleway', sans-serif; color: #3f3f3f; } #mainContent .blockRight .blockPresent.palignleft p { } #mainContent .blockRight .blockPresent .blockLink { padding-left: 4px; } #mainContent .blockRight .box-actes { float: left; width: 100%; text-align: center; background-color: #139AE5; margin: 0; border-radius: 5px; -webkit-border-radius: 5px; } #mainContent .blockRight .box-actes p { margin: 0; padding: 8px 10px; color: #fff; font-weight: bold; font-size: 16px; } /* ********** CSS MAINCONTENT - PRODUCT */ /* ********** CSS BLOCKLEFT - MAINCONTENT - PRODUCT */ #mainContent.product .blockLeft { width: 250px; margin-right: 10px; } #mainContent.product .blockLeft #partUp { background-color: #00A8FD; width: 100%; height: auto; border-radius: 15px 0 0 0; } #mainContent.product .blockLeft #partUp #blkUp { position: relative; background: #000D20 url(../img/solutions/menu_img1.png) no-repeat; width: 100%; border-radius: 10px 0 20px 0; padding-top: 6px; } #mainContent.product .blockLeft #partUp #blkUp #titleMenu { color: #FFF; font-size: 20px; text-transform: uppercase; font-family: 'Raleway', sans-serif; display: block; margin: 0 0 0 6px; padding-left: 8px; height: 35px; line-height: 35px; width: 231px; border-radius: 5px 0 0 0; background: #0d2336; background: -moz-linear-gradient(top, #0d2336 0%, #0d2336 38%, #00578c 61%, #00578c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d2336), color-stop(38%,#0d2336), color-stop(61%,#00578c), color-stop(100%,#00578c)); background: -webkit-linear-gradient(top, #0d2336 0%,#0d2336 38%,#00578c 61%,#00578c 100%); background: -o-linear-gradient(top, #0d2336 0%,#0d2336 38%,#00578c 61%,#00578c 100%); background: -ms-linear-gradient(top, #0d2336 0%,#0d2336 38%,#00578c 61%,#00578c 100%); background: linear-gradient(to bottom, #0d2336 0%,#0d2336 38%,#00578c 61%,#00578c 100%); -webkit-box-shadow: inset 0px 0px 4px 1px #00578C; box-shadow: inset 0px 0px 4px 1px #00578C; } #mainContent.product .blockLeft #partUp #blkUp ul { margin: 10px; } #mainContent.product .blockLeft #partUp #blkUp ul li { line-height: 25px; } #mainContent.product .blockLeft #partUp #blkUp ul li a { color: #6EA6CA; } #mainContent.product .blockLeft #partUp #blkUp ul li ul { display: none; } #mainContent.product .blockLeft #partBottom { background-color: #000D20; width: 100%; height: auto; border-radius: 0 0 10px 10px; } #mainContent.product .blockLeft #partBottom #blkBottom { background-color: #00A8FD; width: 100%; height: 550px; border-radius: 20px 0 10px 10px; } /* ********** CSS BLOCKRIGHT - MAINCONTENT - PRODUCT */ #mainContent.product .blockRight { width: 638px; background-color: #FFF; border: 0; } #mainContent.product .blockRight #solution { min-height: 1100px; } #mainContent.product .blockRight #solution #titleBox { position: relative; min-height: 76px; overflow: hidden; background: url(../img/solutions/epilations/h1.png) no-repeat left center #FFF; border-radius: 0 10px 0 10px; -webkit-box-shadow: inset 0px 0px 5px 0px #6EA6CA; box-shadow: inset 0px 0px 5px 0px #6EA6CA; margin: 0; position: relative; } #mainContent.product .blockRight #solution #titleBox h2 { display: inline-block; color: #184E74; text-transform: uppercase; text-shadow: 0 1px 0 #02446E; font-size: 26px; margin: 12px 0 0 -47px; border: 0; } #mainContent.product .blockRight #solution #titleBox h2 span { position: absolute; top: 44px; left: 122px; color: #184E74; text-transform: uppercase; text-shadow: 0 1px 0 #02446E; font-size: 16px; } #mainContent.product .blockRight #solution #titleBox.coolsculpting { } #mainContent.product .blockRight #solution #titleBox.coolsculpting h2 { margin: 8px 0 0 -36px; } #mainContent.product .blockRight #solution #titleBox.coolsculpting h2 span { top: 38px; left: 136px; font-size: 14px; } #mainContent.product .blockRight #solution #titleBox img { float: left; margin-top: -10px; width: 157px; height: 86px; } #mainContent.product .blockRight #solution .waveSol { background: url(../img/solutions/waveSol.png) no-repeat; width: 638px; height: 80px; margin-top: -51px; position: relative; } #mainContent.product .blockRight #solution h3 { border-bottom: 1px solid #B0DEFA; color: #02A4FF; font-size: 20px; font-weight: 600; line-height: 40px; position: relative; text-shadow: 0 1px 0 #02446E; text-transform: uppercase; padding-left: 3px; } #mainContent.product .blockRight #solution h4 { color: #184E74; font-size: 14px; font-family: DroidSans-Bold, tahoma, arial, sans-serif; border-bottom: 1px solid #184E74; padding-bottom: 2px; display: inline-block; margin-top: 10px; } #mainContent.product .blockRight #solution p.cap { margin-top: -1px; padding-left: 3px; font-weight: 600; } #mainContent.product .blockRight #solution p.cap img { margin-top: -10px; } #mainContent.product .blockRight #solution p { padding-left: 3px; text-align: justify; } #mainContent.product .blockRight #solution .blockLeft-para { float: left; width: 348px; } #mainContent.product .blockRight #solution p a { color: #05A0FD; text-decoration: underline; } #mainContent.product .blockRight #solution p a:hover { color: #184E74; } #mainContent.product .blockRight #solution p.block { padding-left: 10px; margin-left: 14px; text-align: justify; border-left: 2px solid #B4DDF9; } #mainContent.product .blockRight #solution p span.icoCom { margin: 8px 8px 0 8px; } #mainContent.product .blockRight #solution p span.bold { color: #184E74; font-weight: 600; } #mainContent.product .blockRight #solution p span.boldTitle { font-weight: bold; color: #184E74; display: block; padding: 5px 5px; border-radius: 5px; -webkit-border-radius: 5px; background: rgb(184,225,252); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /* #mainContent.product .blockRight #solution p img { margin: -12px 10px 0 0; } */ #mainContent.product .blockRight #solution ul { color: #3F3F3F; font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 23px; margin: 5px 0 0 0; } #mainContent.product .blockRight #solution ul li span { background: url(../ico/icone_stat.png) no-repeat; display: block; width: 13px; height: 13px; margin: 5px 8px 0 0; } #mainContent.product .blockRight #solution .boxButton { display: block; margin: 50px 20px; text-align: right; } /* SEARCH WEBSITE */ #mainContent.display_search { display:block; background-color: #FFF; border: 0; line-height: 30px; padding: 20px; } #mainContent.display_search h1 { border-bottom: 1px solid #D2F1FF; color: #02A4FF; font-size: 20px; font-weight: 600; line-height: 40px; margin-top: 20px; padding-left: 3px; position: relative; text-shadow: 0 1px 0 #02446E; text-transform: uppercase;} #mainContent.display_search h2 { color: #000000; font-size: 16px; font-weight: 200; line-height: 40px; padding-left: 3px; position: relative; text-align: center; display: block; } #mainContent.display_search h3 { border: 1px solid #ccc; font-size: 16px; color: #808080; font-weight: 200; line-height: 30px; padding-left: 10px; position: relative; border-radius: 5px; margin-bottom: 5px; } #mainContent.display_search h3 a {color: #02A4FF;} #mainContent.display_search p { padding-left: 3px; text-align: justify; line-height: 18px; margin-bottom: 20px; } #mainContent.display_search .container_reponse { margin: 0 0 10px; } #mainContent.display_search .container_reponse h4 { font-family: 'Raleway', sans-serif; overflow: hidden; position: relative; margin-bottom: 5px; text-transform: uppercase; padding: 0; } #mainContent.display_search .container_reponse h4 a { color: #000; display: block; } #mainContent.display_search .container_reponse p { padding: 0 10px 5px 0; margin: 0; } #mainContent.display_search .container_reponse p a { font-size: 12px; display: block; color: #3f3f3f; } #mainContent.display_search .container_reponse p a:hover { color: #000; } /* ********** CSS OVERIMG3D NATIVE HOME */ .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { width:300px; height:195px; background-position:0px 0px; background-size: 200% auto; } @media only screen and (min-width: 1220px) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { width: 100%; height: 251px; } } .photo11 { width:212px; height:119px; background-position:0px 0px; } .photo12 { width:211px; height:105px; background-position:0px 0px; } .photo13 { width:211px; height:105px; background-position:0px 0px; } .photo1 { background-image: url(../img/home/1024/epilation-1024.png); } .photo2 { background-image: url(../img/home/1024/rajeunissement-visage_1200.png); } .photo3 { background-image: url(../img/home/1024/peelings_1024.png); } .photo4 { background-image: url(../img/home/1024/botox_1024.png); } .photo5 { background-image: url(../img/home/1024/ultherapy-1024.png); } .photo6 { background-image: url(../img/home/1024/coolsculping-1024.png); } .photo7 { background-image: url(../img/home/1024/couperose-1024.png); } .photo8 { background-image: url(../img/home/1024/cicatrice-vergeture-1024.png); } .photo9 { background-image: url(../img/home/1024/taches-brune-1024.png); } .photo10 { background-image: url(../img/home/1024/detatouage-1024.png); } .photo11 { background-image: url(../img/home/traitement_acne.png); } .photo12 { background-image: url(../img/home/ultherapy.png); } .photo13 { background-image: url(../img/home/coolsculping.png); } .photo14 { background-image: url(../img/home/1024/comblement.png); } .photoOnda { background-image: url(../img/home/1024/onda-1024.png); } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { background-position:-100% 0px; background-size: 200% auto; display:block; width:auto; height:195px; padding-left: 5px; padding-right: 4px; } @media only screen and (min-width: 1220px) { .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 251px; } } .photo11 strong { background-position:-212px 0px; display:block; width:auto; height:119px; } .photo12 strong { background-position:-211px 0px; display:block; width:auto; height:102px; } .photo13 strong { background-position:-211px 0px; display:block; width:auto; height:102px; } .photo1 strong { background-image: url(../img/home/1024/epilation-1024.png); } .photo2 strong { background-image: url(../img/home/1024/rajeunissement-visage_1200.png); } .photo3 strong { background-image: url(../img/home/1024/peelings_1024.png); } .photo4 strong { background-image: url(../img/home/1024/botox_1024.png); } .photo5 strong { background-image: url(../img/home/1024/ultherapy-1024.png); } .photo6 strong { background-image: url(../img/home/1024/coolsculping-1024.png); } .photo7 strong { background-image: url(../img/home/1024/couperose-1024.png); } .photo8 strong { background-image: url(../img/home/1024/cicatrice-vergeture-1024.png); } .photo9 strong { background-image: url(../img/home/1024/taches-brune-1024.png); } .photo10 strong { background-image: url(../img/home/1024/detatouage-1024.png); } .photo11 strong { background-image: url(../img/home/traitement_acne.png); } .photo12 strong { background-image: url(../img/home/ultherapy.png); } .photo13 strong { background-image: url(../img/home/coolsculping.png); } .photo14 strong { background-image: url(../img/home/1024/comblement.png); } .photoOnda strong { background-image: url(../img/home/1024/onda-1024.png); } #waveFooter { background-image: url(../img/home/waveHome.png); height: 101px; margin-top: -6px; position: relative; z-index: 99999; display: none; } .content.contact { margin: 70px 0 100px; font-size: 14px; } .content.contact p.legend { color: #999999; font-size: 10px; margin: -4px 0 14px; text-align: right; } .contact .block-left, .contact .block-right { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; } .contact .block-left { padding: 0 8% 0 0; width: 65%; } .contact .block-left p { margin: 0; padding: 20px 0; border-top: 1px solid #fff; } .contact .block-left h3 { border-bottom: 1px solid #f1f1f1; padding-bottom: 3px; text-transform: uppercase; color: #43abc7; } .contact .block-right { padding: 10px 15px; width: 35%; background: url(../img/bg_contact.jpg) repeat; margin-bottom: 25px; } .contact #blkOutsideMap { margin-bottom: 15px; } .contact .block-right .image-wrap { position: relative; } .contact .block-right .image-wrap img { width: 100%; height: 100%; } .contact .block-right .option-wrap { margin-bottom: 10px; } .contact .block-right .option-wrap .option { color: #333; font-size: 16px; line-height: 15px; margin: 9px 0; } .contact .block-right .option-wrap .option .link-style { color: #333; text-decoration: underline; } .contact .form-wrap { position: relative; } .contact .form-wrap .error-message { position: absolute; bottom: -159px; color: red; font-weight: bold; font-size: 16px; text-align: center; z-index: 8; line-height: 20px; } .contact .form-wrap .error-message .link-error { color: red; text-decoration: underline; font-size: 20px; line-height: 2; } .contact .inp-wrap { position: relative; margin: 0 0 15px; } .contact .inp-wrap label { display: block; text-transform: uppercase; font-size: 10px; font-weight: 700; margin-bottom: 3px; } .contact .inp-wrap label span { color: #FF0000; font-size: 14px; } .contact .inp-wrap input, .contact .inp-wrap textarea { width: 100%; background-color: #e6eaed; border: 1px solid #DADBD2; padding-left: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } .contact .inp-wrap input.parsley-error, .contact .inp-wrap textarea.parsley-error { border: 1px solid #C0281B; } .contact .inp-wrap textarea { padding: 6px; } .contact .inp-wrap input { padding: 7px 0 9px 8px; } .contact .linex50 { width: 50%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .contact .linex50.left { padding-right: 35px; } .contact .linex50.right { padding-left: 35px; } .contact .linex100 { width: 100%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .contact .btn-wrap { float: left; margin-bottom: 9px; position: relative; width: 100%; } .contact .btn-wrap .btnOnWhite { background-color: #1cb4e5; color: #FFF; border: 0 none; border-bottom: 4px solid #0098c9; padding: 10px 35px 8px; border-radius: 6px; font-size: 16px; font-weight: bold; cursor: pointer; transition: all 0.2s ease-in-out; } .contact .btn-wrap .btnOnWhite:hover { background-color: #35a8cd; color: #FFF; } .contact.option-wrap { } .contact .option-wrap .legend { border-bottom: 1px solid #dedede; color: #2586ca; font-size: 10px; font-weight: 500; margin-bottom: 0; padding-bottom: 4px; text-transform: uppercase; } .block-left h2 { margin: 0; border-bottom: 1px solid #faf5fa; padding-bottom: 5px; } .block-right h3 { margin: 0 0 10px; font-size: 22px; font-weight: 300; font-family: "Lato",sans-serif; } /* ********** CSS FOOTER */ #footer { position: relative; display: block; background-color: #eaeef1; border-top: 12px solid #e0e1e1; margin-top: 127px; } #logoFooter { background-image: url(../img/footer/logo_clde.png); display: block; width: 220px; height: 60px; margin-left: 52px; } #footer #mention { position: absolute; right: 0; bottom: 10px; } #footer h3 { color: #94969b; font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; } #footer #mention p { color: #94969b; font-size: 12px; line-height: 16px; margin: 0; text-align: right; font-family: 'Raleway', sans-serif; } #footer .bottom-box { position: relative; border-bottom: 1px solid #e0e1e1; padding-bottom: 10px; } #containFooter { position: relative; display: block; width: 970px; margin: 31px auto 0; } #containFooter .menu-list { margin: 25px 0 30px; } #containFooter .menu-list ul { webkit-box-sizing: border-box; box-sizing: border-box; float: left; font-size: 10px; color: #03A7FF; width: 25%; border-left: 1px solid #f9f9f9; border-right: 1px solid #e0e1e1; padding: 0 15px; min-height: 205px; } #containFooter .menu-list ul.first { border-left: 0 none; padding-left: 0; } #containFooter .menu-list ul.last { border-right: 0 none; } #footer ul { } #footer p.end { color: #94969b; border-top: 1px solid #f9f9f9; margin: 0; padding: 3px 0 10px; } #footer ul li { margin: 4px 0; } #footer ul li:hover { color: #FFF; } #footer ul li a { display: block; color: #b0b2b7; font-size: 12px; font-family: 'Raleway', sans-serif; } #footer ul li a:hover { color: #777; text-decoration: underline; } #footerComm { position: relative; margin: 0 auto; text-align: center; } #footerComm #mention { float: none; margin: 0 10px 10px 10px; } #footerComm #mention h3 { display: inline-block; color: #171615; margin: 20px 0 10px 0; width: 390px; text-align: center; font-family: 'Raleway', sans-serif; } #footerComm #mention p { color: #6EA6CA; font-size: 12px; line-height: 16px; margin: 5px 0; font-family: 'Raleway', sans-serif; } #footerComm #mention p span { color: #000; } body.tarifs { background-image: none; font-family: 'Raleway', sans-serif; color: #6EA6CA; position: relative; height: 600px; } body.tarifs #wrapper { width: 840px; margin: 30px; padding: 10px; background: #e0f3fa; /* Old browsers */ background: -moz-linear-gradient(-45deg, #e0f3fa 0%, #d8f0fc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e0f3fa), color-stop(100%,#d8f0fc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 100%); /* IE10+ */ background: linear-gradient(135deg, #e0f3fa 0%,#d8f0fc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#d8f0fc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } body.tarifs #wrapper h1 { padding: 10px 0; text-align: center; text-transform: uppercase; color: #184E74; } body.tarifs #wrapper ul { width: 825px; margin: 0 10px; line-height: 25px; } body.tarifs #wrapper ul.title li { color: #FFF; background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(-45deg, #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } body.tarifs #wrapper ul li { width: 96%; color: #184E74; font-weight: bold; margin: 8px 0; padding: 0 13px; border-radius: 20px; -webkit-border-radius: 20px; background: #b8e1fc; /* Old browsers */ background: -moz-linear-gradient(-45deg, #b8e1fc 0%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#b8e1fc), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #b8e1fc 0%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #b8e1fc 0%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #b8e1fc 0%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */ background: linear-gradient(135deg, #b8e1fc 0%,#a2daf5 83%,#bdf3fd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } body.tarifs #wrapper ul li span { float: right; color: #02A4FF; } body.tarifs #wrapper ul.title li span { color: #FFF; } body.tarifs #wrapper p { margin: 0 20px; font-family: 'Raleway', sans-serif; } body.tarifs #wrapper p span.ico_span { color: #184E74; font-weight: bold; text-decoration: underline; display: block; } @media (min-width: 760px) and ( max-width:800px ) { .product-head .bottom h3 { top: 16px; font-size: 17px; } .product-head .bottom h3:before { top: -5px; } .product-head .bottom h2 { left: 10px; font-size: 21px; } .product-head .bottom h2 span { margin: 7px 0 0 2px; font-size: 17px; } .product-head .bottom .image-wrap.title { display: none; } .product-head .bottom h2 span.small { font-size: 11px; } #mainContent .items-box-home { height: 255px; } #mainContent .items-box-home .title-box { height: 43px; } #mainContent .items-box-home .arrow-box { height: 43px; } #mainContent .items-box-home .arrow-box:before { top: 12px; } #mainContent .items-box-home h3 { line-height: 43px; left: 18px; } iframe.cool-video { height: 255px; } iframe.cool-2-video { height: 455px; } } @media ( max-width:980px ) { .loader1 { height: 125px; margin-top: -62px; } .loader2 { height: 12px; margin-top: -5px; } .contact .linex50 { width: 100%; } .contact .linex50.left { padding-right: 0; } .contact .linex50.right { padding-left: 0; } #mainContent .blk-present .act { width: 100%; line-height: 34px; } #mainContent .blk-present .contact { width: 100%; margin-top: 0; } #mainContent .blk-present .contact .phone { font-size: 24px; } .js-scrollTo { display: none !important; } #wrapper { width: 100%; box-sizing: border-box; } #containFooter { width: 100%; box-sizing: border-box; } #mainContent .items-box-home-wrap { width: 31%; margin: 0 3.5% 3.5% 0; } .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14 { width: 100%; height: 192px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong { height: 192px; } #mainContent .items-box-home h3 { font-size: 14px; } #nav a { font-size: 14px; } .slick-prev.slick-arrow { display: none !important; } .slick-next.slick-arrow { display: none !important; } #mainContent.presentation p.cap { float: none; margin: 0; padding-bottom: 10px; border-bottom: 1px solid #f1f1f1; text-align: center; width: auto; } #mainContent.presentation img.alignLeft { width: 280px; } #mainContent .slide-home { box-shadow: 0 1px 2px 0 #a3a3a3; height: auto; max-height: 310px; width: 100%; } } @media ( max-width:1075px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 192px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 192px; } } @media ( max-width:1070px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 191px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 191px; } } @media ( max-width:1065px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 190px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 191px; } } @media ( max-width:1060px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 189px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 189px; } } @media ( max-width:1055px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 188px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 188px; } } @media ( max-width:1050px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 187px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 187px; } } @media ( max-width:1045px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 186px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 186px; } } @media ( max-width:1040px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 185px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 185px; } } @media ( max-width:1035px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 185px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 185px; } } @media ( max-width:1030px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 184px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 184px; } } @media ( max-width:1025px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 183px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 183px; } } @media ( max-width:1020px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 182px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 182px; } } @media ( max-width:1015px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 181px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 181px; } } @media ( max-width:1010px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 180px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 180px; } } @media ( max-width:1005px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 179px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 179px; } } @media ( max-width:1000px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 178px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 178px; } } @media ( max-width:995px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 177px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 177px; } } @media ( max-width:990px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 176px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 176px; } #mainContent .items-box-home h3 { font-size: 13px; } #nav a { font-size: 13px; } } @media ( max-width:985px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 175px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 175px; } } @media ( max-width:980px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 174px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 174px; } } @media ( max-width:975px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 173px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 173px; } } @media ( max-width:970px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 172px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 172px; } } @media ( max-width:965px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 171px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 171px; } } @media ( max-width:960px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 170px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 170px; } } @media ( max-width:955px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 169px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 169px; } } @media ( max-width:950px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 168px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 168px; } } @media ( max-width:945px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 167px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 167px; } } @media ( max-width:940px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 166px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 166px; } #mainContent .items-box-home h3 { font-size: 12px; } #nav a { font-size: 12px; } #searchBox #search input[type="text"] { width: 0; padding: 6px 18px 6px 30px; background-size: url(../img/common/search-white.png) no-repeat scroll 18px 6px #031120; } } @media ( max-width:935px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 165px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 165px; } } @media ( max-width:930px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 164px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 164px; } } @media ( max-width:925px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 163px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 163px; } } @media ( max-width:920px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 162px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 162px; } } @media ( max-width:915px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 161px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 161px; } } @media ( max-width:910px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 160px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 160px; } } @media ( max-width:905px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 159px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 159px; } } @media ( max-width:900px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 158px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 158px; } } @media ( max-width:895px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 157px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 157px; } } @media ( max-width:890px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 156px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 156px; } } @media ( max-width:885px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 155px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 155px; } } @media ( max-width:880px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 154px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 154px; } } @media ( max-width:875px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 153px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 153px; } } @media ( max-width:870px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 152px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 152px; } } @media ( max-width:865px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 151px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 151px; } } @media ( max-width:860px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 150px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 150px; } } @media ( max-width:855px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 149px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 149px; } } @media ( max-width:850px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 148px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 148px; } } @media ( max-width:845px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 147px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 147px; } } @media ( max-width:840px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 146px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 146px; } } @media ( max-width:835px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 145px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 145px; } } @media ( max-width:830px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 144px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 144px; } } @media ( max-width:825px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 143px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 143px; } } @media ( max-width:820px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 142px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 142px; } } @media ( max-width:815px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 141px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 141px; } } @media ( max-width:810px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 140px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 140px; } } @media ( max-width:805px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 139px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 139px; } } @media ( max-width:800px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 138px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 138px; } } @media ( max-width:795px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 137px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 137px; } } @media ( max-width:790px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 136px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 136px; } } @media ( max-width:785px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 135px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 135px; } } @media ( max-width:780px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 134px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 134px; } } @media ( max-width:775px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 133px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 133px; } } @media ( max-width:770px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 195px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 195px; } #mainContent .items-box-home .title-box { height: 65px; } #mainContent .items-box-home .arrow-box { height: 65px; } #mainContent .items-box-home .arrow-box:before { top: 20px; } #mainContent .items-box-home h3 { font-size: 16px; line-height: 60px; } #mainContent h2.home { padding: 20px 0 !important; } #mainContent .content-items a { height: auto !important; } .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: calc(100% - 129px) !important; max-height: inherit; } } @media ( max-width:765px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 131px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 131px; } } @media ( max-width:760px ) { .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo14, .photoOnda { height: 130px; } .photo1 strong, .photo2 strong, .photo3 strong, .photo4 strong, .photo5 strong, .photo6 strong, .photo7 strong, .photo8 strong, .photo9 strong, .photo10 strong, .photo14 strong, .photoOnda strong { height: 130px; } } /* ********************************************************************************************************************************************************* * END SPACEWEBSITE o// * ********************************************************************************************************************************************************* */ /* ********************************************************************************************************************************************************* * BEGIN MOBILEWEBSITE o// * ********************************************************************************************************************************************************* */ @media (max-width:450px) { #mainContent .content-items .items-box-home { width: 100% !important; box-shadow: 0 0 2px 0 #a3a3a3; height: auto !important; } #mainContent .items-box-home .title-box { position: relative; background-color: #FFF; } .containPhoto { display: none; } iframe.cool-video { height: 197px; } iframe.cool-2-video { height: 355px; } #mainContent .items-box-home { background-color: rgba(255,255,255,0); height: auto !important; } #mainContent .items-box-home h3 { font-size: 15px; color: rgba(3, 42, 70, 1); font-weight: 700!important; } #mainContent .items-box-home:hover h3 { color: rgba(3, 42, 70, 0.9); } #mainContent .blk-present, #mainContent .blk-ulth { width: 100%; border: 0 none; padding: 5px 10px 10px; } #mainContent .items-box-home p { display: none; } #mainContent h2.home { padding: 14px 0 15px !important; background-color: rgba(0, 0, 0, 0.06) !important; color: rgba(3,42,70,0.78) !important; font-weight: 200; font-size: 16px !important; } #mainContent .blk-present h3, #mainContent .blk-ulth h3 { font-size: 20px; font-weight: 300; } #mainContent .blk-ulth h3 span.new { width: auto; padding: 5px 6px; font-size: 10px; } #mainContent .blk-present p, #mainContent .blk-ulth p { font-size: 13px; line-height: 18px; } #mainContent .blk-ulth p img, #mainContent .blk-present p img { margin: 0 15px 0 0; width: 165px; } #mainContent .blk-content-home { border-top: 0 none; padding-top: 0; } #mainContent .blk-present .contact, #mainContent .blk-present .act { width: 100%; margin: 15px 0 0; padding: 32px 20px 27px; } #mainContent .blk-present .contact .phone { font-size: 34px; } #containFooter .menu-list { display: none; } #mainContent.presentation .blk-left { float: none; width: 100%; padding-right: 0; } #mainContent.presentation .blk-right { float: none; width: 100%; padding-left: 0; } #mainContent.presentation h2 { font-size: 23px; } #mainContent.presentation img.alignLeft { margin-bottom: 20px; width: 100%; } .contact .block-left { width: 100%; } .contact .block-right { width: 100%; margin-top: 15px; } .content.contact { margin: 41px 0 100px; } .contact .linex50.left { padding-right: 0; } .contact .linex50.right { padding-left: 0; } .contact .linex50 { width: 100%; } .contact .block-left { padding: 0; } .content.contact { margin: 41px 0 0; } .slide-clde h1 { font-size: 12px !important; margin: -10px 0 0 !important; } .iframe-block { width: 100%; display: none; } .youtube-clone.cool { display: none; } .product-content .block-left .tab-wrap .content-tab-1 .youtube-clone { height: 189px !important; } .product-content .block-left .tab-wrap .content-tab-1 .news-video { height: 189px !important; } .iframe-item { height: 201px !important; float: none; width: 100%; } .iframe-item iframe { height: 201px !important; } .product-content .block-left .tab-wrap .content-tab-1 .iframe-item .youtube-clone { height: 201px !important; } .slide-clde h1 strong { margin-top: 51px !important; } #mainContent .items-box-home .title-box { height: 42px !important; } #mainContent .items-box-home .arrow-box { height: 43px !important; } #mainContent .items-box-home h3 { left: 14px !important; line-height: 42px !important; } #mainContent .items-box-home .arrow-box:before { top: 12px !important; } .product-head .bottom h2 span.small { font-size: 11px !important; } #mainContent .blkCenter .blkContentDisplayLaser img { width: 100%; } .product-content .block-left .tab-wrap .content-tab-2 h3 span.price { bottom: -15px !important; } iframe.coolSculpting-video { height: 188px !important; } } @media (max-width:769px) { #menu { display: block; } #mainContent .blkCenter .blkContentDisplayLaser { height: 300px; } .content.contact { padding: 0 20px; } #btn-scrollTop { display: none !important; } #mainContent .slide-home { min-height: 120px; box-shadow: 0 -1px 2px 0 #000000; } .slide-clde h1 strong { margin-top: 7px; } .slick-slide img { min-height: 120px; } #menuWrap { width: 100%; z-index: 999999; position: relative !important; } #footer p.end { text-align: center; } #waveFooter { display: none; } iframe.cool-video { width: 100%; margin-bottom: 20px; } .product-content .block-left .tab-wrap .content-tab-1 .news-video { width: 100%; height: 410px; } #muteYouTubeVideoPlayer6 { position: relative; margin-top: 30px; } #muteYouTubeVideoPlayerOndaNews { position: relative; margin-top: 30px; } .iframe-block { width: 100%; margin-bottom: 15px; } .youtube-clone { width: 100%; height: 189px; float: none; } .iframe.news-video { height: 189px; } #footer .bottom-box { text-align: center; } #footer #mention { position: relative; bottom: 0; } #footer #mention p { text-align: center; } .slide-clde h2 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; } #logoFooter { margin: -23px auto 10px !important; } #nav { background: rgba(4, 70, 82, 0.43); } #nav li.mm--mobile { display: block; } #nav li.mm--desktop { display: none; } #nav li.mm--mobile a.btnMenuMob { line-height: 26px; padding-left: 10px; text-transform: none; font-weight: 200; color: #FFF; } #nav li.mm--mobile a.btnMenuMob:before { content: ""; background: url(../img/sprite-clde.png) 0 -45px; background-size: 300px auto; top: 5px; left: 0; padding-right: 10px; width: 24px; height: 15px; float: left; position: relative; display: block; } #mainContent .blk-content-home.up { padding: 20px 20px 0; } #mainContent .blk-content-home { padding: 20px 20px 0; } #mainContent .blk-ulth p { text-align: left; } #mainContent .blk-present p { text-align: left; } .section-news { position: relative; padding: 0 20px; margin-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .section-news .information { float: none; width: 100%; padding-right: 0; } .section-news .mask-iframe { display: none; } .section-news strong.full-title { text-align: center; } .slick-next.slick-arrow, .slick-prev.slick-arrow { display: none !important; } .product-content .block-left .tab-wrap .content-tab-1 .block-left-iframe { width: 100%; } .product-content .block-left .tab-wrap .content-tab-1 .youtube-clone { width: 100%; height: 410px; float: none; } .iframe-item { height: 201px; } .iframe-item iframe { height: 201px; } #page { min-width: 320px; } #containFooter { min-width: 300px; width: auto; text-align: center; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } #wrapper { padding: 0; } #header { background: rgb(44,212,248); background: -moz-radial-gradient(center, ellipse cover, rgba(44,212,248,1) 0%, rgba(1,158,255,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(44,212,248,1) 0%,rgba(1,158,255,1) 100%); background: radial-gradient(ellipse at center, rgba(44,212,248,1) 0%,rgba(1,158,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cd4f8', endColorstr='#019eff',GradientType=1 ); } #header .image-wrap { height: 90px; position: relative; margin-top: -10px; } #logoCLDE { display: block; background: url(../img/mobile/header/laser-logo-mobile.png) no-repeat 0 2px; position: absolute; right: 0; top: 0; width: 320px; height: 104px; background-size: 100%; z-index: 9999999; } #mainContent { margin-top: 0; } #mainContent h2.home { margin: 0 0 10px; padding: 10px 0 12px; font-size: 17px; font-weight: 700!important; background-color: rgba(0,0,0,0.1); border-bottom : 0 none; } #mainContent .content-items { padding: 12px 20px; } #mainContent .content-items a { margin: 0 2% 20px 0 !important; height: 255px; width: 100%; box-sizing: border-box; float: left; } #mainContent .content-items a.tabletRight { margin-right: 0 !important; } .product-content .block-left { margin-right: 0; padding: 20px 10px; } .product-content .block-left .tab-wrap { padding: 0 10px 10px; } .product-content .block-left p.title { text-align: left; } .product-content .block-left span.image-wrap-mobile { width: 300px; margin: 0 0 10px; } .product-content .block-left span.image-wrap-mobile img { width: 100%; height: 100%; padding-bottom: 10px; } .product-content .block-left .tab-wrap .content-tab-2 ul { margin: 0 -10px; } .product-content .block-left .tab-wrap .content-tab-2 ul li { position: relative; height: auto; min-height: 40px; padding: 0; } .product-content .block-left .tab-wrap .content-tab-2 h3 { font-size: 18px; position: relative; } .product-content .block-left .tab-wrap .content-tab-2 h3 span.price { color: rgba(0,0,0,0.6); font-size: 10px; position: absolute; float: none; bottom: 5px; right: 0; } .product-content .block-left .tab-wrap .content-tab-2 ul li span.price { position: absolute; bottom: 0; right: 0; background-color: #43abc5; } .product-content .block-left .tab-wrap .content-tab-2 ul li span.option { background-color: rgba(255,255,255,0); } .product-content .block-left .tab-wrap .content-tab-2 ul li strong { bottom: 5px; height: auto; left: 10px; max-width: 73%; top: auto; } .product-content .block-left .tab-wrap .content-tab-2 ul li strong.more { top: auto; } .product-content .block-left .tab-wrap .content-tab-2 ul li.title { text-shadow: 1px 0 1px #43abc5; font-size: 16px; height: auto; text-transform: none; min-height: auto; background: rgba(255,255,255,0.25); background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.25) 100%, rgba(255,255,255,0.25) 100%, rgba(255,255,255,0.25) 100%); background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.25) 100%, rgba(255,255,255,0.25) 100%, rgba(255,255,255,0.25) 100%); background: linear-gradient(135deg, rgba(255,255,255,0.25) 100%, rgba(255,255,255,0.25) 100%, rgba(255,255,255,0.25) 100%); } .product-content .block-left .tab-wrap .button-tab { } .product-content .block-left .tab-wrap .button-tab ul { } .product-content .block-left .tab-wrap .button-tab ul span { background-color: #43abc5; } .product-content .block-left .tab-wrap .button-tab li { } .product-content .block-left .tab-wrap .button-tab .menu-tablet { } .product-content .block-left .tab-wrap .button-tab .menu-tablet .btn-op { } .product-content .block-right { position: relative; width: 100%; height: auto; } .product-content .block-right img.img-right { left: 0; } .product-head .head { display: none; } .product-head .bottom { margin-right: 0; height: 75px; background-color: rgb(3, 11, 19); } .product-head .bottom h3 { font-size: 12px; left: 10px; top: 10px; } .product-head .bottom h3::before { display: none; } .product-head .bottom h2 { font-size: 21px; top: 29px; left: 23px; text-shadow: 1px 1px 2px #000; } .product-head .bottom h2 span { font-size: 13px; margin: 7px 0 0 30px; } .product-head .bottom h2 span.small { font-size: 18px; margin: 1px 0 0 30px; text-transform: none; width: 100%; } .product-head .bottom h2 span.small br { display: none; } .product-head .bottom h2 span.number { font-size: 16px; } .product-head .bottom .image-wrap { width: 90px; height: 75px; } .product-head .bottom .image-wrap.tox { width: 52px; } .product-head .bottom .image-wrap.cool { width: 105px; } .product-head .bottom .image-wrap.tach { width: 110px; } .product-head .bottom .image-wrap.deta { width: 125px; } .product-head .bottom .image-wrap.leftBox { width: 115px; height: 75px; } .product-head .bottom .image-wrap.leftBox img { width: 100%; height: 100%; } .product-head .bottom .image-wrap img.mobile { width: 100%; height: 100%; margin-top: 0; } .product-head .bottom .image-wrap .square-box.right { top: 38px; } .product-head .bottom .image-wrap.title { width: 78px; height: 44px; top: 38px; } .product-head .bottom .image-wrap.title img { width: 100%; height: 100%; } .product-head .bottom h2 span.small strong { display: none; } .product-head .image-wrap.back { display: none; } .product-head .social-network { display: none; } .bg-cover-mobile { /*display: block; background: url(../img/bg-cover-mobile.jpg); -webkit-background-size: cover; background-size: cover; height: 100%; position: fixed; width: 100%; top: 0;*/ } #footer.foot { margin-top: 0; } #footerComm { display: none; } iframe { height: 220px; width: 100%; } .product-content .block-right ul.price { width: 100%; margin: 5px 0 10px; } .product-content .block-right p span.bold .phone { text-align: center; margin: 40px 0; } iframe.coolSculpting-video { height: 409px; } } @media (max-width:605px) { .product-content .block-left .tab-wrap .button-tab { margin: 0 -10px 15px; } .product-content .block-left .tab-wrap .button-tab ul { width: 80%; margin-top: 0; } .product-content .block-left .tab-wrap .button-tab ul span { color: rgba(0, 0, 0, 0.4); display: block; font-size: 11px; font-weight: 300; background-color: rgba(0,0,0,0.06); padding: 15px 0; text-align: center; text-transform: uppercase; } .product-content .block-left .tab-wrap .button-tab li.one:first-child { width: 100%; } .product-content .block-left .tab-wrap .button-tab ul span.selected { color: #43abc5; font-weight: 500; background-color: rgba(255, 255, 255, 0.5); box-shadow: 1px 1px 2px rgba(0,0,0,0.2) inset; } .product-content .block-left .tab-wrap .button-tab li:first-child { width: 40%; } .product-content .block-left .tab-wrap .button-tab li { width: 60%; margin-right: 0; } .product-content .block-left .tab-wrap .button-tab .menu-tablet { width: 20%; background-color: rgba(67, 171, 197, 0.45); top: 0; right: 0; } .product-content .block-left .tab-wrap .button-tab .menu-tablet .btn-op { height: 41px; } .product-content .block-left .tab-wrap .button-tab .menu-tablet .btn-op:before { content: ""; background: rgba(0, 0, 0, 0.05) url(../img/sprite-clde.png) 0 -65px; background-size: 300px auto; top: 11px; left: 50%; margin-left: -10px; width: 20px; height: 20px; float: left; position: relative; display: block; } .product-content .block-left .tab-wrap .button-tab .menu-tablet .btn-op:after { display: none; } .product-content .block-left .tab-wrap .button-tab .menu-tablet .btn-op strong { display: none; } .product-content .block-left .tab-wrap .button-tab .menu-tablet .menu-tablet-content { width: 250px; top: 41px; } .product-content .block-left .tab-wrap .button-tab .menu-tablet .menu-tablet-content a { font-size: 14px; padding: 3px 8px 3px 0 ; } .product-content .block-left .tab-wrap .button-tab .menu-tablet .menu-tablet-content li { width: 100%; } .product-content .block-left .tab-wrap .button-tab .menu-tablet .menu-tablet-content li:first-child { width: 100%; } }