/*----------------------------------------------------------------------------------- Theme Name: Premium-Residences Theme URI: http://www.premium-residences.lu Description: Vivez l’alliance d’un appartement de location individuel « haut standing » avec des services d’intendance de grande qualité. Découvrez la « premium residence » Canberra à Luxembourg-Kirchberg. Avec 24 appart-hôtels de standing au centre de Luxembourg Kirchberg, Canberra vous propose la location d'appartements spacieux d'une chambre, raffinés et confortables, entièrement meublés et équipés, pour tout séjour d'un mois ou plus. Author: @Dechmann Author URI: http://www.dechmann.lu License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Version: 2.5 Designed by: @Dechmann. Developed & Handicrafted by: chandelon Didier. /*******************************************/ /** CSS RESET **/ /*******************************************/ .woo_wrapper {/*width: 100%;*/ margin: 0px 0px 0px 200px;display: block;position: relative;top: -20px;z-index: 1;} .woo_title {color: #fff;position: relative;margin: 0px auto;font-size: 30px;max-width: 840px;display: block;padding: 25px 25px 10px 90px;} #gallery-1 {margin: auto;} #gallery-1 .gallery-item {float: left;margin-top: 10px;text-align: left;width: 150px;} #gallery-1 img {border: 2px solid #cfcfcf;} #gallery-1 .gallery-caption {margin-left: 0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*******************************************/ /** NAV **/ /*******************************************/ /*******************************************/ /** FONTS **/ /*******************************************/ @font-face { font-family: 'RobotoRegular'; src: url('fonts/Roboto-Regular-webfont.eot'); src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular-webfont.woff') format('woff'), url('fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBold'; src: url('fonts/Roboto-Bold-webfont.eot'); src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold-webfont.woff') format('woff'), url('fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoLight'; src: url('fonts/Roboto-Light-webfont.eot'); src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Light-webfont.woff') format('woff'), url('fonts/Roboto-Light-webfont.ttf') format('truetype'), url('fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoMedium'; src: url('fonts/Roboto-Medium-webfont.eot'); src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Medium-webfont.woff') format('woff'), url('fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoItalic'; src: url('fonts/Roboto-Italic-webfont.eot'); src: url('fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Italic-webfont.woff') format('woff'), url('fonts/Roboto-Italic-webfont.ttf') format('truetype'), url('fonts/Roboto-Italic-webfont.svg#RobotoItalic') format('svg'); font-weight: normal; font-style: normal; } /*******************************************/ /** BASIC **/ /*******************************************/ /** Body **/ body{ /*min-width: 960px;*/ background:#fff; color:#000; font:14px Arial, Helvetica, "Trebuchet MS", sans-serif;} /** Heading **/ h1{ font-size:36px; color: #313e4b;} h2{ font-size:30px;} h3{ font-size:24px;} h4{ font-size:19px;} h5{ font-size:13px;} h6{ font-size:11px;} /** Selection **/ ::-moz-selection { background: #24305d; color: #fff; text-shadow: none; } ::selection { background: #24305d; color: #fff; text-shadow: none; } /** Links **/ a { color: #24a9d0; text-decoration: none; } a:hover { text-decoration: underline; } a:hover, a:active { outline: 0; } /** Clearfix**/ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /*******************************************/ /** HEADER **/ /*******************************************/ .header-wrapper { min-height: 90px; width: 100%; } .header-wrapper header { max-width: 960px; padding: 0px 0px; margin: 0px auto; } #home{ max-width: 960px;padding: 0px 0px;margin: 0px auto;width: 100%;text-align: center;} #home .logo{ display: inline-block;float:none;margin:38px 0px 38px 0px;;} .header-wrapper header .logo { float: left; display: inline-block; margin: 38px 0px 38px 20px; } .header-wrapper header nav { /*float: right;*/ margin: 123px 0px 0px;display: inline-block; } .header-wrapper header nav li { position: relative; margin: 0px 0px 0px 15px; float: left; font: 14px "RobotoLight", Arial, Helvetica, sans-serif; font-weight: 100;line-height: 20px; padding-bottom: 15px; } .header-wrapper header nav li a { color: #282828; text-transform: uppercase;} .header-wrapper header nav li a:hover, .header-wrapper header nav li a.active { color: #24a9d0; text-decoration: none; } /*.header-wrapper header nav li:hover ul { display: block; }*/ .header-wrapper header nav li ul { /*-webkit-box-shadow: 0px 2px 50px 10px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 2px 50px 10px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 50px 10px rgba(0, 0, 0, 0.05);*/ display: none; padding: 15px 0px; position: absolute; top: 30px; left: -15px; z-index: 1000; width: 145px; background: #fff; border-top: 1px solid rgba(229, 232, 238, 0.3); border-left: 1px solid rgba(229, 232, 238, 0.3); border-right: 1px solid rgba(229, 232, 238, 0.3); border-bottom: 2px solid rgba(229, 232, 238, 0.3); } .header-wrapper header nav li ul li { padding: 0; color: #444c57; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 28px; } .header-wrapper header nav li ul li a { color: #444c57; } .header-wrapper header nav li ul li a:hover { color: #24a9d0; } /*******************************************/ /** SLIDER **/ /*******************************************/ .slider-wrapper #slider { /*height: 710px;*/ width: 100%; /*overflow: hidden;min-height:280px;*/ } .slider-wrapper #slider boso { width: 100%; /*height: 710px;*/ position: relative; } slider-wrapper #slider boso img { width: 100%; height: 100%; } .slider-wrapper #slider boso .caption { /*position: relative;*/ width: 100%; height: 700px; margin: -710px auto 0px; overflow: hidden; } .slider-wrapper #slider boso .caption > div { background: url(images/description-bg.png);float: right;padding: 35px 45px; width: 30%;position: absolute;top: 138px;right: 0px; } .slider-wrapper #slider boso .caption > div div { width: 360px; float: left; } .slider-wrapper #slider boso .caption h2 { text-shadow: 1px 1px 0px #31373f; color: #fff; font-family: /*"RobotoLight",*/ Arial, Helvetica, sans-serif; margin: 0px 0px 15px; } .slider-wrapper #slider boso .caption p { text-shadow: 1px 1px 0px #31373f; color: #cfd9e2; font: "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 21px; } .slider-wrapper #slider article { width: 100%; /*height: 710px;*/ position: relative; } slider-wrapper #slider article img { width: 100%; height: 100%; } .slider-wrapper #slider article .caption { /*position: relative;*/ width: 100%; height: 700px; margin: -710px auto 0px; overflow: hidden; } .slider-wrapper #slider article .caption > div { background: url(images/description-bg.png);float: right;padding: 35px 45px; /*width: 30%;*/position: absolute;top: 138px;right: 0px; } .slider-wrapper #slider article .caption > div div { width: 360px; float: left; } .slider-wrapper #slider article .caption h2 { text-shadow: 1px 1px 0px #31373f; color: #fff; font-family: /*"RobotoLight",*/ Arial, Helvetica, sans-serif; margin: 0px 0px 15px; } .slider-wrapper #slider article .caption p { text-shadow: 1px 1px 0px #31373f; color: #cfd9e2; font: "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 21px; } .slider-wrapper .slider-nav { /*height: 700px; /*position: relative;*/ width: 940px; /*margin: -710px auto 0px;*/ } .slider-wrapper .slider-nav div { background: #fff; width: 70px; height: 120px; position: absolute; top: 389px; right: 0px; z-index: 100; } .slider-wrapper .slider-nav .next { height: 50%; width: 100%; background: url(images/slider-arrow-right.png) center no-repeat; display: block; border-bottom: 1px solid #cfd9e2; } .slider-wrapper .slider-nav .prev { height: 50%; width: 100%; background: url(images/slider-arrow-left.png) center no-repeat; display: block; } .slider-wrapper .slider-nav .next:hover { text-decoration: none; background-position: 53% center; } .slider-wrapper .slider-nav .prev:hover { text-decoration: none; background-position: 47% center; } .slider-wrapper { /*overflow: hidden;max-width: 1400px;max-height: 421px;height: 100%;margin: 0px auto;max-height: 710px;margin: 0px auto;position: relative;*/margin: 0px auto; z-index: 0;display: block;position: relative;height: 100%;} .slider-wrapper .slider { /*min-height: 420px;max-height: 710px;max-height: 710px;margin: 0px auto;*/position: relative;} .slider-wrapper .slider article { width: 100%; height: 100%; } .slider-wrapper .slider article img { heigt:100%; width: 100%; margin: 0px auto; /*position:absolute;*/ } .slider-header-wrapper {position: relative;width: 100%;} /*.wooslider-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .wooslider-direction-nav .wooslider-next {height: 50%; width: 100%; background: url(images/slider-arrow-right.png) center no-repeat; display: block; border-bottom: 1px solid #cfd9e2; } .wooslider-direction-nav .wooslider-prev {left: -36px;} .wooslider-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}*/ /*******************************************/ /** HOME CONTENT **/ /*******************************************/ #polylang-2 { height: 32px; position: relative; z-index: 100; font-family: verdana, arial, sans-serif; max-width: 960px; margin-left: auto; margin-right: auto; } #polylang-2 ul, #polylang-2 li { padding: 0 !important; margin: 0 !important; list-style-type: none !important; } #polylang-2 li { width: 149px; position: relative; text-align: left; } #polylang-2 .no-translation { display: none; position: absolute; height: 0; top: 25px; left: 0; width: 149px; border-top: 1px solid #cdcdcd; } #polylang-2 .current-lang:hover #polylang-2 .no-translation{display:block} #polylang-2 a.polylang-2_sel { color: #fff; background: #transparent; display: block; } #polylang-2 a, #polylang-2 a:visited { display: block; font-size: 11px; text-decoration: none !important; color: #fff; /* border: 1px solid #cdcdcd; */ background: #transparent; padding-left: 10px; line-height: 24px; } .selekt { -webkit-appearance: none; display: inline-block; padding: 5px 10px 5px 10px; background-color: transparent; color: #fff; } /** HOME BLOCK **/ .acf_li { /*float: left;*/ width: 100%; /*height: 100%;*/ /*height: 350px; min-height: 150px;*/ /*max-height: 350px;*/ overflow:hidden; } .post-thumb { /*height: 100%;*/ width: 100%; background-size: cover; -webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -o-background-size: cover; /* pour Opera */ } img.post-thumb { width: 100%; /*height: 100%;*/ height: auto !important; display: block; /*min-height: 50px;*/ min-width: 50px; -webkit-transition: 250ms linear all; -moz-transition: 250ms linear all; transition: 250ms linear all; } img:hover.post-thumb { -webkit-transform: scale(1.1) rotate(0); -moz-transform: scale(1.1) rotate(0); transform: scale(1.1) rotate(0); filter: alpha(opacity=30); -khtml-opacity: 0.3; -moz-opacity: 0.3; opacity: 0.3; -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); } #hover_hide{ display:none; position: absolute; overflow: hidden; margin: 0 auto; width: 50%; /*margin-top:10px;*/ } #hover_show:hover #hover_hide{display:block} #hover_hide .int { color:#000 !important; } h4.box-name { /*margin-top: 20px;*/ margin-top: 10%; /*width: 50%;*/ /*margin: 0 auto;*/ text-align: center; } .button { border:1px solid #24a9d0; color: #24a9d0; padding:10px; max-width: 150px; margin: 20px auto; } /** HOME BLOCK END **/ /*.caption {width: 100%;height: 700px;margin: -710px auto 0px;overflow: hidden;}*/ .caption {background: url(http://localhost:8888/piront/wp-content/themes/WP/images/description-bg.png);/*padding: 35px 10px;*/color: #fff;text-shadow: 1px 1px 0px #31373f;width:100%;height:70px;} .caption .slider-nav { /*height: 700px; /*position: relative;*/ width: 960px;height:105px;margin:0px auto; /*margin: -710px auto 0px;*/ } .caption .slider-nav nav { background: #fff;z-index: 100;width: 100px;height: 70px;float: left; } .caption .slider-nav .next { height: 50px; width: 30px; background: url(images/slider-arrow-right.png) center no-repeat; display: block; border-left: 1px solid #cfd9e2;padding: 10px;float:right; } .caption .slider-nav .prev { height: 50px; width: 20px; background: url(images/slider-arrow-left.png) center no-repeat; display: block;float:left;padding:10px; } .caption .slider-nav .next:hover { text-decoration: none; background-position: 53% center; } .caption .slider-nav .prev:hover { text-decoration: none; background-position: 47% center; } .caption .slider-nav div { z-index: 100;padding-left: 120px;padding-top: 20px; } /*.col-left { width: 60%; float: left; background: #F7F8FA; }*/ .col-left { width: 100%; background: #F7F8FA; } /*.col-left .top { background: #fff; border-bottom: 1px solid #e1e6ec; overflow: hidden; }*/ .col-left .top { background: #fff;/*overflow: hidden;*/ width: 100%; margin:0px auto; } /*.col-left .bottom { background: #f6f8fa; overflow: hidden; }*/ .col-left .bottom { background: #f6f8fa;overflow: hidden; max-width: 960px;margin: 0px auto; } /*.col-left .bottom article { width: 600px; float: right; padding: 45px 30px 55px 0px; }*/ .col-left .bottom article { /*width: 960px;*/padding: 45px 10px 55px 10px;margin: 0px auto; } /*.col-left .top > div { width: 630px; float: right; }*/ .col-left .top > div { max-width: 960px;margin: 0px auto; padding: 0px 10px 0px 10px; } /*.col-left .top article.left-box { width: 269px; border-right: 1px solid #e7eaec; float: left; padding: 40px 30px 40px 0px; }*/ .col-left .top article.left-box { width: 45%;border-right: 1px solid #e7eaec;float: left;padding: 40px 30px 40px 10px;margin: 0px auto; } /*.col-left .top article.right-box { width: 270px; float: right; padding: 40px 30px 40px 30px; }*/ .col-left .top article.right-box { padding: 40px 30px 40px 10px;position:relative;} /*.col-left .top article.right-box { padding: 40px 30px 40px 10px; position: relative; width: 45%; display: block; float: left; }*/ .col-left .top h4 { color: #313e4b; font: 19px "RobotoRegular", Arial, Helvetica, sans-serif; background: url(images/heading-bg.png) left bottom no-repeat; padding: 0px 0px 14px 0px; margin: 0px 0px 14px 0px; } .col-left .top p { margin: 0px 0px 15px; color: #627281; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 21px; } .col-left .top p strong { font-family: "RobotoMedium"; } .col-left .top a { color: #2fb2d8; font: 12px "RobotoMedium", Arial, Helvetica, sans-serif; line-height: 20px; } .col-left .bottom h3 { color: #313e4b; font: 24px "RobotoRegular", Arial, Helvetica, sans-serif; margin: 0px 0px 20px 0px; } .col-left .bottom p { margin: 0px 0px 20px; color: #627281; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 21px; } .col-left .bottom p strong { font-family: "RobotoMedium"; } .col-left .bottom a { color: #2fb2d8; font: 12px "RobotoMedium", Arial, Helvetica, sans-serif; line-height: 20px; } /*.col-right { width: 40%; float: right; background: #f7f8fa; padding: 0px 0px 0px; }*/ .col-right { width: 100%; background: #f7f8fa; padding: 0px 0px 0px; max-height: 156px;margin:0px auto;} .col-right .top { background: #333c4d url(images/home-tab-bg.png) repeat-x; margin: 0px 0px 10px; } .col-right .top article { padding: 30px 10px 30px 44px; width: 266px; min-height: 266px; } .col-right .top h4 { text-shadow: 1px 1px 0px #29303c; color: #fff; font: 19px "RobotoRegular", Arial, Helvetica, sans-serif; background: url(images/heading-bg.png) left bottom no-repeat; padding: 0px 0px 14px 0px; margin: 0px 0px 14px 0px; } .col-right .top span { text-shadow: 1px 1px 0px #29303c; color: #bac6d2; font: 11px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; } .col-right .top h5 { text-shadow: 1px 1px 0px #29303c; color: #fff; font: 13px "RobotoMedium", Arial, Helvetica, sans-serif; line-height: 20px; } .col-right .top p { text-shadow: 1px 1px 0px #29303c; color: #cfd9e2; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 21px; } .col-right .top p strong { font-family: "RobotoMedium"; } .col-right .top .tab-text-widget p { margin: 0px 0px 15px; } .col-right .top article div { background: url(images/heading-bg.png) bottom left no-repeat; padding: 0px 0px 20px 0px; margin: 0px 0px 20px 0px; } .col-right .top article div:last-child { background: none; margin: 0; } .col-right .top .tabs { height: 55px; background: #252c39; padding: 0px 0px 0px 44px; } .col-right .top .tabs h5 { text-shadow: 1px 1px 0px #29303c; cursor: pointer; color: #a0a7b4; float: left; padding: 20px 20px 20px 0px; margin: 0px 20px 0px 0px; background: url(images/separator.png) right center no-repeat; } .col-right .top .tabs h5.current { color: #fff; } .col-right .top .tabs h5:last-child { background: none; } .col-right .top .tweet_list li { text-shadow: 1px 1px 0px #29303c; padding: 0px 0px 15px; margin: 0px 0px 15px; background: url(images/heading-bg.png) left bottom no-repeat; } .col-right .top .tweet_time { display: block; } .col-right .top .tweet_time a { color: #a2abba; font-size: 11px; } .col-right .top .tweet_text { text-shadow: 1px 1px 0px #282f3b; color: #cfd9e2; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 21px; } .col-right .top .tweet_text a { color: #88caed; } /*.col-right .bottom { background: #4bbcdd; min-height: 175px; height:100%; margin: 0px 0px 0px; }*/ .col-right .bottom { background: #4bbcdd; margin: 0px auto; /* fallback */ background-color: #4bbcdd; background-image: url(images/linear_bg_1.png); background-repeat: repeat-y; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, left top, right top, from(#1a82f7), to(#4bbcdd)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(left, rgb(20, 101, 112), #4bbcdd); /* Firefox 3.6+ */ background: -moz-linear-gradient(left, rgb(20, 101, 112), #4bbcdd); /* IE 10 */ background: -ms-linear-gradient(left, rgb(20, 101, 112), #4bbcdd); /* Opera 11.10+ */ background: -o-linear-gradient(left, rgb(20, 101, 112), #4bbcdd); } /*.col-right .bottom article { padding: 27px 10px 0px 44px; min-height: 129px; height:100%; width: 266px; background: url(images/home-catalog-box-bg.png) left center no-repeat; }*/ .col-right .bottom article { padding: 20px 0px 25px 10px;min-height: 129px;max-width: 960px;margin: 0px auto;/*background: url(images/home-catalog-box-bg.png) left center no-repeat;*/} .col-right .bottom article h3 { margin: 0px 0px 20px; font: 22px "RobotoMedium", Arial, Helvetica, sans-serif; color: #fff; text-shadow: 1px 1px 0px #2e7286; } .col-right .bottom article p { margin: 0px 0px 20px; font: 14px "RobotoRegular", Arial, Helvetica, sans-serif; color: #fff; text-shadow: 1px 1px 0px #2e7286; } .col-right .bottom article a.download { display: block; width: 135px; height: 35px; background: url(images/download.png) no-repeat; } #home-cols { width: 940px; padding: 40px 10px; margin: 0px auto; overflow: hidden; } #home-cols article { float: left; width: 300px; margin-right: 20px; } #home-cols article h4 { color: #313e4b; font: 19px "RobotoRegular", Arial, Helvetica, sans-serif; background: url(images/heading-bg.png) left bottom no-repeat; padding: 0px 0px 14px 0px; margin: 0px 0px 14px 0px; } #home-cols article p { margin: 0px 0px 15px; color: #627281; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 21px; } #home-cols article p strong { font-family: "RobotoMedium"; color: #475664; } #home-cols article a { color: #2fb2d8; font: 12px "RobotoMedium", Arial, Helvetica, sans-serif; line-height: 20px; } #home-cols article:last-child { margin-right: 0px; } .hone-content {margin: 0px auto;position: relative;z-index: 1000;vertical-align: baseline;bottom: 0px;} .block {height: 80px;background-color: rgb(91, 98, 109);z-index: 10000;color: #000;width: 100%;} /*******************************************/ /** PAGE HEADER **/ /*******************************************/ .page-header-wrapper { position: relative; width: 100%; overflow: hidden; /*height: 450px;*/ /*background: url(images/page-header.png);*/ margin: 0px 0px 40px; } .page-header-wrapper img { /*height: 100%;*/ width: 100%; margin: 0px auto; positio:absolute; } /* .page-header-wrapper_about { width: 100%; overflow: hidden; height: 160px; background: url(images/page-header2.jpg); margin: 0px 0px 40px; } .page-header-wrapper_contact { width: 100%; overflow: hidden; height: 160px; background: url(images/page-header3.jpg); margin: 0px 0px 40px; } */ #page-header { width: 40%; /*height: 450px;*/ background: url(images/description-bg.png); position: absolute; z-index: 10; top: 0; left: 0; } #page-header div { width: 80%; float: none; left:0; margin:0px 20px;} #page-header h1 { color: #fff;font: 25px Arial, Helvetica, sans-serif;line-height: 30px;padding-top: 20px;padding-bottom: 20px; } /*******************************************/ /** CONTENT **/ /*******************************************/ .content-left-wrapper { /*width: 60%; float: left;*/ max-width: 960px;margin: 40px auto;/*position: relative;*/} .content-left-wrapper-form { /*width: 60%; float: left;*/ max-width: 960px;margin: 40px auto;/*position: relative;*/} #global { width: 100%; position: relative; display: block; overflow: hidden;margin:0px auto;} #content { max-width: 960px; /*padding: 0px 10px 0px 10px; /*float: right;*/ margin-left: 10px;margin-right: 10px;} #content article { border-bottom: 1px solid #eff2f5; padding: 0px 0px 35px; margin: 0px 0px 35px; } #content article:last-child { border-bottom: 0; max-width:100% } #content article .post-title { color: #313e4b; font: 19px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 30px; } #content article .post-title a { color: #313e4b; } #content article .post-title a:hover { text-decoration: none; } #content article .post-meta { padding: 0px 0px 15px; margin: 0px 0px 15px; background: url(images/heading-bg.png) left bottom no-repeat; color: #627281; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; } #content article .post-meta a { color: #24a9d0; text-transform: uppercase; } #content article .post-content p { margin: 0px 0px 25px; color: #627281; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 22px; } #content article .post-content p a { color: #24a9d0; width:100%;display:block;} #content article .post-content strong { font-family: "RobotoMedium"; color: #475664; } #content article .post-content em { font-family: "RobotoItalic"; color: #919191; } #content article .post-content h4 { color: #313e4b; margin: 0px 0px 25px; font: 15px "RobotoRegular", Arial, Helvetica, sans-serif; } #content article .post-content .alignleft { line-height: 0px; padding: 6px; border-right: 1px solid /*#e5e8ee*/ rgba(229, 232, 238, 0); border-left: 1px solid /*#e5e8ee*/ rgba(229, 232, 238, 0); border-bottom: 2px solid /*#e5e8ee;*/rgba(229, 232, 238, 0); float: left; margin: 0px 20px 18px 0px; } #content article .post-content .alignright { line-height: 0px; padding: 6px; border-right: 1px solid /*#e5e8ee*/ rgba(229, 232, 238, 0); border-left: 1px solid /*#e5e8ee*/ rgba(229, 232, 238, 0); border-bottom: 2px solid /*#e5e8ee;*/rgba(229, 232, 238, 0); float: right; margin: 0px 0px 18px 20px; } #content article .post-content img { line-height: 0px; padding: 6px; border-right: 1px solid /*#e5e8ee*/ rgba(229, 232, 238, 0); border-left: 1px solid /*#e5e8ee*/ rgba(229, 232, 238, 0);max-width:100%; border-bottom: 2px solid /*#e5e8ee;*/rgba(229, 232, 238, 0); } #content article .read-more { color: #24a9d0; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; } .content-right-wrapper { /*width: 40%;*/ float: right; top: 0px;right: 0px;z-index: 999;/*position: absolute;*/ } .content-right-wrapper-search { /*width: 40%;*/ float: right; top: 0px;right: 0px;z-index: 999;/*position: absolute;*/ } .picto {display: inline-block;} .picto h1 {float: right;padding: 40px 0 40px;} .advantage ul.arrow{margin-bottom: 30px;} .advantage ul.arrow li {background: url('images/arrow.png') no-repeat left;padding-left: 25px;list-style: none !important;text-indent: 0 !important;margin: 0 !important;float: none !important;color: #627281;font: 13px "RobotoRegular", Arial, Helvetica, sans-serif;} /*******************************************/ /** AUTHOR **/ /*******************************************/ #author { overflow: hidden; width: 95%; background: url(images/author-bg.png); margin: 0px 0px 35px; } #author article { width: 600px; padding: 25px 30px 25px 0px; height: 142px; float: right; } #author article h4 { color: #313e4b; text-shadow: 1px 1px 0px #fff; margin: 0px 0px 20px; font: 17px "RobotoRegular", Arial, Helvetica, sans-serif; } #author article .avatar { margin: 0px 22px 0px 0px; width: 103px; height: 103px; display: block; float: left; } #author article .avatar img { width: 93px; height: 93px; border: 4px solid #fff; outline: 1px solid #e5e8ee; } #author article .bio { width: 440px; float: right; } #author article .bio h5 { color: #1f9bbf; text-shadow: 1px 1px 0px #fff; font: 15px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 22px; } #author article .bio h5 a { color: #1f9bbf; } #author article .bio p { color: #627281; text-shadow: 1px 1px 0px #fff; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 22px; margin: 0px 0px 12px; } #author article .bio .author-social { display: block; } #author article .bio .author-social a.fb { background: url(images/author-social.png) -29px center no-repeat; width: 19px; height: 17px; display: inline-block; margin-right: 10px; } #author article .bio .author-social a.tw { background: url(images/author-social.png) left center no-repeat; width: 19px; height: 17px; display: inline-block; margin-right: 10px; } #author article .bio .author-social a.su { background: url(images/author-social.png) right center no-repeat; width: 17px; height: 17px; display: inline-block; } /*******************************************/ /** COMMENTS **/ /*******************************************/ #comments { width: 60%; /*padding: 0px 30px 0px 0px;*/ float: right; /*margin: 0px 0px 40px;*/ } #comments h4 { color: #313e4b; font: 16px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 24px; margin: 0px 0px 25px; } #comments > ul { border-bottom: 1px solid #e9ebed; margin: 0px 0px 25px; } #comments > ul li { margin: 0px 0px 25px; overflow: hidden; } #comments p.nocomments { margin: 0px 0px 20px; font: 14px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; color: #555555; } #comments ul li .comment a.avatar { float: left; width: 60px; height: 60px; margin-right: 20px; padding: 4px; background: #fff; border-right: 1px solid #e5e8ee; border-left: 1px solid #e5e8ee; border-bottom: 2px solid #e5e8ee; } #comments ul li .comment a.avatar img { width: 100%; height: 100%; } #comments ul li .comment div.text { float: right; position: relative; width: 450px; } #comments ul li .comment h5 { font: 15px "RobotoMedium", Arial, Helvetica, sans-serif; color: #24a9d0; } #comments ul li .comment p { font: 12px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; color: #555555; } #comments ul li .comment span { font: 12px "RobotoBold", Arial, Helvetica, sans-serif; line-height: 24px; text-transform: uppercase; } #comments ul li .comment .reply, #comments ul li .comment .comment-reply-link { color: #24a9d0; position: absolute; top: 0px; right: 0px; } #comments > ul {} #comments > ul > li {} #comments > ul > li .comment { position: relative; } #comments > ul .line-1 { height: 100%; background: #fff; border-left: 1px solid #dedede; width: 10px; position: absolute; top: 80px; left: 30px; } #comments > ul .children { position: relative; padding-left: 20px; margin-left: 30px; border-left: 1px solid #dedede; } #comments > ul .children .line { height: 100%; background: #fff; border-top: 1px solid #dedede; width: 10px; position: absolute; top: 65px; left: -1px; } #comments > ul .children .comment { padding: 30px 0px 0px; } #comments > ul .children .comment div.text { width: 399px; } #comments form {} #comments form fieldset { margin: 0px 0px 20px; overflow: hidden; } #comments form .field { font: 12px "RobotoRegular", Arial, Helvetica, sans-serif; color: #627281; border: 1px solid #caced3; background: #fff; outline: none; width: 515px; float: left; /*margin-right: 20px;*/ padding: 10px; line-height: 18px; } #comments form textarea { font: 12px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 18px; color: #627281; border: 1px solid #caced3; background: #fff; outline: none; width: 515px; padding: 10px; height: 100px; resize: none; } #comments form .submit { color: #fff; text-shadow: 1px 1px 0px #0e7fc1; font: 14px "RobotoBold", Arial, Helvetica, sans-serif; cursor: pointer; background: url(images/blue-btn-big.png) center top no-repeat; width: 209px; height: 53px; margin-right: 10%; border: none; /*float: right;*/ } #comments form .submit:hover { background-position: center bottom; } #comments form > p { margin: -10px 0px 10px; font: 12px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; color: #555555; } #comments form > p a { color: #24a9d0; } #comments form > p a.logout { float: right; margin-right: 15px; } #comments .cancel-comment-reply { margin: -20px 0px 20px; } input.error, textarea.error { border-color: #f00 !important; } div.error-container label { display: block; font: 12px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; color: #F00; } #response { font: 12px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; } #response.success { color: #0C0; } .subscribe-form label.error { color: #F00; margin: 15px 0px 0px; display: block; clear: both; } /*******************************************/ /** SIDEBAR **/ /*******************************************/ .sidebar-wrapper { width: 38%; float: right; } .search-wrapper { background: url(images/search-bg.png); height: 70px; margin: 0px 0px 25px; } .search-wrapper form { width: 244px; float: left; margin: 15px 0px 0px 30px; } .search-wrapper form fieldset { position: relative; } .search-wrapper form .field { width: 199px; background: url(images/searc-field.png) no-repeat; /*height: 22px;*/ padding: 10px 25px 10px 10px; line-height: 22px; border: none; outline: none; color: #fff; font: 12px "RobotoRegular", Arial, Helvetica, sans-serif; } .search-wrapper form .search-btn { cursor: pointer; top: 13px; right: 20px; position: absolute; width: 17px; height: 17px; background: url(images/search-btn.png) no-repeat; border: none; outline: none; } #sidebar { width: 330px; float: left; } #sidebar > div { margin: 0px 0px 40px; } #sidebar h4 { color: #313e4b; margin: 0px 0px 20px; font: 18px "RobotoRegular", Arial, Helvetica, sans-serif; } #sidebar address { color: #627281; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 22px; background: url(images/heading-bg.png) left bottom no-repeat; padding: 0px 0px 15px; margin: 0px 0px 15px; } #sidebar p { color: #627281; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 22px; } #sidebar p strong { font-family: "RobotoMedium"; color: #3a4754; } #sidebar p a { color: #24a9d0; } #sidebar ul {} #sidebar ul li { background: url(images/sidebar-bullets.png) left center no-repeat; padding: 0px 0px 0px 25px; margin: 0px 0px 20px 5px; color: #54515c; font: 15px "RobotoRegular", Arial, Helvetica, sans-serif; } #sidebar ul li a { color: #54515c; font: 15px "RobotoRegular", Arial, Helvetica, sans-serif; } #sidebar ul li a:hover { color: #24a9d0; text-decoration: none; } #sidebar ul li, #sidebar ul li span { color: #928e8e; font: 11px "RobotoLight", Arial, Helvetica, sans-serif; vertical-align: top; } #sidebar .flickr a { display: inline-block; width: 63px; height: 63px; margin: 0px 14px 15px 0px; padding: 6px; border-left: 1px solid #e5e8ee; border-bottom: 2px solid #e5e8ee; border-right: 1px solid #e5e8ee; } #sidebar .flickr a img { width: 100%; height: 100%; } /*******************************************/ /** MAP **/ /*******************************************/ #map { width: 100%; overflow: hidden; } #map_canvas { width: 100%; height: 500px; } /*******************************************/ /** ABOUT **/ /*******************************************/ #about {} #about h4 { color: #313e4b; font: 19px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; background: url(images/heading-bg.png) left bottom no-repeat; padding: 0px 0px 15px; margin: 0px 0px 15px; } #about p { margin: 0px 0px 25px; color: #475664; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 22px; } #about p a { color: #24a9d0; } #about strong { font-family: "RobotoMedium"; color: #475664; } #about em { font-family: "RobotoItalic"; color: #919191; } #about .alignleft { display: block; padding: 6px; border-right: 1px solid #e5e8ee; border-left: 1px solid #e5e8ee; border-bottom: 2px solid #e5e8ee; float: left; margin: 0px 20px 15px 0px; } #about .alignright { display: block; padding: 6px; border-right: 1px solid #e5e8ee; border-left: 1px solid #e5e8ee; border-bottom: 2px solid #e5e8ee; float: right; margin: 0px 0px 15px 20px; } #about ul li { background: url(images/sidebar-bullets.png) left center no-repeat; padding: 0px 0px 0px 25px; margin: 0px 0px 20px; color: #54515c; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; } #about .content-right-wrapper { width: 50%; float: right; } #about .content-left-wrapper { width: 50%; float: left; } #about-right { width: 435px; float: left; padding: 0px 10px 0px 45px; } #about-right-b { width: 420px; float: left; padding: 25px 10px 0px 25px; position: relative; } #about-right-b h4 { width: 345px; color: #fff; text-shadow: 1px 1px 0px #15181e; padding: 0; background: none; } #about-left { width: 435px; float: right; padding: 0px 45px 0px 10px; } #about .test-wrapper { height: 179px; background: url(images/test-bg.png); overflow: hidden; margin: 0px 0px 50px 45px; } #testimonial p { margin: 0px 0px 15px; color: #cfd9e2; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 0px #15191f; line-height: 22px; padding: 0px 0px 0px 20px; background: url(images/qoute.png) left top no-repeat; } #testimonial span { float: right; color: #a2abba; text-shadow: 1px 1px 0px #15191f; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 22px; } #testimonial article { padding: 0px 120px 0px 0px; } .test-arrows { background: #fff; width: 70px; height: 179px; position: absolute; top: 0px; right: 0px; z-index: 100; } .test-arrows .next { height: 50%; width: 100%; background: url(images/slider-arrow-right.png) center no-repeat; display: block; border-bottom: 1px solid #cfd9e2; } .test-arrows .prev { height: 50%; width: 100%; background: url(images/slider-arrow-left.png) center no-repeat; display: block; } /*******************************************/ /** JOIN **/ /*******************************************/ #join { width: 100%; min-height: 150px; border-top: 1px solid #e9ebed; border-bottom: 1px solid #e9ebed; } #join section { width: 960px; padding: 50px 0px; margin: 0px auto; } #join section h3 { margin: 0px 0px 10px; color: #313e4b; font: 24px "RobotoRegular", Arial, Helvetica, sans-serif; } #join section p { color: #627281; font: 14px "RobotoRegular", Arial, Helvetica, sans-serif; } #join section p em { font-family: "RobotoItalic"; } #join section a.joinus { display: block; background: url(images/blue-btn-small.png) center top; width: 174px; height: 61px; text-align: center; font: 16px "RobotoBold", Arial, Helvetica, sans-serif; line-height: 61px; float: right; color: #fff; text-shadow: 1px 1px 0px #1183c2; } #join section a.joinus:hover { background-position: center bottom; } #join section div { float: left; } /*******************************************/ /** OUR TEAM **/ /*******************************************/ #our-team { background: #f0f3f6; } #our-team section { width: 960px; min-height: 445px; padding: 40px 0px 0px; margin: 0px auto; } #our-team h4 { color: #313e4b; font: 19px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; background: url(images/heading-bg.png) left bottom no-repeat; padding: 0px 0px 15px; margin: 0px 0px 15px; } #our-team ul li { width: 425px; float: left; margin: 0px 90px 50px 0px; overflow: hidden; } #our-team ul li:nth-child(2n) { margin-right: 0; } #our-team h5 { color: #313e4b; font: 14px "RobotoMedium", Arial, Helvetica, sans-serif; line-height: 22px; } #our-team span { color: #3f4a60; font: 12px "RobotoItalic", Arial, Helvetica, sans-serif; line-height: 12px; margin: 0px 0px 15px; display: block; } #our-team p { color: #4e5c6a; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 21px; } #our-team a.avatar { line-height: 0px; background: #fff; display: block; padding: 6px; border-left: 1px solid #d7dde5; border-right: 1px solid #d7dde5; border-bottom: 2px solid #d7dde5; float: left; margin: 0px 20px 0px 0px; } #our-team .text { float: left; width: 285px; } /*******************************************/ /** PORTFOLIO HEADER **/ /*******************************************/ #portfolio-header { height: 110px; border-bottom: 1px solid #dde3e8; margin: -40px 0px 0px;width:100%; } #portfolio-header section { max-width: 960px; padding: 27px 10px; margin: 0px auto; } #portfolio-header h4 { color: #394755; font: 19px "RobotoRegular", Arial, Helvetica, sans-serif; float: left; line-height: 60px; } #portfolio-header .portfolio-arrows { width: 100px; height: 50px; border: 1px solid #e5e8ee; float: right; margin: 1px 0px 0px; } #portfolio-header .portfolio-arrows span { width: 50px; height: 50px; display: inline-block; float: left; background: url(images/separatoe-light.png) right center no-repeat; } #portfolio-header .portfolio-arrows a { font-size: 0; } #portfolio-header .portfolio-arrows > a { float: right; width: 46px; height: 50px; display: inline-block; background: url(images/portfolio-arrows2.png) center 18px no-repeat; } #portfolio-header .portfolio-arrows > a:hover { background-position: center -19px; text-decoration: none; } #portfolio-header .portfolio-arrows span a { vertical-align: top; width: 50px; height: 50px; display: inline-block; background: url(images/portfolio-arrows.png) center 18px no-repeat; } #portfolio-header .portfolio-arrows span a:hover { background-position: center -19px; text-decoration: none; } #portfolio-header .portfolio-menu { border: 1px solid #e5e8ee; float: left; } #portfolio-header .portfolio-menu a { padding: 0px 15px; background: url(images/separatoe-light.png) right center no-repeat; color: #636169; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 50px; } #portfolio-header .portfolio-menu a:hover, #portfolio-header .portfolio-menu a.selected, #portfolio-header .portfolio-menu a.active { color: #24a9d0; text-decoration: none; } #portfolio-header .portfolio-menu a:last-child { background: none; } #portfolio-header .portfolio-view { width: 100px; height: 50px; border: 1px solid #e5e8ee; float: right; } #portfolio-header .portfolio-view span { background: url(images/separatoe-light.png) right center no-repeat; display: inline-block; } #portfolio-header .portfolio-view .list { width: 46px; height: 50px; display: inline-block; background: url(images/list-view.png) center 19px no-repeat; } #portfolio-header .portfolio-view .grid { width: 48px; height: 50px; display: inline-block; background: url(images/grid-view.png) center 17px no-repeat; } #portfolio-header .portfolio-view .list:hover, #portfolio-header .portfolio-view .list.active { background-position: center -30px; text-decoration: none; } #portfolio-header .portfolio-view .grid:hover, #portfolio-header .portfolio-view .grid.active { background-position: center -29px; text-decoration: none; } /*******************************************/ /** PLANS HEADER **/ /*******************************************/ #plans-header { height: 110px; border-bottom: 1px solid #dde3e8; margin: -40px 0px 0px; } #plans-header section { /*width: 940px;*/ padding: 27px 10px; margin: 0px auto; } #plans-header h4 { color: #394755; font: 19px "RobotoRegular", Arial, Helvetica, sans-serif; float: left; line-height: 60px; } #plans-header .plans-arrows { width: 100px; height: 50px; border: 1px solid #e5e8ee; float: right; margin: 1px 0px 0px; } #plans-header .plans-arrows span { width: 50px; height: 50px; display: inline-block; float: left; background: url(images/separatoe-light.png) right center no-repeat; } #plans-header .plans-arrows a { font-size: 0; } #plans-header .plans-arrows > a { float: right; width: 46px; height: 50px; display: inline-block; background: url(images/portfolio-arrows2.png) center 18px no-repeat; } #plans-header .plans-arrows > a:hover { background-position: center -19px; text-decoration: none; } #plans-header .plans-arrows span a { vertical-align: top; width: 50px; height: 50px; display: inline-block; background: url(images/portfolio-arrows.png) center 18px no-repeat; } #plans-header .plans-arrows span a:hover { background-position: center -19px; text-decoration: none; } #plans-header .plans-menu { border: 1px solid #e5e8ee; float: left; } #plans-header .plans-menu a { padding: 0px 15px; background: url(images/separatoe-light.png) right center no-repeat; color: #636169; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 50px; } #plans-header .plans-menu a:hover, #plans-header .plans-menu a.selected, #plans-header .plans-menu a.active { color: #24a9d0; text-decoration: none; } #plans-header .plans-menu a:last-child { background: none; } #plans-header .plans-view { width: 100px; height: 50px; border: 1px solid #e5e8ee; float: right; } #plans-header .plans-view span { background: url(images/separatoe-light.png) right center no-repeat; display: inline-block; } #plans-header .plans-view .list { width: 46px; height: 50px; display: inline-block; background: url(images/list-view.png) center 19px no-repeat; } #plans-header .plans-view .grid { width: 48px; height: 50px; display: inline-block; background: url(images/grid-view.png) center 17px no-repeat; } #plans-header .plans-view .list:hover, #plans-header .plans-view .list.active { background-position: center -30px; text-decoration: none; } #plans-header .plans-view .grid:hover, #plans-header .plans-view .grid.active { background-position: center -29px; text-decoration: none; } /*******************************************/ /** PORTFOLIO SINGLE **/ /*******************************************/ #portfolio { width: 100%; background: #e9edf0; padding: 40px 0px; } #portfolio section { width: 960px; padding: 0px 0px; margin: 0px auto; } #portfolio section.list-view article { overflow: hidden; padding: 0px 0px 35px; margin: 0px 0px 35px; border-bottom: 1px solid #dbdddf; } #portfolio section.list-view article:last-child { border-bottom: 0px; margin: 0; } #portfolio section.list-view article figure { float: left; width: 620px; padding: 6px; background: #fff; border-left: 1px solid #e5e8ee; border-right: 1px solid #e5e8ee; border-bottom: 2px solid #e5e8ee; height: 380px; margin-right: 35px; } #portfolio section.list-view article figure img { width: 100%; height: 100%; } #portfolio section.list-view article div { float: right; width: 270px; } #portfolio section.list-view article div h4 { color: #313e4b; font: 19px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; background: url(images/heading-bg.png) left bottom no-repeat; padding: 0px 0px 15px; margin: 0px 0px 15px; } #portfolio section.list-view article div p { text-shadow: 1px 1px 0px #fff; color: #4e5c6a; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 21px; margin: 0px 0px 25px; } #portfolio section.list-view article div a.more-detail { background: url(images/button-gray.png) center top no-repeat; width: 204px; height: 53px; display: block; text-align: center; text-shadow: 1px 1px 0px #1f2022; font: 14px "RobotoBold", Arial, Helvetica, sans-serif; color: #fff; line-height: 53px; } #portfolio section.list-view article div a.more-detail:hover { text-decoration: none; background-position: center bottom; } #portfolio section.grid-view { overflow: hidden; } #portfolio section.grid-view article { /*float: left;*/ width: 220px; height: 220px; margin: 0px 10px 20px 5px; } /*#portfolio section.grid-view article:nth-child(4n) { margin-right: 0; }*/ #portfolio section.grid-view article figure { width: 206px; height: 206px; background: #fff; border-left: 1px solid #d3d9e1; border-right: 1px solid #d3d9e1; border-bottom: 2px solid #d3d9e1; padding: 6px; } #portfolio section.grid-view article figure img { height: 100%; width: 100%; } #portfolio section.grid-view article div { display: none !important; } /*******************************************/ /** PLANS SINGLE **/ /*******************************************/ #plans { width: 100%; background: #e9edf0; padding: 40px 0px; } #plans section { max-width: 960px; padding: 0px 0px; margin: 0px auto; } /*#plans section.list-view img_taille { float: left;width: 100%;max-width:635px;padding: 6px;background: #fff;border-left: 1px solid #e5e8ee;border-right: 1px solid #e5e8ee;border-bottom: 2px solid #e5e8ee;margin-right: 35px;max-height: 457px;}*/ #plans section.list-view img_taille { float: left;/*width: 100%;*/max-width:60%;padding: 6px;background: #fff;border-left: 1px solid #e5e8ee;border-right: 1px solid #e5e8ee;border-bottom: 2px solid #e5e8ee;margin-left: 10px;margin-right: 10px;/*max-height: 457px;*/} #plans section.list-view article { overflow: hidden; padding: 0px 0px 35px; margin: 0px 0px 35px; border-bottom: 1px solid #dbdddf; } #plans section.list-view article:last-child { border-bottom: 0px; margin: 0; } #plans section.list-view article figure { /*float: left; width: 72%; padding: 6px; background: #fff; border-left: 1px solid #e5e8ee; border-right: 1px solid #e5e8ee; border-bottom: 2px solid #e5e8ee;*/ /*height: 380px; margin-right: 35px;*/ width: 100%; } #plans section.list-view article appart {float: left; /*width: 960px;*/ /*width:30%;*/margin-left:10px;} #plans section.list-view article appart h5 { color: #313e4b; font: 16px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; background: url(images/heading-bg.png) left bottom no-repeat; padding: 0px 0px 15px; margin: 0px 0px 15px; } #plans section.list-view article appart p { text-shadow: 1px 1px 0px #fff; color: #4e5c6a; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 25px; margin: 0px 0px 15px; } #plans section.list-view article appart div { float:left; width:100%;} #plans section.list-view article figure img { /*width: 100%;*/ /*height: 100%;*/ max-width:100%;} /* /* #plans section.list-view article div { float: right; /*width: 420px;*/ } /* #plans section.list-view article div h4 { color: #313e4b; font: 19px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; background: url(images/heading-bg.png) left bottom no-repeat; padding: 0px 0px 15px; margin: 0px 0px 15px; } #plans section.list-view article div h5 { color: #313e4b; font: 16px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; background: url(images/heading-bg.png) left bottom no-repeat; padding: 0px 0px 15px; margin: 0px 0px 15px; } #plans section.list-view article div p { text-shadow: 1px 1px 0px #fff; color: #4e5c6a; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 23px; margin: 0px 0px 15px; } */ #plans section.list-view article desp { /*width: 420px;*/ } #plans section.list-view article desp h4 { color: #313e4b; font: 19px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; background: url(images/heading-bg.png) left bottom no-repeat; padding: 0px 0px 15px; margin: 0px 0px 15px; float: left;width: 30%;margin-left: 10px;} #plans section.list-view article desp h5 { color: #313e4b; font: 16px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; background: url(images/heading-bg.png) left bottom no-repeat; padding: 0px 0px 15px; margin: 0px 0px 15px; } #plans section.list-view article desp p { text-shadow: 1px 1px 0px #fff; color: #4e5c6a; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 23px; margin: 0px 0px 15px; } #plans section.list-view article div a.more-detail { background: url(images/button-gray.png) center top no-repeat; width: 204px; height: 53px; display: block; text-align: center; text-shadow: 1px 1px 0px #1f2022; font: 14px "RobotoBold", Arial, Helvetica, sans-serif; color: #fff; line-height: 53px; } #plans section.list-view article div a.more-detail:hover { text-decoration: none; background-position: center bottom; } #plans section.list-view article desp a.more-detail { background: url(images/button-gray.png) center top no-repeat; width: 204px; height: 53px; display: block; text-align: center; text-shadow: 1px 1px 0px #1f2022; font: 14px "RobotoBold", Arial, Helvetica, sans-serif; color: #fff; line-height: 53px; float:left; } #plans section.list-view article desp a.more-detail:hover { text-decoration: none; background-position: center bottom; } #plans section.grid-view { overflow: hidden; } #plans section.grid-view article { /*float: left;*/ width: 220px; height: 220px; margin: 0px 10px 20px 5px; } /*#plans section.grid-view article:nth-child(4n) { margin-right: 0; }*/ #plans section.grid-view article figure { width: 206px; height: 206px; background: #fff; border-left: 1px solid #d3d9e1; border-right: 1px solid #d3d9e1; border-bottom: 2px solid #d3d9e1; padding: 6px; } #plans section.grid-view article figure img { height: 100%; width: 100%; } #plans section.grid-view article div { display: none !important; } /*******************************************/ /** SECTION **/ /*******************************************/ .map { margin-top: 30px; } .map p { margin: 0px 0px 25px; color: #627281; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 22px; } .map p a { color: #24a9d0; width: 100%; display: block; } .map img { line-height: 0px; padding: 6px; border-right: 1px solid /*#e5e8ee*/ rgba(229, 232, 238, 0); border-left: 1px solid /*#e5e8ee*/ rgba(229, 232, 238, 0); max-width: 100%; border-bottom: 2px solid /*#e5e8ee;*/rgba(229, 232, 238, 0); } .divider { clear: both; height: 0px; margin: 1.5em 0; border-top: 1px solid #eee; } .section_logo ul li{ float: left; margin: 0px 14px 20px 0px; } /*******************************************/ /** PAGINATION **/ /*******************************************/ #pagination { height: 85px; } #pagination section { border-top: 1px solid #eee; padding: 0px 10px; margin: 0px auto; } #pagination.pp section { border: none; } #pagination ul { text-align: center; line-height: 85px; } #pagination.pp ul { line-height: 85px; } #pagination ul li { display: inline; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; color: #636169; line-height: 13px; } #pagination ul li a { color: #636169; border-right: 1px solid #e4e4e4; padding: 0px 20px; } #pagination ul li a:hover, #pagination ul li a.active { color: #24a9d0; text-decoration: none } #pagination ul li:last-child a { border: none; } /*******************************************/ /** PORTFOLIO SINGLE **/ /*******************************************/ #portfolio-single { width: 100%; background: #e9edf0; padding: 40px 0px; } #portfolio-single .project-image { max-width: 960px; margin: 0px auto; padding: 6px; background: #fff; border-right: 1px solid #e5e8ee; border-bottom: 2px solid #e5e8ee; border-left: 1px solid #e5e8ee; /*overflow: hidden;resize: both;*/} #portfolio-single .project-image img { width: 80%;/* width: 100%;*/} #portfolio-single .project-image plan { /*padding: 0px 95px 0px;*/ /*resize: both; overflow: auto;*/ margin: 0px auto;text-align: center; display:block;} #portfolio-single .project-image plan a { color: #24a9d0;text-decoration: none;display: block; } #portfolio-single .content-right-wrapper { background: #fff; margin: 55px 0px 0px; } #project-detail { /*width: 585px; padding: 25px 35px 25px 10px; float: right;*/ /*width: 960px;*/padding: 25px 35px 25px 10px; margin:10px;} #project-detail h4 { color: #313e4b; font: 19px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; background: url(images/heading-bg.png) left bottom no-repeat; padding: 0px 0px 15px; margin: 0px 0px 15px; } #project-detail h5 { color: #313e4b;font: 19px "RobotoRegular", Arial, Helvetica, sans-serif;line-height: 20px;padding: 35px 0px 35px;border-top: 1px solid #dbdddf;border-bottom: 1px solid #dbdddf; } #project-detail article { /*width: 270px;*/ /*float: left;*/ margin-right: 20px; } #project-detail article p { margin: 0px 0px 25px; color: #475664; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 22px; } #project-detail article p a { color: #24a9d0; } #project-detail article strong { font-family: "RobotoMedium"; color: #475664; } #project-detail article em { font-family: "RobotoItalic"; color: #919191; } #project-detail article:last-child { margin-right: 0; } #author-detail { overflow: hidden; } #author-detail article { padding: 40px 10px 40px 20px; width: 290px; float: left; } #author-detail article div { overflow: hidden; } #author-detail p { color: #627281; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 28px; /*width: 220px; float: right;*/ } #author-detail strong { color: #384756; font: 13px "RobotoMedium", Arial, Helvetica, sans-serif; float: left; display: inline-block; /*width: 70px;*/ /*height:100px;*/ line-height: 28px; } #author-detail p a { color: #24a9d0; } #related-project { max-width: 100%; padding: 35px 0px 0px; margin: 0px auto; border-top: 1px solid #dbdddf; padding: 0px 20px;background: #fff;border-bottom: 1px solid #dbdddf;} #related-project related-project-wrapper { max-width: 960px; margin: 0px auto; } #related-project h4 { color: #313e4b; font: 19px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 20px; background: url(images/heading-bg.png) left bottom no-repeat; padding: 0px 0px 15px; margin: 15px auto 15px auto;max-width:960px;} #related-project ul { max-width: 960px; margin:0px auto; } #related-project li { width: 220px; float: left; margin-right: 20px; margin-bottom: 20px; height: 220px; } #related-project li:nth-child(4n) { margin-right: 0; } #related-project li a { line-height: 0px; display: block; padding: 6px; background: #fff; border-right: 1px solid #e5e8ee; border-bottom: 2px solid #e5e8ee; border-left: 1px solid #e5e8ee; } #related-project img { width: 206px; height: 206px; } /*******************************************/ /** BOTTOM **/ /*******************************************/ .bottom-wrapper { background: #333c4d url(images/home-tab-bg.png) repeat-x; min-height: 300px; width: 100%; overflow: hidden; } #bottom { width: 960px; margin: 0px auto; } #bottom article { float: left; padding: 45px 0px; min-height: 212px; } #bottom article.bottom-text-widget { width: 300px; margin: 0px 20px 0px 0px; } #bottom article.bottom-tweet-widget { width: 300px; padding-right: 35px; margin: 0px 54px 0px 0px; background: url(images/bottom-separator.png) right center repeat-y; } #bottom article.bottom-subscribe-widget { width: 230px; } #bottom article.widget { width: 270px; padding-right: 30px; margin-right: 30px; background: url(images/bottom-separator.png) right center repeat-y; text-shadow: 1px 1px 0px #282f3b; color: #cfd9e2; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 21px; } #bottom article.widget:last-child { background: none; margin-right: 0px; } #bottom article h4 { text-shadow: 1px 1px 0px #282f3b; color: #fff; font: 16px "RobotoRegular", Arial, Helvetica, sans-serif; background: url(images/heading-bg.png) left bottom no-repeat; padding: 0px 0px 14px 0px; margin: 0px 0px 14px 0px; } #bottom article p { text-shadow: 1px 1px 0px #282f3b; color: #cfd9e2; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 21px; margin: 0px 0px 20px 0px; } #bottom article p strong { font-family: "RobotoMedium"; color: #fff; } #bottom article fieldset { position: relative; margin: 0px 0px 10px; } #bottom article input.feild { outline: none; color: #a5acb8; font: 12px "RobotoRegular", Arial, Helvetica, sans-serif; background: url(images/subscribe-fields.png) no-repeat; width: 169px; height: 23px; padding: 10px 51px 10px 10px; line-height: 23px; border: none; } #bottom article input.ok-btn { outline: none; position: absolute; top: 0px; right: 0px; cursor: pointer; background: url(images/subscribe-btn.png) no-repeat; width: 41px; height: 41px; line-height: 41px; border: none; color: #fff; text-shadow: #1685bb; } #bottom article .tweet_list li { padding: 0px 0px 15px; margin: 0px 0px 15px; background: url(images/heading-bg.png) left bottom no-repeat; } #bottom article .tweet_list li:last-child { background: none; } #bottom article .tweet_time { display: block; text-shadow: 1px 1px 0px #282f3b; } #bottom article .tweet_time a { color: #a2abba; font-size: 11px; } #bottom article .tweet_text { text-shadow: 1px 1px 0px #282f3b; color: #cfd9e2; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; line-height: 21px; } #bottom article .tweet_text a { color: #88caed; } .wrapper{width:100%;} .wrapper .wrapper-contact {max-width:960px;margin:0px auto;} /*******************************************/ /** FOOTER **/ /*******************************************/ .footer-wrapper { background: #202732; padding: 40px 0px; overflow: hidden; border-top: 1px solid #3d495d; width:100%; } .footer-wrapper footer { max-width: 960px; padding: 0px 0px; margin: 0px auto; } .footer-wrapper footer p { color: #cfd9e2; font: 13px "RobotoMedium", Arial, Helvetica, sans-serif; line-height: 20px; text-shadow: 1px 1px 0px #101319; } .footer-wrapper footer a { color: #cfd9e2; } .footer-wrapper footer p.copyright-text { margin: 0px 0px 20px; } .footer-wrapper footer p.copyright-text a.logo { border-right: 1px solid #555d67; margin-right: 15px; } .footer-wrapper footer p.copyright-text a.logo img { margin-right: 15px; vertical-align: middle; } .footer-wrapper footer .footer-nav {} .footer-wrapper footer .footer-nav li { float: left; padding: 0px 15px 0px 0px; margin: 0px 15px 0px 0px; background: url(images/separator.png) right center no-repeat; } .footer-wrapper footer .footer-nav li:last-child { padding: 0; margin: 0; background: none; } .footer-wrapper footer .social { margin: 0px 0px 20px; overflow: hidden; } .footer-wrapper footer .social li { display: inline; margin-left: 15px; margin-top:0px;} .footer-wrapper footer .social li a { font-size: 0; line-height: 0; display: inline-block; width: 19px; height: 19px; } .footer-wrapper footer .social li a:hover { text-decoration: underline; } .footer-wrapper footer .social li a.fb { background: url(images/social.png) right center no-repeat; } .footer-wrapper footer .social li a.tw { background: url(images/social.png) -35px center no-repeat; } .footer-wrapper footer .social li a.vm { background: url(images/social.png) left center no-repeat; } .footer-wrapper footer div.left { float: left; /*width: 470px;*/ margin-left: 10px;} .footer-wrapper footer div.left2 { float: left; width: 470px; padding-top:20px; } .footer-wrapper footer div.right { float: right; text-align: right;color: rgb(102, 102, 102); margin-right: 10px;} .wpml-wrapper {background: #202732;padding: 10px 0px 5px 0px;border-top: 1px solid #3d495d;width:100%;display:block;} /*******************************************/ /** 404Page **/ /*******************************************/ #four-o-four { width: 620px; margin: -130px auto 150px; position: relative; z-index: 100; } #four-o-four div { text-align: center; color: #fff; background: url(images/description-bg.png); width: 620px; height: 120px; padding: 40px 0px 0px; } #four-o-four div h3 { font: 40px "RobotoLight", Arial, Helvetica, sans-serif; } #four-o-four div p { font: 24px "RobotoLight", Arial, Helvetica, sans-serif; } form.searchform { width: 100%; margin: 40px 0px 40px; } form.searchform input[type="text"] { color: #6f7173; font: 13px "RobotoRegular", Arial, Helvetica, sans-serif; float: right; width: 320px; height: 25px; padding: 10px; border: 1px solid #d5d5d5; background: url(images/megnifier.png) 310px center no-repeat; } form.searchform a { display: inline-block; float: left; font: 14px "RobotoMedium", Arial, Helvetica, sans-serif; line-height: 45px; } .slidewoo {/*background: url(http://localhost:8888/piront/wp-content/themes/WP/images/description-bg.png);*/padding-bottom: 5px;width:100%;background-color: rgb(91, 98, 109);overflow: hidden;} /*******************************************/ /** WordPress Core **/ /*******************************************/ .alignnone { /*margin: 5px 20px 20px 0;*/ } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { /*margin: 5px 20px 20px 0;*/ } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /*******************************************/ /** ISOTOPE **/ /*******************************************/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /*iPad Landscape*/ @media screen and (max-width: 1024px), screen and (max-device-width: 1024px), screen and (max-width: 1024px) { .header-wrapper header .logo {float: left;display: inline-block;margin: 38px 0px 38px 0px;text-align: center;width: 100%;} .header-wrapper header nav {margin: 80px;} .woo_wrapper {margin: 0px 0px 0px 140px;} .col-left .bottom article { /*width: 556px;*/ /*padding: 20px 20px 0px 0px;*/margin:0px auto; } /*.col-left .top > div { /*width: 576px;*/ /*padding: 0px 0px 0px 0px; }*/ .col-left .top article.left-box { padding: 40px 20px 40px 0px;position: relative; } /*.col-left .top article.right-box { width: 258px; padding: 40px 20px 40px 0px; }*/ .col-right .top article { padding: 30px 0px 30px 24px; width: 364px; } .col-right .top .tabs { padding: 0px 0px 0px 24px; } .col-right .bottom article {max-width: 1024px;} #plans section.list-view article desp h4 {margin: 40px 0px 15px 10px;float: left;width: 100%;} #plans section.list-view article img_taille { /*width: 60%;*/ max-width:768px;/*max-height: 380px;*/ /*height: auto;*/ } #content { max-width: 1024px; /*padding: 0px 10px 0px 10px;*/ } .content-right-wrapper {float: none;margin: 10px;} #comments {width: 100%;float: none;margin-left:10px; } #author article { width: 530px; min-height: 142px; height: auto; padding: 25px 20px 25px 0px; } #author article .bio { width: 405px; } #plans section { max-width: 1024px; } #project-detail article { /*width: 260px;*/ } #portfolio-single .project-image plan {resize: both;overflow: auto;margin: 0px auto;text-align: center;}} #portfolio-single .project-image { max-width: 960px; /*height: auto;*/ } /*@media handheld and (max-device-width: 860px) { .woo_wrapper {margin: 0px 10px;}*/ /*iPad Portrait*/ @media handheld and (max-width: 767px), screen and (max-device-width: 767px), screen and (max-width: 767px) { .woo_wrapper {margin: 0px 0px 0px 100px;} .header-wrapper {min-height: 90px; max-width: 767px;} .header-wrapper header { max-width:767px; margin:0px auto;} .header-wrapper header .logo {display: inline-block;margin: 38px 0px 38px 0px;text-align: center;width: 100%;} .header-wrapper header nav {position: relative;margin: 25px 0px 0px;text-align: center;width: 100%;} .slider-wrapper #slider article { height: 363px; } .slider-wrapper #slider article .caption { height: 363px; margin: -363px auto 0px; } .slider-wrapper .slider-nav { height: 363px; margin: -363px auto 0px; width: 728px; } .slider-wrapper .slider-nav div { background: #fff; width: 70px; height: 120px; position: absolute; top: 559px; right: 0px; z-index: 100; } .col-left .bottom { overflow: visible; } .col-left .bottom article { margin: 0px auto;padding: 50px 10px; } .col-left .top > div {max-width: 767px;padding: 0px 0px 0px 0px;} .col-left .top article.left-box { width: 100%; border-bottom: 1px solid rgb(91, 98, 109); margin: 0px auto;padding: 40px 10px; } .col-left .top article.right-box { padding: 40px 10px;width: 100%;margin: 0px auto;float: left;text-align:left !important; } .col-right .top article { padding: 30px 0px 30px 27px; width: 270px; } .col-right .top .tabs { padding: 0px 0px 0px 27px; } .col-right .bottom article {max-width: 767px;} #bottom { width: 728px; } .footer-wrapper footer {max-width: 767px;} .footer-wrapper footer div.left { width: 100%;float: left;margin: 0px 10px; } .footer-wrapper footer div.right { width: 100%;float: left;margin: 0px 10px;text-align: left; } .footer-wrapper footer .footer-nav li { line-height: 30px; } #page-header { width: 70%;} #page-header div { width: 100%; } #author { width: 100%; } #author article { width: 416px; min-height: 142px; height: auto; padding: 25px 20px 25px 0px; } #author article .bio { width: 291px; } #about-left { width: 344px; padding: 0px 20px 0px 0px; } #about-right { width: 344px; padding: 0px 0px 0px 20px; } #about .test-wrapper { margin: 0px 0px 50px 0px; } #testimonial article { width: 265px; } #about-right-b { width: 329px; } #join section { width: 728px; overflow: hidden; } #join section div { margin: 0px 0px 20px; } #our-team section { width: 728px; overflow: hidden; } #our-team ul li { width: 354px; margin: 0px 20px 50px 0px; } #our-team .text { width: 227px; } #content { max-width: 767px; /*padding: 0px 10px 0px 10px;*/ } .content-right-wrapper {float: none;margin: 10px;max-width: 767px;} .content-right-wrapper-search { float: none; max-width: 767px; } .content-left-wrapper-form { /*width: 60%; float: left;*/ max-width: 960px;margin: 40px auto;/*position: relative;*/} #comments {width: 100%;float: none; } #comments form textarea { width: 396px; } #comments form .submit { margin-right: 0px; float: none; } #portfolio section { width: 728px; } #portfolio-header section { max-width: 767px; } #portfolio section.list-view article figure { width: 409px; max-height: 380px; height: auto; } #portfolio-single .project-image { max-width: 767px; /*height: auto;*/ margin: 10px;} #plans section { max-width: 767px; } #plans section.list-view article desp h4 {margin: 40px 0px 15px 10px;float: left;width: 100%;} #plans section.list-view article appart {width: 100%;} #plans section.list-view article img_taille {/*width: 60%;*/ max-width:767px;/*max-height: 380px;*/ /*height: auto;*/ } #portfolio-single .project-image plan {resize: both;overflow: auto;margin: 0px auto;text-align: center;} #plans-single .project-image { width: 728px; height: auto; } #project-detail article { /*width: 190px;*/ } .content-left-wrapper {max-width: 767px;margin: 0;left: 0;float: none;} #related-project { max-width: 728px; } #related-project related-project-wrapper { max-width: 767px; } #related-project h4 {max-width:767px;} #related-project ul { max-width: 767px;} #related-project li { width: 220px; float: left;} .left-box { float: none !important; width: 100% !important; } #hover_hide { width: 100%; } #hover_hide h4.box-name { width: 100%; font-size: 16px; } } /*iPhone Landscape*/ @media screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 480px) { .woo_wrapper {margin: 0px 10px;} .header-wrapper {min-height: 90px; max-width: 480px;} .header-wrapper header { max-width: 480px; } .header-wrapper header nav {position: relative;margin: 25px 0px 0px;text-align: center;width: 100%;} .header-wrapper header nav li {position: relative;margin: 0px auto;font: 15px "RobotoLight", Arial, Helvetica, sans-serif;line-height: 20px;padding-bottom: 5px;padding-top: 5px;border-top: 1px solid #cfd9e2;float: none;} .header-wrapper header nav li a {color: #282828;display: block;} .header-wrapper header nav li ul {top: 0;left: 0;z-index: 1000;width: 100%;background: rgba(226, 226, 226, 0.5);display: inherit;padding: 0; position: relative;border-top: 0;border-left: 0;border-right: 0;border-bottom: 0;} .slider-wrapper #slider article { height: 363px; } .slider-wrapper #slider article .caption { height: 363px; margin: -363px auto 0px; } .slider-wrapper .slider-nav { height: 363px; margin: -363px auto 0px; width: 728px; } .slider-wrapper .slider-nav div { background: #fff; width: 70px; height: 120px; position: absolute; top: 559px; right: 0px; z-index: 100; } .col-left .bottom { overflow: visible;/*max-width: 767px;*/ } .col-left .bottom article { /*float: right;*/margin:20px 10px; padding: 20px 0px 0px 0px; } .col-left .top > div {max-width: 480px;padding: 0px 0px 0px 0px;} /*.col-left .top article.left-box { width: 40%; padding: 40px 20px 40px 0px; margin: 0px 20px 0px 0px; } .col-left .top article.right-box { width: 50%; padding: 40px 20px 40px 0px; }*/ .col-right .top article { padding: 30px 0px 30px 27px; width: 270px; } .col-right .top .tabs { padding: 0px 0px 0px 27px; } .col-right .bottom article {max-width: 480px;} #bottom { width: 728px; } .footer-wrapper footer {max-width: 480px;} .footer-wrapper footer div.left { width: 100%;float: left;margin: 0px 10px; } .footer-wrapper footer div.right { width: 100%;float: left;margin: 0px 10px;text-align: left; } .footer-wrapper footer .footer-nav li { line-height: 30px; } #page-header { width: 80%;} #page-header div { width: 100%; } #author { width: 100%; } #author article { width: 416px; min-height: 142px; height: auto; padding: 25px 20px 25px 0px; } #author article .bio { width: 291px; } #about-left { width: 344px; padding: 0px 20px 0px 0px; } #about-right { width: 344px; padding: 0px 0px 0px 20px; } #about .test-wrapper { margin: 0px 0px 50px 0px; } #testimonial article { width: 265px; } #about-right-b { width: 329px; } #join section { width: 728px; overflow: hidden; } #join section div { margin: 0px 0px 20px; } #our-team section { width: 728px; overflow: hidden; } #our-team ul li { width: 354px; margin: 0px 20px 50px 0px; } #our-team .text { width: 227px; } #content { max-width: 480px; /*padding: 0px 10px 0px 10px;*/ } .content-right-wrapper {max-width: 480px;} .content-right-wrapper-search { max-width: 480px; } #comments { /*width: 230px;*/ } #comments form .field { width: 230px; } #comments form textarea { width: 230px; } #comments form .submit { float: left; } #portfolio section { width: 728px; } #portfolio-header section { max-width: 480px; } #portfolio section.list-view article figure { /*width: 409px; max-height: 380px; height: auto;*/ height:100%; max-height:290px; } #portfolio-single .project-image { max-width: 480px;} #plans section { max-width: 480px; } #plans section.list-view article img_taille { /*max-width: 380px;*/ max-width:480px;/*max-height: 457px;*/ /*height: 196px;*/ margin-bottom: 20px;} #plans-single .project-image { width: 728px; height: auto; } #project-detail { max-width: 480px; float: none;} #project-detail article { /*width: 190px; */} .content-left-wrapper {max-width: 480px;/*margin: 10px;*/} #related-project { max-width: 480px; } #related-project related-project-wrapper { max-width: 480px; } #related-project h4 {max-width:480px;} #related-project ul { max-width: 480px;} #related-project li { width: 220px; float: none;} } /*iPhone Portrait*/ @media screen and (max-width: 320px), screen and (max-device-width: 320px), screen and (max-width: 320px) { .wrapper .wrapper-contact {max-width: 320px;margin: 0px 10px;} .woo_wrapper {margin: 0px 10px;} .header-wrapper {min-height: 90px; max-width: 320px;} .header-wrapper header { max-width: 320px; } .header-wrapper header .logo { float: none; display: block; width: 100%; text-align: center; margin: 20px 0px; } .header-wrapper header nav {position: relative;margin: 25px 0px 0px;text-align: center;width: 100%;} .header-wrapper header nav ul { text-align: center; } .header-wrapper header nav li {position: relative;margin: 0px auto;font: 15px "RobotoLight", Arial, Helvetica, sans-serif;line-height: 20px;padding-bottom: 5px;padding-top: 5px;border-top: 1px solid #cfd9e2;float: none;} .slider-wrapper #slider article { height: 163px; } .slider-wrapper #slider article .caption { display: none; } .slider-wrapper .slider-nav { display: none; } .col-left { float: none; width: 100%; } .col-left .top div { width: 100% !important; } .col-left .top article.left-box { border-bottom: 1px solid #e7eaec; border-right: 0px solid #e7eaec; margin:0px 10px 0px 10px;width:320px; } .col-left .top article.left-box, .col-left .top article.right-box { float: none; padding: 45px 0px; margin:0px 10px 0px 10px;width:320px; } .col-left .bottom article { /*width: 320px;*/ padding: 45px 0px; /*margin: 0px auto;*/ float: none; } .col-right { float: none; width: 100%; } .col-right .top article.tab-pane { width: 320px; float: none; margin: 0px auto; padding: 30px 0px; } .col-right .tabs { padding: 0px !important; text-align: center; } .col-right .tabs h5 { display: inline-block; float: none !important; } .col-right .bottom { width: 100%; } .col-right .bottom article {max-width: 320px;} #bottom { width: 320px; } #bottom article{ width: 320px; float: none; padding: 30px 0px 0px; background: none; } #bottom article.bottom-tweet-widget, #bottom article.widget { background: none; } .footer-wrapper footer {max-width: 320px;} .page-header-wrapper { /*height: 80px;*/ } .page-header-wrapper img { /*height: 100%;*/ } #page-header { display: none; } .content-left-wrapper { width: 100%; float: none; } .content-right-wrapper-search { max-width: 320px; } .content-right-wrapper { max-width: 320px; float: none; overflow: hidden; } #content { max-width: 320px; padding: 0px 10px; margin: 0px auto; float: none; } #sidebar { width: 320px; padding: 0px; margin: 0px auto; float: none; } #author { width: 100%; } #author article { float: none; width: 320px; min-height: 142px; height: auto; padding: 25px 0px 25px 0px; margin: 0px auto 30px; } #author article .bio { width: 233px; } #author article .avatar { width: 75px; height: 75px; margin: 0px 12px 0px 0px; } #author article .avatar img { width: 65px; height: 65px; } #comments { max-width: 320px; float: none; } #about-left { width: 320px; padding: 0px 0px 0px 0px; float: none; margin: 0px auto; } #about-right { width: 320px; padding: 0px 0px 0px 0px; float: none; margin: 0px auto; } #about .content-left-wrapper { width: 100%; float: none; margin: 0px auto; } #about .content-right-wrapper { width: 100%; float: none; margin: 0px auto; } #about .test-wrapper { margin: 0px 0px 50px 0px; } #testimonial article { width: 320px; padding: 0px 0px 0px 0px; } #about-right-b { width: 320px; margin: 0px auto; float: none; padding: 25px 0px 0px; } .test-arrows { display: none; } #join section { width: 320px; overflow: hidden; } #join section div { margin: 0px 0px 20px; } #our-team section { width: 320px; overflow: hidden; } #portfolio section { width: 320px; } #portfolio-header section { max-width: 320px; } #portfolio-header { min-height: 100px; height: auto; } #portfolio-header .portfolio-menu { margin: 0px 0px 20px; } #portfolio-header .portfolio-menu a { padding: 0px 5px; } #portfolio section.list-view article figure { width: 320px; height: auto; margin: 0px 0px 20px; } #portfolio section.list-view article div { width: 320px; float: none; } #plans section { max-width: 320px; } #plans-header { min-height: 100px; height: auto; } #plans-header .plans-menu { margin: 0px 0px 20px; } #plans-header .plans-menu a { padding: 0px 5px; } #plans section.list-view article img_taille { max-width:300px; } /*#plans section.list-view article figure { width: 320px; height: auto; margin: 0px 0px 20px; }*/ #plans section.list-view article div { max-width: 320px; float: none; } #plans-single .project-image { max-width: 320px; height: auto; } /*#project-detail { max-width: 320px;}*/ #related-project { max-width: 320px; } #related-project related-project-wrapper { max-width: 320px; } #related-project h4 {max-width:320px;} #related-project ul { max-width: 320px;} #related-project li { width: 150px; height: 150px; margin-right: 10px; } #related-project img { width: 138px; height: 138px; } #author-detail article { max-width: 320px; padding: 40px 20px; margin: 0px auto; float: none; } #portfolio-single .project-image img {max-width: 320px;} #plans-single .content-left-wrapper { width: 100%; float: none; } #plans-single .content-right-wrapper { width: 100%; float: none; } } p.msgerror{ background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442; padding:15px; margin:15px 0px!important; } p.msgsuccess{ background-color: #dff0d8; border: 1px solid #d6e9c6; color: #3c763d; padding:15px; margin:15px 0px!important; } /* * Home Slider */ .home-slider__item{ position: relative; background: #202732; min-height: 700px; overflow: hidden; } .home-slider__item img{ opacity: 0.6; min-height: 700px; width: auto!important; } .home-slider__item__content{ z-index: 1; position: absolute; width: 100%; max-width: 1140px; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .home-slider__item__nav { -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); -webkit-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55); -ms-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55); transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55); } .active .home-slider__item__nav { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .home-slider__item__nav a:first-child{ background-color: #4b90b0; margin: 0px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAADqUJ2JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI5QkI2MURDNkE4RDExRTk4RjI2QTg2Nzg4Q0Q1Q0RDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI5QkI2MURENkE4RDExRTk4RjI2QTg2Nzg4Q0Q1Q0RDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjlCQjYxREE2QThEMTFFOThGMjZBODY3ODhDRDVDREMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjlCQjYxREI2QThEMTFFOThGMjZBODY3ODhDRDVDREMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ZugYaAAAAvklEQVR42qzWwQ2DMAwFUDpEbwzRLtIFGIIRuHLsrWMwDNdOUgkZRyhSimLH/sbSR3KQXhQRCB0RdWB6zsS5pT6CfOmoT8KiSKof53EF8vIuTUQ8kIpYoSZigUxICzIjGuRCJMiN1CAIOUMwUkIhJENhJEML/dcb+SKky52zFtDGGRDoEqxsQth5AMZqgxAm3XBj2iwurLV2M2Z5IibMuk+amGf3qpj3nRIx5KStYU/07C+xOfITkbEx97sAAwAS8PwvAbeihgAAAABJRU5ErkJggg=='); } .home-slider__item__nav a:first-child:after{ border-left: 15px solid #4b90b0; border-bottom: 70px solid transparent; border-top: none; border-right: none; left: 100%; right:auto; } .home-slider__item__nav:after{ content:""; display: table; clear: both; } .home-slider__item__nav a{ width: 60px; height:70px; display: block; background-color: white; border:none; margin: 0; display: inline-block; float: left; position: relative; margin-left: 15px; background-repeat: no-repeat; background-position: center center; cursor: pointer; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAADqUJ2JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlEMjk5ODE3NkE4RDExRTk5MkZERDlGMEE1RkE5MDk1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlEMjk5ODE4NkE4RDExRTk5MkZERDlGMEE1RkE5MDk1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUQyOTk4MTU2QThEMTFFOTkyRkREOUYwQTVGQTkwOTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUQyOTk4MTY2QThEMTFFOTkyRkREOUYwQTVGQTkwOTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz63glPgAAABAElEQVR42qzUPw4BQRTH8d3HAQSNZAt/CjpBo3YGnVKi06tEr9dpFA7gBC4gFAoqjUSxR9D4jcwmk83amffGS76ZnS0+Yv+F9XY/wIRoibboGTDmcTt9V9LIBq3QEUWBYBTURVO9b0kxBV3QGL19MNLrwRcj49gLo9RejFHGORFGP86zMcr5ERZGlr/ujJHDDXHCyPExsWLEeHgzsUZnEHGhXKxQqta47+cdVdBQ78uoSYIvxgTNjf0VzUiA7IxLopARPm4x/QPhXOxMBMWc229FXCAnxAY5I3kQC/kFsZEsSISkITFiQl5IAvV8kQQ6o7UPoqao1wV6ob0EUfMRYABUg2CY1u0RPAAAAABJRU5ErkJggg=='); } .home-slider__item__nav a:after{ content:""; position: absolute; top:0; right: 100%; border-right: 15px solid white; border-top: 70px solid transparent; width: 15px; } .home-slider__item__content .location{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAXCAYAAADpwXTaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE0RjM5OTc5NkE4NzExRTlBRjdEODk5MjJCRUYzRDgyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE0RjM5OTdBNkE4NzExRTlBRjdEODk5MjJCRUYzRDgyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTRGMzk5Nzc2QTg3MTFFOUFGN0Q4OTkyMkJFRjNEODIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTRGMzk5Nzg2QTg3MTFFOUFGN0Q4OTkyMkJFRjNEODIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5M81NrAAABmUlEQVR42pyUTygEURzH32wiyb+0Bxf5c1MulDPlRtmSy6YlJwpb5MhFUlzWHpY9Sm7yp5ZyklLkghMXRW1hlZXL4sL3p9/oNd5vdma+9ZnXe/N933kz83vP6k3sKYNqwDCIgHZQBT7BNdgFaZAnYybe/zcpZAgaA/cgAbo4iFQGOsESuAMx50Q9zAIpsAaqlbtqwQZI9q3uW6awGTCu/GkSzDrDGsCiCqYFrK5RD4uDUsH8AW64NYnmTehhEcG4DepBK7c7gu/3l1oojUq07wbDE2gGBW2sHDyAsMFfQSurE5524QhS3D8X/OEQF6NJTcJ4izBeoLBH4TXbuIB1TfH3c+oVOyFXwp0jMGgwUQEPgCvQAbqFVR3SxQ5LCmGkHsZNKb00TsFWwKLdxCueObcTFV7WZ1CWC/7f3nwDQ+DbYxD5YlhVXjqCTsCyx7AVcCwdQbbmwWWRILo/53ae2foCUUP167sgyr6iYaRbPt9Mmub7ymsYaR0cOMYyPK78htHfGgU57j9zXwUJUxw0wt+J2hc3848AAwBBflW1vL/ziwAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: left top; min-height: 23px; position: absolute; right: 0px; bottom: 0px; z-index: 1; } .home-slider__item__content .location a{ color:white; text-decoration: none; display: block; padding: 5px 30px 20px 30px; } .home-slider__item__box{ position: relative; background: #202732; color:white; padding: 40px 40px 70px 40px; display: table; max-width: 60%; -webkit-transform: translateX(200px); -ms-transform: translateX(200px); transform: translateX(200px); -webkit-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55); -ms-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55); transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55); } .active .home-slider__item__box{ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .home-slider__item__content h3{ font-weight: bold; margin-bottom: 20px; } .home-slider__item__content .btn{ display: table; background: #4b90b0; color:white; padding: 15px 30px; text-decoration: none; -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); -webkit-transition: all 1.6s cubic-bezier(0.68, -0.55, 0.27, 1.55); -ms-transition: all 1.6s cubic-bezier(0.68, -0.55, 0.27, 1.55); transition: all 1.6s cubic-bezier(0.68, -0.55, 0.27, 1.55); } .active .home-slider__item__content .btn{ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .home-slider__item__content .btn:hover{ color:#4b90b0; background: white; } .home-slider__dots{ position: relative; z-index: 3; margin-top:-168px; text-align: center; padding-bottom: 20px; } .home-slider__dot{ display: inline-block; color: white; padding: 10px; text-align: center; cursor: pointer; } .home-slider__dot:hover span, .home-slider__dot.active span{ background-color: rgba(255,255,255,0.3); } .home-slider__dot span{ display: block; width: 100px; height: 100px; border:1px dashed white; border-radius: 5px; margin: auto; margin-bottom: 10px; background-color: rgba(32,39,50,0.3); -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZCNkIyOUFFNkIyNjExRTk4REE4QkY3QjFEQUVCNjM2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZCNkIyOUFGNkIyNjExRTk4REE4QkY3QjFEQUVCNjM2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkI2QjI5QUM2QjI2MTFFOThEQThCRjdCMURBRUI2MzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkI2QjI5QUQ2QjI2MTFFOThEQThCRjdCMURBRUI2MzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4AoxdsAAACD0lEQVR42uyav0vDQBTHU7HgIIgInbQUBxUVKS5uin9AtYPugpMIguBuHRW14izo5ORQdXSoo6ODAXGQUsVNUPyBU+P34YsU9JJLSJO0vAcfXshd7vLtJffuXZOwLMvwaIvgwIjGPsAAeNKp3O6jgz72l+A1RGFDYBCkGinOtlVwHaK4Alj3ckGb0cIm4prVdN+5MTDOx1n2M3XHYZhbvzTtl0HVPpHQDAW3PFPF3U7AvNeR6wDPYC3Gwg5B0m8oeAdHMRcns6WIE3EiTsT5XqHkQI9DvU72CxHfL8Xacy/iRsCZ31gSgY0CU1ecHdUvwLGi3jZ71QolD2Y536r+U54GGwH1kdT+GbC2zFo/tkfrTAUVRlVe4DayivIw+iAr1Z+T2VLEiTgRJ+JEnIgTcSIukpSHbNghpXFLedw2TNMB9qFttClLKc9NEw2IKuWh3eVTzh5+R87kX9wpWXVLR8JMVk0vI6dTr8I+E+MR/TNyMluKuJiHAr9G0/yOxt5GDWyBK0U5/cc+5dIGfWCwBD7DEjcN5jTrVhzErWhOWEVD80ODIB7LBPtl0K1gUqM/aufBoY3NKB5L2+hReVGUvWm2UXNo40smFBEnoSDw5VOGfcuJ29eMc3fNKK7IyDsn4kSciItnnNsF/S71UuxLipTHXtXnFdd3sc81eKtiou4e72kPhVbivS04cI/fAgwAmwMM1MsnjmAAAAAASUVORK5CYII='); background-position: center; background-repeat: no-repeat; } @media (max-width:767px){ .home-slider__item__box{ max-width:none; } .home-slider__dots{ display: none; } .home-slider__item{ min-height: inherit; } .home-slider__item img{ opacity: 1; min-height:inherit; width: 100%!important; } .home-slider__item__content{ position: relative; top:0; left: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } } @media (min-width:768px){ } /* home résidence */ .home-residences{ padding: 80px 5px; } .home-residences__container{ max-width: 1140px; margin: auto; padding: 0 15px; } .home-residences h3{ font-size: 30px; margin-bottom: 40px; } .home-residences h3:after{ content: ""; width: 30px; height: 1px; background:#000000; display: block; margin-top: 20px; } .home-residences .btn{ background: #4b90b0; color: white; display: table; padding: 15px 25px; margin-top: 40px; } .row{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .row .col{ position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; margin-bottom: 20px; } .row .col:after{ content: ""; clear: both; display: table; } .home-residence__logo{ display: inline-block; padding: 5px; width: 50%; float: left; box-sizing: border-box; } .home-residence__logo a{ display: block; padding: 10px; box-sizing: border-box; background: #f7f8fa; border-radius: 10px; } .home-residence__logo img{ width:100%; opacity: 0.6; } @media(min-width: 576px){ .row .col{ -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 50%; } }