/* Reset */
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,
strike,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-element,.aside-element,canvas,details,embed,
.figure-element,.figcaption-element,.footer-element,.header-element,hgroup,
menu,.nav-element,output,ruby,.section-element,summary,
time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
.article-element,.aside-element,details,.figcaption-element,.figure-element,
.footer-element,.header-element,hgroup,menu,.nav-element,.section-element{display:block;}
body{font-size:16px;line-height:1;font-family:'Museo Sans 100';background:#013575;background:rgba(1,53,117,1);color:#FFFFFF;color:rgba(255,255,255,1);-webkit-font-smoothing:antialiased;}
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;}
a{color:#FFF;text-decoration:none;}
.article-element{position:relative;}
div, .figcaption-element, ul, li { box-sizing: border-box; }
input { -webkit-appearance: none; border-radius: 0;}
.squarebox_out { position: relative; padding-bottom: 100%; }
.squarebox { position:absolute; top:0; height:100%; width:100%; }
.squarebox > div { height:100%; width:100%; display:table; }
.squarebox > div > div.alignmiddle { display: table-cell; vertical-align: middle; text-align: center; }
.keepratio { position: relative; padding-bottom: 100%; }
.keepratio > div { position:absolute; top:0; height:100%; width:100%; }
.keepratio > div > div { height:100%; width:100%; display:table; }
.keepratio > div > div > div.alignmiddle { display: table-cell; vertical-align: middle; text-align: center; }
.keepratio > div > div > div.alignalmostmiddle { display: table-cell; vertical-align: top; text-align: center; padding-top: 10% !important;}
span.sup, .openc sup, .bladevec sup {
display: inline !important;
font-size: smaller;
vertical-align: super;
}
/* Fonts */
@font-face{font-family:'Museo 100';src:url('../fonts/Museo100-Regular.eot');src:url('../fonts/Museo100-Regular.eot#iefix') format('embedded-opentype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo100-Regular.woff') format('woff'),
url('../fonts/Museo100-Regular.ttf') format('truetype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo100-Regular.svg#f0f75119aafb7a049e3bca3844b7ed90') format('svg');font-style:normal;font-weight:400;}
@font-face{font-family:'Museo 300';src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo300-Regular.eot');src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo300-Regular.eot#iefix') format('embedded-opentype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo300-Regular.woff') format('woff'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo300-Regular.ttf') format('truetype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo300-Regular.svg#529d18b4395c4760da652d7b592188b9') format('svg');font-style:normal;font-weight:400;}
@font-face{font-family:'Museo 500';src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo500-Regular.eot');src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo500-Regular.eot#iefix') format('embedded-opentype'),
url('../fonts/Museo500-Regular.woff') format('woff'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo500-Regular.ttf') format('truetype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo500-Regular.svg#a0763b663879b3369665e2a3821c2174') format('svg');font-style:normal;font-weight:400;}
@font-face{font-family:'Museo 700';src:url('../fonts/Museo700-Regular.eot');src:url('../fonts/Museo700-Regular.eot#iefix') format('embedded-opentype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo700-Regular.woff') format('woff'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo700-Regular.ttf') format('truetype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo700-Regular.svg#bbb8d732448291d0f99910627ede3ed9') format('svg');font-style:normal;font-weight:400;}
@font-face{font-family:'Museo 900';src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo900-Regular.eot');src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo900-Regular.eot#iefix') format('embedded-opentype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo900-Regular.woff') format('woff'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo900-Regular.ttf') format('truetype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/Museo900-Regular.svg#076007dbf1fcc60057953a44f5aa1271') format('svg');font-style:normal;font-weight:400;}
@font-face{font-family:'Museo Sans 100';src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-100.eot');src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-100.eot#iefix') format('embedded-opentype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-100.woff') format('woff'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-100.ttf') format('truetype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-100.svg#b757b597a858713e9a4caca0d1b452d4') format('svg');font-style:normal;font-weight:400;}
@font-face{font-family:'Museo Sans 100';src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-100Italic.eot');src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-100Italic.eot#iefix') format('embedded-opentype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-100Italic.woff') format('woff'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-100Italic.ttf') format('truetype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-100Italic.svg#be271c0b5c0bcaec2d150a5c25780ac2') format('svg');font-style:italic;font-weight:400;}
@font-face{font-family:'Museo Sans 300';src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-300.eot');src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-300.eot#iefix') format('embedded-opentype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-300.woff') format('woff'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-300.ttf') format('truetype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-300.svg#83308de0ca4237e6cd44fbae61d13495') format('svg');font-style:normal;font-weight:400;}
@font-face{font-family:'Museo Sans 300';src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-300Italic.eot');src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-300Italic.eot#iefix') format('embedded-opentype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-300Italic.woff') format('woff'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-300Italic.ttf') format('truetype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-300Italic.svg#e7e0b636715d0dffac9795f07ed90250') format('svg');font-style:italic;font-weight:400;}
@font-face{font-family:'Museo Sans 700';src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-700Italic.eot');src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-700Italic.eot#iefix') format('embedded-opentype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-700Italic.woff') format('woff'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-700Italic.ttf') format('truetype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-700Italic.svg#9dff8d61e098ee81e3213049ba25fd1d') format('svg');font-style:italic;font-weight:400;}
@font-face{font-family:'Museo Sans 900';src:url('../fonts/MuseoSans-900Italic.eot');src:url('../fonts/MuseoSans-900Italic.eot#iefix') format('embedded-opentype'),
url('../fonts/MuseoSans-900Italic.woff') format('woff'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-900Italic.ttf') format('truetype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans-900Italic.svg#6e1da575f5a57c6825e78e9100a48a23') format('svg');font-style:italic;font-weight:400;}
@font-face{font-family:'Museo Sans 500';src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_500.eot');src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_500.eot#iefix') format('embedded-opentype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_500.woff') format('woff'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_500.ttf') format('truetype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_500.svg#def45dfa0767cb06d134930a9f004794') format('svg');font-style:normal;font-weight:400;}
@font-face{font-family:'Museo Sans 500';src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_500_Italic.eot');src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_500_Italic.eot#iefix') format('embedded-opentype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_500_Italic.woff') format('woff'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_500_Italic.ttf') format('truetype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_500_Italic.svg#ef4942bf45a64e505cc9922be9ddc450') format('svg');font-style:italic;font-weight:400;}
@font-face{font-family:'Museo Sans 700';src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_700.eot');src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_700.eot#iefix') format('embedded-opentype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_700.woff') format('woff'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_700.ttf') format('truetype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_700.svg#c3e57fb2aade37c692a4a2f96a39f204') format('svg');font-style:normal;font-weight:400;}
@font-face{font-family:'Museo Sans 900';src:url('../fonts/MuseoSans_900.eot');src:url('../fonts/MuseoSans_900.eot#iefix') format('embedded-opentype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_900.woff') format('woff'),
url('../fonts/MuseoSans_900.ttf') format('truetype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/MuseoSans_900.svg#99e9df93c781742fabc74f826ab8431f') format('svg');font-style:normal;font-weight:400;}
@font-face{font-family:'Nothing You Could Say';src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/NothingYouCouldSay.eot');src:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/NothingYouCouldSay.eot#iefix') format('embedded-opentype'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/NothingYouCouldSay.woff') format('woff'),
url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/fonts/NothingYouCouldSay.ttf') format('truetype'),
url('../fonts/NothingYouCouldSay.svg') format('svg');font-style:normal;font-weight:200;}
.owl-prev, .owl-next { cursor: pointer; }
html.oldie .owl-prev {
background-image: url('../images/gui/buttons/zte-carrousel-arrow-left.png');
}
/* Main */
/*main{position:relative;width:100%;margin:auto;min-width:1600px;}*/
.main-element{position:relative;width:100%;margin:auto;display:block;/*block pour bug IE10/11*/}
.section-element{padding:110px 0 0 0;}
/* Navigation */
#navigation{position:absolute;z-index:10;width:100%;height:110px;background:#14519A;background:rgba(20,81,154,1);}
#navigation > a:first-child{position:relative;display:block;float:left;width:69px;height:96px;background:transparent url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/logos/zte.png') no-repeat center center;margin:6px 30px 0 45px;text-indent:-99em;}
#navigation .nav-element{margin:15px 0 0 0;}
#navigation .nav-element, #navigation .aside-element{display:block;text-transform:uppercase;}
#navigation .nav-element a{font-family:'Museo Sans 300';position:relative;display:block;float:left;font-size:1em;line-height:100px;margin:-10px 0 0 0;padding:0 30px;transition:color .5s ease;}
#navigation .nav-element:first-child{text-transform:uppercase;}
#navigation .nav-element a:hover {
color: #99BCE4; /* IE8 */
color: rgba(255,255,255,.5);
}
#navigation .nav-element ul li ul { display: none; }
#navigation .aside-element{margin:auto;position:absolute;bottom:0;right:0;}
#navigation .aside-element a{position:relative;display:block;float:left;font-size:1em;line-height:97px;text-transform:uppercase;margin:0;transition:all 1s ease;/*transform:translateZ(0);*/image-rendering:optimizeQuality; /* Firefox */}
#navigation .aside-element a:hover {
opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50); /* IE5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
}
#navigation #global{position:absolute;z-index:1;right:22px;top:18px; z-index: 100;background: url('../images/gui/buttons/btn-global.png') no-repeat;width:50px;height:34px;image-rendering:optimizeQuality;}
#navigation #global:hover {
opacity:.8;
-moz-opacity:.8;
filter:alpha(opacity=80); /* IE5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
}
/* Primary submenu */
@media (min-width: 1024px) {
#main-nav .expand-shown a,
#main-nav .menu>.menu-item-has-children:hover a {
border-bottom: 35px solid #fff;
}
}
/*#navigation .menu-expand{position:absolute;display:block;width:100%;height:300px;background:#FFFFFF;background:rgba(255,255,255,1);top:125px;box-shadow:0 10px 10px rgba(0,0,0,.25);opacity:0;-moz-opacity:0;filter:alpha(opacity=0);visibility:hidden;transition:all .5s ease;}
#navigation .menu-expand.expanded{top:115px;opacity:1;-moz-opacity:1;filter:alpha(opacity=1);visibility:visible;}*/
#navigation #sub-nav-smartphones .figure-element{text-align:center;}
#navigation #sub-nav-smartphones a{font-family:"Museo Sans 700";font-size:0.8em;color:#013575;color:rgba(1,53,117,1);text-decoration:none;line-height:1;margin:0;}
#navigation #sub-nav-smartphones #subnavigation-carrousel a{float:none;}
#navigation #sub-nav-smartphones .figcaption-element a{font-family:'Museo Sans 500';font-size:1em;line-height:normal;color:#013575;color:rgba(1,53,117,1);text-decoration:underline;}
#navigation #sub-nav-smartphones .tip{position:absolute;top:-20px;left:350px;width:180px;height:20px;background:#FFF;}
#navigation #subnavigation-aside{text-align:center;padding:1.5em;}
#navigation #subnavigation-aside a{display:inline;float:none;text-decoration:underline;text-align:center;margin:3em;text-align:center;text-transform:initial;font-size:0.85em;}
#navigation #sub-nav-smartphones .col{margin:1em 0 0;}
#navigation #subnavigation-product{position:relative;height:300px;text-decoration:underline;}
#navigation #subnavigation-product h1{color:#013575;color:rgba(1,53,117,1)!important;font-size:1.7em;font-family:'Museo Sans 100';text-transform:initial;margin:1.2em 0 0 0;}
#navigation #subnavigation-product img{position:absolute;top:105px;left:0}
#navigation #subnavigation-product ul{margin:2em 0 0;}
#navigation #subnavigation-product ul li{color:#EC408A;color:rgba(236,64,138,1);font-size:1.1em;font-family:'Museo Sans 300';line-height:1.2em;text-transform:initial;}
#navigation #subnavigation-product ul li a.with-big-arrow{font-family:'Museo Sans 500';background:url('../images/gui/buttons/btn-arrow-pink.png') no-repeat top left;color:#EC408A;color:rgba(236,64,138,1);line-height:45px;display:inline-block;padding:0 0 0 55px;border:0;}
#nav-fixed{background:#C7E8F7;background:rgba(199,232,247,1);position:fixed;top:300px;left:0;width:134px;z-index:99;box-shadow:0 0 10px rgba(0,0,0,.5);}
#nav-fixed .share{overflow:auto;}
#nav-fixed .share .facebook{background:#3A66A5;background:rgba(58,102,165,1) url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/icons/ico-facebook-share.png') no-repeat center center;width:67px;height:67px;}
#nav-fixed .share .twitter{background:#409EE4;background:rgba(64,158,228,1) url('../images/gui/icons/ico-twitter-share.png') no-repeat center center;width:67px;height:67px;}
#nav-fixed .navigation a{font-family:"Museo Sans 500";font-size:0.8em;color:#000000;color:rgba(0,0,0,1);text-transform:uppercase;display: block;padding: 1.8em 1em;transition:all 1s ease;}
#nav-fixed .navigation a.twolines{padding: 1.4em 1em;}
/*#nav-fixed .navigation a:hover,#nav-fixed .navigation a.current{font-family:"Museo Sans 700";background:#FFFFFF;background:rgba(255,255,255,1);}*/
#nav-fixed .navigation li a:hover,#nav-fixed .navigation li.current a{font-family:"Museo Sans 700";background:#FFFFFF;background:rgba(255,255,255,1);}
#nav-fixed .share a:hover {
opacity:.8;
-moz-opacity:.8;
filter:alpha(opacity=80); /* IE5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
}
#nav-fixed .nav-purchase-part {
}
#nav-fixed .nav-purchase-link {
display: block;
padding: 1.8em 1em;
font-family: 'Museo Sans 500';
font-size: 0.8em;
text-transform: uppercase;
color: #ffffff;
background-color: #2c2c2c;
transition: all 1s ease 0s;
}
#nav-fixed .nav-purchase-link:hover {
background-color: #444444;
}
/* Grids */
.col{display:block;float:left;}
.x2{width:50%;}
.x3{width:33.33333333%;}
.x38{width:38%;}
.x4,.x25{width:25%;}
.x5{width:20%;}
.x6{width:16.66666666%;}
.x75{width:75%;}
.x61{width:61.66666667%;}
/* Heights */
.h300{min-height:300px;}
.h500{min-height:500px;}
/* Colors */
.bkg_deep-blue{background-color:#013575!important;background-color:rgba(1,53,117,1)!important;}
.ftg_deep-blue{color:#013575;color:rgba(1,53,117,1)!important;}
.ftg_light-blue{color:#6ED4DD;color:rgba(110,212,221,1)!important;}
.bkg_light-blue{background-color:#BCF7EB;background-color:rgba(188,247,235,1)!important;}
.bkg_medium-blue{background:#14519A!important;background:rgba(20,81,154,1)!important;}
.bkg_white{background-color:#FFFFFF;background-color:rgba(255,255,255,1)!important;}
.txt_medium-blue{color:#14519A;color:rgba(20,81,154,1);}
/* Hovers */
/* Icons */
.ico{display:inline-block;width:64px;height:64px;text-align:center;}
.ico-arrow-right{background:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/icons/ico-arrow-right.png') no-repeat center center;}
.ico-twitter-share{background:url('../images/gui/icons/ico-twitter-share.png') no-repeat scroll center center;}
.ico-facebook-share{background:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/icons/ico-facebook-share.png') no-repeat scroll center center;}
.ico-youtube-share{background:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/icons/ico-youtube-share.png') no-repeat scroll center center;}
/* Blurbs */
.blurb{display:block;width:100%;height:auto;margin:auto;}
/* Buttons */
.main-element .header-element .aside-element a.btn{display:block;min-width:102px;width:102px;height:96px;background-repeat:no-repeat;background-position:center center;text-indent:-999em;margin:0;}
.twitter{background-image:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/buttons/zte-social-twitter.png');}
.facebook{background-image:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/buttons/zte-social-facebook.png');}
.youtube{background-image:url('../images/gui/buttons/zte-social-youtube.png');}
.instagram{background-image:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/buttons/zte-social-instagram.png');}
/* .search{background-image:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/buttons/zte-search.png');} */
.basket{background-image:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/buttons/zte-basket.png');}
/* Helpers */
.parallaxe_texte{position:relative;}
.parallaxe{display:table;width:100%; height:430px;background-size:cover;}
.parallaxe-title {
display: table-cell;
vertical-align: middle;
margin: 0;
padding: 0;
text-align: center;
}
.parallaxe-title h1 {
font-size: 10em;
}
.parallaxe-title h2 {
font-size: 3.33334em;
}
.hidden{display:none;}
.overflowed{overflow:auto;}
.rounded{border-radius:100%;}
.float_right{float:right;}
.float_left{float:left;}
.right{right:0;}
.left{left:0;}
.position_relative{position:relative;}
/* Articles */
#video {
box-sizing: content-box;
width: 100%;
}
/**
* Mediaslider
*/
#mediaslider,
#mediaslider * {
box-sizing: border-box;
}
.mediaslider-item {
position: relative;
padding-top: 33.33333%;
}
.mediaslider-item-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
.mediaslider-item-content {
position: relative;
display: table;
height: 100%;
width: 100%;
padding-top: 33.33333%;
}
.mediaslider-item-content-part {
position : absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: table-cell;
height: 100%;
width: 100%;
}
.mediaslider-item-content-part-left,
.mediaslider-item-content-part-right {
width: 25%;
vertical-align: middle;
}
.mediaslider-item-content-part-left {
right: 75%;
text-align: left;
}
.mediaslider-item-content-part-right {
left: 75%;
text-align: right;
}
.mediaslider-item-text {
position: absolute;
top: 50%;
width: 100%;
padding: 1em;
text-align: center;
transform: translateY(-50%);
font-family: 'Nothing You Could Say';
font-size: 2.6em;
line-height: 1.2;
text-decoration: none;
}
.mediaslider-item-content-part-middle {
left: 25%;
right: 25%;
width: 50%;
text-align: center;
}
.mediaslider-item-video,
.mediaslider-item-image {
display: inline-block;
width: auto;
max-width: 100%;
height: 100%;
}
.mediaslider-item-video {
width: 100%;
}
.mediaslider-item-slide {
position: relative;
width: 100%;
height: 100%;
min-height: 100%;
max-height: 100%;
padding-left: 15%;
}
.mediaslider-item-slide:after {
content: '';
display: block;
clear: both;
}
.mediaslider-item-slide-container {
padding: 1em;
}
.mediaslider-item-slide-container-text {
float: left;
width: 35%;
}
.mediaslider-item-slide-container-buttons {
float: left;
clear: left;
width: 35%;
line-height: 43px;
}
.mediaslider-item-slide-container-button .fleche {
float: left;
margin-right: 0.5em;
}
.mediaslider-item-slide-container-button {
display: inline-block;
font-size: 1.5em;
color: inherit;
margin: 0 1em 0 0;
}
.mediaslider-item-slide-container-image {
position: absolute;
top: 0;
bottom: 0;
left: 45%;
right: 15%;
}
.mediaslider-item-slide-content-image {
width: 100%;
height: 100%;
text-align: left;
}
.mediaslider-item-slide-container-title {
font-size: 2.6em;
line-height: 3em;
font-weight: bold;
}
.mediaslider-item-slide-container-description {
font-size: 1.8em;
}
.mediaslider-item-slide-image {
display: inline-block;
width: auto;
max-width: 100%;
height: 100%;
}
@media screen and (max-width: 1024px) {
.mediaslider-item-content-part-left,
.mediaslider-item-content-part-right {
display: none;
}
.mediaslider-item-content-part-middle {
left: 0;
right: 0;
width: 100%;
}
.mediaslider-item-slide {
padding-left: 0;
}
.mediaslider-item-slide-container {
padding: 0;
}
.mediaslider-item-slide-container-text {
display: none;
}
.mediaslider-item-slide-container-buttons {
position: absolute;
top: 75%;
bottom: 0;
right: 0;
left: 0;
width: 100%;
text-align: center;
padding-top: 1em;
}
.mediaslider-item-slide-container-image {
position: absolute;
top: 0;
bottom: 25%;
right: 0;
left: 0;
}
.mediaslider-item-slide-content-image {
text-align: center;
}
}
@media screen and (max-width: 768px) {
.mediaslider-item-slide-container-buttons {
padding-top: 0.5em;
line-height: 20px;
}
.mediaslider-item-slide-container-button .fleche {
margin-right: 0.25em;
height: 20px;
}
.mediaslider-item-slide-container-button {
font-size: 1em;
margin: 0 1em 0 0;
}
}
#video #video-interface{height:75px;background:#343434;background:rgba(52,52,52,1);}
#zte {
position: relative;
min-height: 785px;
background-color: #FFFFFF;
background-image: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/blurbs/bkg-parallax-couple.jpg'); /* url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/blurbs/bkg-parallax-children.jpg'); */
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
}
#zte .header-element{background:transparent;height:400px;}
#zte h1{background:#14519A;background:rgba(20,81,154,1);line-height:85px;text-align:center;font-size:2.6em;}
#zte h2{position:relative;padding:.4em 0 0;color:#062F5F;color:rgba(6,47,95,1);text-align:center;font-size:12em;}
#zte .title-header .title-header_content_cursive {
font-family: "Nothing You Could Say", cursive;
font-size: 5em;
padding-top: 6%;
}
#zte h3{position:relative;color:#062F5F;color:rgba(6,47,95,1);text-align:center;font-size:3.8em;}
#zte a.col.col-even,
#zte a.col {
background: #14519A; /* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE8 */
background: rgba(20,81,154,.75);
height: 300px;
text-align: center;
text-transform: uppercase;
font-family: 'Museo Sans 500';
font-size: 1.4em;
transition: all 1s ease;
}
#zte a.col.col-odd {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; /* IE8 */
background: rgba(20,81,154,.8);
}
#zte a.col:hover {
background: #14519A; /* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
background: rgba(20,81,154,.5);
}
#zte a.col span{display:block;margin:5em 0 1em;}
#zte .zte-noussommes-links {
position: absolute;
bottom: 0;
width: 100%;
}
#product #parallaxe-1 {
background-color: #FFFFFF;
background-image: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/blurbs/bkg-parallax-children.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#product #parallaxe-1 h2,
#product #parallaxe-1 h1{color:#013575;color:rgba(1,53,117,1);}
#medias .lien a {
text-decoration: none;
border: none;
}
#product .pricing a.firefox-logo,
#product .pricing a.btn-price {
cursor: default;
}
/* Homepage :Smartphones */
#smartphones{background:#FFFFFF;background:rgba(255,255,255,1);overflow:hidden;}
#smartphones .owl-buttons { position: absolute; top: 40%; left: 0; right: 0;}
#smartphones .carousel img { width: 100%; height: auto; }
#smartphones .carousel .owl-theme .owl-pagination { position: absolute; right: 4em; bottom: 2em; }
#smartphones .carousel .owl-theme .owl-pagination .owl-page { display: inline-block; }
#smartphones .carousel .owl-theme .owl-pagination .owl-page span {
background: #CEDEF1/* #fff */;
filter: Alpha(Opacity=100); /* IE5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
opacity: 1;
width: 1.3em;
height: 1.3em;
}
#smartphones .carousel .owl-theme .owl-pagination .owl-page.active span { background: #14519a; }
#smartphones .produitsliste {font-family:'Museo Sans 300';font-size:1.6em;text-align:center;margin: 29px 22px; }
#smartphones .produitsliste > div {
padding: 0;
position: relative;
min-height: 450px;
}
#smartphones .produitsliste > div .morebkg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display:none;
opacity:.90;
-moz-opacity:.90;
filter:alpha(opacity=90); /* IE5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */
z-index: 100;
}
#smartphones .produitsliste > div .more { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display:none; text-align: left; font-size: 0.6em; font-family:'Museo Sans 900'; z-index: 200; }
#smartphones .produitsliste > div:hover .morebkg { display: block; }
#smartphones .produitsliste > div:hover .more { display: table-cell; padding-left: 30%; vertical-align: middle; }
#smartphones .produitsliste img { width: 80%; max-width: 280px; height: auto; }
#smartphones .produitsliste a { color: inherit;}
/*#smartphones .produitsliste .more a { color: #fff; background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/icons/ico-arrow-right.png') no-repeat; padding-left: 5em; background-size: auto 100%; text-transform: uppercase; line-height: 4em; height: 4em; display: block; }
*/
#smartphones .produitsliste .more a { color: #fff; text-transform: uppercase; line-height: 4em; height: 4em; display: block; }
#smartphones .produitsliste .more .svg-element,
#smartphones .produitsliste .more svg {width: 60px;height: 60px;vertical-align:middle;margin-right: 15px;}
#smartphones .produitsliste .more p { margin-bottom: 2em; }
div.conteneur {
text-align:center; /* centrage horizontal */
height: 300px;
}
div.bloc {
width:100px;
margin:0 10px; /* espacement horizontal des blocs */
border:1px solid #fff;
display:inline-block;
vertical-align:middle;
text-align:left; /* on rétablit l'alignement du texte */
}
#smartphones .autresproduits{font-size:2.35em;line-height:2em;text-align:center; cursor: pointer; min-height: 70px;}
#smartphones .autresproduits h1 { display: inline;font-size:inherit;background: url('../images/gui/buttons/zte-carrousel-arrow-white-43x43.png') no-repeat center left transparent;padding-left: 1.8em; background-size: auto 100%;}
#smartphones .autresproduitsliste { position: relative; }
#smartphones .autresproduitsliste .fond {
background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/blurbs/bkg-parallax-couple.jpg') no-repeat left top;
background-size: 100% auto;
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /* IE8 */
}
#smartphones .autresproduitsliste .liste {position:relative; z-index:1;}
#smartphones #menu-autres-produits { display: block; color: #fff; line-height: 49px; font-size: 1.4em; }
#smartphones #menu-autres-produits li { display: block; width: 25%; float: left; padding-left: 6%; }
#smartphones #parallaxe-1 {
background-color: #FFFFFF;
background-image: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/blurbs/bkg-parallax-children.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#smartphones #parallaxe-1 h2,
#smartphones #parallaxe-1 h1{color:#013575;color:rgba(1,53,117,1);}
#operateurs { background:#2A292A;background:rgba(42,41,42,1); font-family:'Museo Sans 100'; }
#operateurs h1 { font-size:2.75em; text-align:center; padding: 0.8em 0 0.8em 0; }
#operateurs p { font-size: 1.44em; padding: 0 1em; text-align: justify; line-height: 1.45em; }
#operateurs .logos { padding: 3em 0 3em 0; text-align: center; }
/* #smartphones #operateurs .logos { display: inline-block; width: 6.5em; height: 6.5em; margin: 0 1em; } */
#operateurs .logos img { display: inline; vertical-align: middle; margin: 0.5em; }
/*
#smartphones #operateurs .logos .orange { background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/logos/orange.png') no-repeat center center; background-size: 100% auto; }
#smartphones #operateurs .logos .sfr { background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/logos/sfr.png') no-repeat center center; background-size: 100% auto; }
#smartphones #operateurs .logos .bouygues { background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/logos/bouyguestelecom.png') no-repeat center center; background-size: 100% auto; width: 8.5em; }
#smartphones #operateurs .logos .free { background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/logos/free.png') no-repeat center center; background-size: 100% auto; width: 8em; }
*/
#smartphones-carrousel { padding-bottom: 2em; }
#smartphones-carrousel .figure-element {width:100%;position:relative;/*height: 900px;*/ text-align: center;}
#smartphones-carrousel .figure-element img{width:80%;position:relative; height: auto; margin: 400px 0 0 0; max-width: 1024px;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#smartphones-carrousel .figure-element img{margin: 350px 0 0 0; }
}
#smartphones-carrousel .figcaption-element{position:absolute;}
#smartphones-carrousel .figcaption-element{margin:4.5em 0 0;}
#smartphones-carrousel .figcaption-element.top{top:0;}
#smartphones-carrousel .figcaption-element.left{left:0;width:29%;margin-left:20%;}
@media screen and (max-width: 1600px) {
#smartphones-carrousel .figcaption-element.left{left:0;width:44%;margin-left:5%;}
}
@media screen and (max-width: 1024px) {
/* #smartphones-carrousel .figcaption-element.left{left:0;width:32.66666%;margin-left:16.33333%;} */
#smartphones-carrousel .figcaption-element.left{left:0;width:49%;margin-left:0;}
}
#smartphones-carrousel .figcaption-element.right{right:0;text-align:left;width:51%;}
#smartphones-carrousel .figcaption-element img{width:auto;margin:0 1em 0 0;}
#smartphones-carrousel .figcaption-element h1{color:#000000;color:rgba(0,0,0,1);font-family:'Museo Sans 300';font-size:1.7em;margin:0 0;}
@media screen and (max-width: 767px) {
#smartphones-carrousel .figcaption-element h1{font-size:1.5em;}
}
#smartphones-carrousel .figcaption-element h2{color:#EB5C2A;color:rgba(235,92,42,1);font-family:'Museo Sans 500';font-size:1.7em;margin:0 0;}
#smartphones-carrousel .figcaption-element ul{font-size:1.5em;margin:0;padding:0 .5em 0 .5em;font-family:'Museo Sans 300';line-height:1.5em;}
#smartphones-carrousel .figcaption-element ul:first-child { height:180px; }
#smartphones-carrousel .figcaption-element ul li a{/*display:block*/; color: inherit;}
#smartphones-carrousel .figcaption-element ul li a .fleche { margin-top: 0.5em; margin-right: 0.5em; float: left;}
#smartphones-carrousel .figcaption-element ul.avecfleche a { display: inline-block;line-height: 64px; text-transform: uppercase; font-size: 0.8em;}
#smartphones-carrousel .figcaption-element.left ul { font-size: 1.5em; }
#smartphones-carrousel .figcaption-element.left li { width: 100%: text-align: center; color: #000; }
#smartphones-carrousel .figcaption-element.left li.pricing {
font-size: 0.9em;
padding-bottom: 0.25em;
}
#smartphones-carrousel .figcaption-element.left li.pricing+li {
font-size: 0.6em;
text-transform: uppercase;
}
/*
#smartphones-carrousel .figcaption-element.left li.pricing+li:before {
content: '*';
}
*/
#smartphones-carrousel .figcaption-element.left .legal {
display: inline-block;
/*
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
*/
max-width: 100%;
margin-top: 0.5em;
line-height: 1.1em;
}
#smartphones-carrousel .figcaption-element.left .btn-price {
margin: 0 -30%;
}
.pricing{width:100%;text-align:center;bottom:6em;padding:1em;}
.pricing a{color:#303030;color:rgba(48,48,48,1);text-transform:uppercase;}
.pricing .btn-more{}
.pricing .btn-price{margin:0 10%;position:relative;font-family:'Museo Sans 500';}
.pricing .btn-price .price{border-radius:10px;padding:0.5em 2.8em;margin:1em 1.2em;color:#FFF;background:#303030;background:rgba(48,48,48,1);}
.pricing .btn-price .legal{display:block;position:absolute;text-align:center;width:100%;font-size:.7em;bottom:-25px;}
.pricing .btn-buy{}
.with-big-arrow{font-family:'Museo Sans 500';background:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/buttons/zte-carrousel-arrow-black-small.png') no-repeat top left;line-height:40px;display:inline-block;padding:0 0 0 45px;border:0;}
/* Fancybox style */
.fancybox-inner {
background: none repeat scroll 0 0 #ffffff;
font-size: 1.6em;
line-height: 1.6em;
text-align: center;
}
.fancybox-inner img {
height: auto;
margin-top: 10px;
width: 100%;
}
.fancybox-inner table {
width: 100%;
}
.fancybox-inner table td {
vertical-align: middle;
text-align: center;
}
.fancybox-lock .fancybox-overlay {
overflow-x: auto;
overflow-y: scroll;
}
.fancybox-overlay-fixed {
bottom: 0;
position: fixed;
right: 0;
}
/* Homepage :Medias */
/*#medias{clear:both;}
#medias img{display:block;width:100%;height:auto;}
#medias div{padding:0px;transition:all .5s ease;min-height:372px;position:relative;overflow:hidden;}
#medias .inner{display:table-cell;vertical-align:middle;padding:60px!important;margin:auto;position:absolute!important;right:0;left:0;}*/
#medias .keepratio { padding-bottom:75%!important; }
#medias .alignalmostmiddle,
#medias .alignmiddle {padding:1em;}
#medias .lien {height:1em;width:100%;position:absolute;bottom:1em;left:0;margin:0 auto;}
#medias .ratio16-9 .keepratio { padding-bottom:56.25%!important; }
#medias .imgbkg img { width: 100%; height: auto; }
#medias .imgbkg .alignmiddle {padding: 0;}
#medias .article.imgbkg a { text-decoration: none; border: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#medias .article{background:#434343;background:rgba(67,67,67,1);/*height:332px;display:table;*/}
#medias .article h1{color:#7AF0D8;color:rgba(122,240,216,1);font-family:'Museo Sans 700';font-size:1.7em;margin:0 0 1em;}
#medias .article p{font-family:'Museo Sans 300';color:#FFFFFF;color:rgba(255,255,255,1);font-size:1.5em;margin:0 0 1em;}
#medias .youtube .lien>a,
#medias .article .lien>a{display:table;margin:auto;color:#7AF0D8;color:rgba(122,240,216,1);text-align:center;font-size:1.25em;font-family:'Museo Sans 300';/* border-bottom:1px solid rgba(122,240,216,1); */} /********************/
#medias .picture{background:#FFFFFF;background:rgba(255,255,255,1);}
#medias .picture .inner{padding:0!important;}
#medias .picture img{position:absolute;bottom:0;}
/*
#medias .facebook{background:#3B66A6;background:rgba(59,102,166,1) url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/icons/ico-facebook-share.png') no-repeat center 20%;}
#medias .facebook h1{font-family:'Museo Sans 900';font-size:1.8em;margin:80px 0 0;}
#medias .facebook h1 span{font-size:.5em;}
*/
#medias .facebook{background-color:#3B66A6;background-color:rgba(59,102,166,1);}
#medias .facebook h1 {background:#3B66A6;background:rgba(59,102,166,1) url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/icons/ico-facebook-share.png') no-repeat center center; font-family:'Museo Sans 700';font-size:1.7em;margin:0 0;}
#medias .facebook p{font-family:'Museo Sans 300';color:#FFFFFF;color:rgba(255,255,255,1);font-size:1.5em;margin:0 0 1em;}
#medias .facebook a{display:table;margin:auto;color:#7AF0D8;color:rgba(122,240,216,1);text-align:center;font-size:1.25em;font-family:'Museo Sans 300';border-bottom:1px solid rgba(122,240,216,1);}
#medias .youtube{background:#722C53;background:rgba(114,44,83,1);}
#medias .youtube h1{background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/icons/ico-youtube-share.png') no-repeat center center transparent; margin-bottom: 1em;font-size: 1.7em;}
#medias .youtube p{font-family:'Museo Sans 700';color:#FFFFFF;color:rgba(255,255,255,1);font-size:1.65em;margin:0 0 1em;}
#medias .twitter{background:#409EE4;background:rgba(64,158,228,1);}
#medias .twitter h1{background: url('../images/gui/icons/ico-twitter-share.png') no-repeat center center transparent; margin-bottom: 1em;font-size:1.7em;}
/*
#medias .twitter h1{font-family:'Museo Sans 900';font-size:2em;margin:80px 0 0;}
#medias .twitter h1 span{font-size:.5em;}
#medias .twitter p{font-family:'Museo Sans 300';color:#FFFFFF;color:rgba(255,255,255,1);font-size:2em;margin:0 0 1em;}
*/
/*#medias .twitter a{display:table;margin:auto;color:#7AF0D8;color:rgba(122,240,216,1);text-align:center;font-size:1.25em;font-family:'Museo Sans 300';border-bottom:1px solid rgba(122,240,216,1);}*/
#medias .twitter p{font-family:'Museo Sans 300';color:#FFFFFF;color:rgba(255,255,255,1);font-size:1.5em;margin:0 0 1em;}
#medias .twitter .lien a,
#medias .twitter .alignalmostmiddle a,
#medias .twitter .alignmiddle a{color:#7AF0D8;color:rgba(122,240,216,1);}
/*
#medias .figure-element .figcaption-element{position:absolute;bottom:-100px;display:block;width:100%;background:#000000;background:rgba(0,0,0,.75);color:#FFFFFF;color:rgba(255,255,255,.75);opacity:0;-moz-opacity:0;filter:alpha(opacity=0);padding:1em;transition:all .5s ease;}
#medias .figure-element:hover .figcaption-element{bottom:0;opacity:1;-moz-opacity:1;filter:alpha(opacity=1);}
*/
#medias h1 {
line-height: 64px;
}
/* Roll-overs dans les articles médias sur la page d'accueil */
.rollover {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #FFF;
background-color: #14519A; /* IE8 */
background-color: rgba(20, 81, 154, 0.9);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */
font-family: "Museo Sans 300";
font-size: 1.5em;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.rollover { font-size: 1.25em;}
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
.rollover { font-size: 1.4em;}
}
.youtube:hover .rollover,
.facebook:hover .rollover,
.twitter:hover .rollover,
.article:hover .rollover {
display: table;
}
.rollover-line {
display: table-row;
height: 50%;
margin: 0 0;
}
.rollover-column {
display: table-cell;
text-align: center;
padding: 1em;
}
.rollover-line {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
}
.rollover-line-first .rollover-column { /* IE8 */
vertical-align: bottom;
padding-bottom: 0.5em;
}
.rollover-line:nth-child(1)>.rollover-column {
vertical-align: bottom;
padding-bottom: 0.5em;
}
.rollover-line-last .rollover-column { /* IE8 */
vertical-align: top;
padding-top: 0.5em;
}
.rollover-line:nth-last-child(1)>.rollover-column {
vertical-align: top;
padding-top: 0.5em;
}
.rollover-line-full .rollover-column {
padding: 0.5em;
vertical-align: middle !important;
text-align: left;
}
.rollover-column img {
width: auto !important;
height: auto !important;
}
.rollover-link .svg-element { /* IE8 */
width: 60px;
height: 60px;
vertical-align: middle;
margin-right: 0.5em;
}
.rollover-link svg {
width: 60px;
height: 60px;
vertical-align: middle;
margin-right: 0.5em;
}
.rollover-link>a {
line-height: 60px;
vertical-align: middle;
}
@media screen and (max-width: 800px) {
.rollover-link .svg-element,
.rollover-link svg {
width: 30px;
height: 30px;
vertical-align: middle;
}
.rollover-link>a {
line-height: 30px;
vertical-align: middle;
}
}
.title-article h1 {
line-height: 2.5em;
color: white;
background-color: #14519A;
font-size: 2em;
text-align: center;
}
.title-article.title-article_uppercase h1 {
text-transform: uppercase;
}
/* Homepage:Réseaux Sociaux */
#social{background:#FFFFFF;background:rgba(255,255,255,1);}
#social a.col{/*background:#14519A;background:rgba(20,81,154,.75);*/display:table;height:300px;text-align:center;text-transform:uppercase;font-family:'Museo Sans 300';font-size:2em;line-height:1.4em;transition:all 1s ease;}
#social a:not(.nosocial).col:hover {
opacity:.75;
-moz-opacity:.75;
filter:alpha(opacity=75); /* IE5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE8 */
}
#social .facebook{background:#3B66A6;background:rgba(59,102,166,1);}
#social .twitter{background:#409EE4;background:rgba(64,158,228,1);}
#social .youtube{background:#722C53;background:rgba(114,44,83,1);}
#social .nosocial {
background: #14519A;
}
#social a.col span{display:table-cell;vertical-align:middle;}
#social a.col span .ico{display:block;margin:1em auto;}
#social a.col span .ico-twitter-share,
#social a.col span .ico-facebook-share,
#social a.col span .ico-youtube-share{margin:1em auto 0;}
#social .xs-only .col-xs-4 { padding-bottom: 33.3%; position: relative; height: 0; font-family:'Museo Sans 300'; }
#social .xs-only .tableout { position:absolute; top:0; height:100%; width:100%; }
#social .xs-only .table { height:100%; width:100%; display:table; }
#social .xs-only .table a { display: table-cell; vertical-align: middle; text-align: center; padding-top: 40%; }
#social .xs-only .facebook{background:#3B66A6;background:rgba(59,102,166,1) url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/icons/ico-facebook-share.png') no-repeat center 20%; background-size: auto 25%;}
#social .xs-only .twitter{background:#409EE4;background:rgba(64,158,228,1) url('../images/gui/icons/ico-twitter-share.png') no-repeat center 20%; background-size: auto 25%;}
#social .xs-only .youtube{background:#722C53;background:rgba(114,44,83,1) url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/icons/ico-youtube-share.png') no-repeat center 20%; background-size: auto 25%;}
#homepage #parallaxe-1 {
background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/blurbs/bkg-parallax-children.jpg') /* url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/blurbs/bkg-parallax-couple.jpg') */ no-repeat center center;
background-size: cover;
}
#homepage #parallaxe-1 h2,
#homepage #parallaxe-1 h1{color:#013575;color:rgba(1,53,117,1);}
/* On en parle */
#on-en-parle {clear:both;}
#on-en-parle img{display:block;width:100%;height:auto;}
#on-en-parle .figure-element{position:relative;overflow:hidden;text-align:center;}
#on-en-parle .figure-element .figcaption-element.title{display:block;width:100%;height:80px;background:#7AF0D8;background:rgba(122,240,216,1);position:relative;}
#on-en-parle .figure-element .figcaption-element.title h1{display:table;position:absolute;width:94%;line-height:80px;color:#4C4C4C;color:rgba(76,76,76,1);font-family:'Museo Sans 700';font-size:1.5em;text-align:left;padding:0 3%;height: 100%;}
#on-en-parle .figure-element .figcaption-element.title h1 span.onenparle-title {
display: table-cell;
vertical-align: middle;
line-height: 1em;
width: 90%;
}
#on-en-parle .figure-element .figcaption-element.title h1 span.date{position:absolute;top:0;right:0;width:30px;height:70px;background:#C1F1EA;background:rgba(193,241,234,1);color:#14519A;color:rgba(20,81,154,1);font-family:'Museo Sans 300';font-size:1em;text-align:center;padding:5px 10px;line-height:1;}
#on-en-parle .figure-element .figcaption-element.link {
position: absolute;
top: 0;
display: block;
width: 100%;
height: 100%;
background: #14519A;
background: rgba(20,81,154,.75);
color: #FFFFFF;
color: rgba(255,255,255,1);
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0); /* IE5-7 */
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
transition: all .5s ease;
}
#on-en-parle .figure-element:hover .figcaption-element.link {
top: 0;
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100); /* IE5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
}
#on-en-parle .figure-element .figcaption-element.link a{width:100%;height:70%;position:absolute;top:0;right:0;font-size:1.75em;padding:25% 0 0;line-height:2em;}
#on-en-parle .figure-element .figcaption-element.link img{display:block;width:auto;margin:auto;}
#on-en-parle .figure-element .figcaption-element.hover {
position: absolute;
top: 20;
left: 0;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0); /* IE5-7 */
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
}
#on-en-parle #parallaxe-1{background:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/blurbs/bkg-parallax-on-en-parle.jpg') no-repeat center center;background-size:cover;}
#on-en-parle #parallaxe-2 h2,
#on-en-parle #parallaxe-1 h1{color:#FFFFFF;color:rgba(255,255,255,1);}
/* Smartphones */
#phone{background:#FFFFFF;background:rgba(255,255,255,1);padding:4em 0;}
#phone .introduction{height:900px;} /********************/
#phone .introduction div{position:relative;min-height:900px;}
#phone .introduction .txt-left{position:absolute; right:0;top: 40%;text-align:right;}
#phone .introduction .txt-right{position:absolute; left:0;top: 40%;text-align:left;}
#phone .introduction span{display:block;font-family: 'Nothing You Could Say';font-size:1.5em;}
#phone .introduction img{display:block;height:auto;margin:1em auto 5em;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
#phone-specifications{background:#333333;background:rgba(51,51,51,1);overflow:auto;text-align:center;padding:2em 0;}
#phone-description{height:2150px;background:#FFFFFF;background:rgba(255,255,255,1);overflow:hidden;}
#phone-detail-pictures{background:#FFFFFF;background:rgba(255,255,255,.85);overflow:auto;text-align:center;padding:2em 0;position:relative;z-index:10;}
#phone-download-hd-pictures{position:absolute;top:291px;right:35px;right: calc(1% + 11px); z-index:100;}
#phone-detail-technical-sheet{clear:both;overflow:auto;position:relative;background:#3B66A6;background:rgba(59,102,166,.75);text-align:center;border-top:2px solid rgba(7,29,53,1);padding:1em 0;font-size:1.3em;z-index:10;}
#phone-detail-technical-sheet img{vertical-align:middle;margin:0 1em 0;}
#phone-detail-technical-sheet .download{position:absolute;bottom:1em;right:10px;}
#phone-detail-technical-sheet .download img{margin:0;}
#phone ul li a img{display:block;margin:0 auto 1em;}
#phone ul li a span{font-family:'Museo Sans 700';font-size:.95em;text-transform:uppercase;}
#phone ul li {font-family:'Museo Sans 700';font-size:.95em;text-transform:uppercase;}
#phone-description-detail{/*background:#FFFFFF;background:rgba(255,255,255,1);*/padding:3em;}
#phone-description-detail h1{font-family:'Nothing You Could Say';font-size:2.5em;color:#6ED4DD;color:rgba(110,212,221,1);padding:1em 0 .5em;line-height:1.2;}
#phone-description-detail h2{font-family:'Museo Sans 100';font-size:2.3em;color:#013575;color:rgba(1,53,117,1);padding:.5em 0;}
#phone-description-detail p{font-family:'Museo Sans 100';font-size:1.7em;color:#000000;color:rgba(0,0,0,1);}
#phone-description-detail p+p {
margin-top: 1em;
}
/*#phone-description-detail #parallaxe-ecran{position:absolute;top:230px;right:0;background: url('../images/blade-vec-4g/phone-blade-vec-4g-ecran.jpg') no-repeat top left; width: 551px;height: 1448px;}
#phone-description-detail #parallaxe-tranche{position:absolute;top:230px;right:0;background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/blade-vec-4g/phone-blade-vec-4g-tranche.jpg') no-repeat top left; width: 86px;height: 1446px;}
#phone-description-detail #parallaxe-dos{position:absolute;bottom:-300px;right:-250px;background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/blade-vec-4g/phone-blade-vec-4g-dos.jpg') no-repeat scroll top left;width: 1439px;height: 270px;bottom:0;}*/
#phone-zoom{}
#phone-zoom img{display:block;min-width:100%;}
#phone-pricing{width:100%;background:#FFFFFF;background:rgba(255,255,255,1);overflow:auto;}
#phone-pricing img{display:block;min-width:100%;}
/* Presse */
#presse{background-color:#FFFFFF;background-color:rgba(255,255,255,1);}
#presse #presse-introduction{color:#000000;color:rgba(0,0,0,1);margin:auto;padding:3.3em;overflow:auto;line-height:1.5em;text-align:justify;}
#presse #presse-introduction address{font-weight:bold;margin:0 0 0 5%;}
#presse #presse-aside a.col{background:#E2EAF3;background:rgba(226,234,243,1);color:#013575;color:rgba(1,53,117,1);display:table;height:300px;text-align:center;text-transform:uppercase;font-family:'Museo Sans 100';font-size:2em;line-height:1.4em;transition:all 1s ease;}
#presse #presse-aside a.col span{display:table-cell;vertical-align:middle;line-height:1;}
#presse #presse-aside a.col span small{display:block;font-size:.75em;}
#presse #parallaxe-1 {
background-color: #FFFFFF;
background-image: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/blurbs/bkg-parallax-presse.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#presse #parallaxe-1 h2,
#presse #parallaxe-1 h1{color:#062F5F;color:rgba(6,47,95,1);}
/* Assistance */
#assistance{background:#FFFFFF;background:rgba(255,255,255,1);color:#000000;color:rgba(0,0,0,1);}
#assistance a{color:#000000;color:rgba(0,0,0,1);}
#assistance #assistance-introduction{color:#000000;color:rgba(0,0,0,1);margin:auto;line-height:1.5em;text-align:justify;}
#assistance #assistance-introduction h1{font-size:1.5em;font-family:'Museo Sans 300';}
#assistance .wrapper{width:75%;margin:auto;padding:2em 0;}
#assistance .wrapper h1{text-transform:uppercase;font-family:'Museo Sans 500';font-size:1.25em;margin:0 0 1em;}
#assistance #answers{margin:1em 0;}
#assistance #answers li{padding:.75em;border-top:1px solid rgba(0,0,0,1);background:#FFFFFF;background:rgba(255,255,255,1);}
#assistance #answers li:hover, #assistance #answers li.current{background:#D0DCEB;background:rgba(208,220,235,1);}
#assistance .oldproducts { background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/buttons/zte-carrousel-arrow-black-small.png') no-repeat scroll 5px center; background-size: auto 80%; line-height: 34px; display: inline-block; text-align: left; padding: 0 10px 0 40px; vertical-align: bottom; margin-left: 20px; }
#assistance .ui-selectmenu-button { vertical-align: bottom; }
/*#assistance-helpdesk .col{width:30%;min-height:280px;padding:3em 1.15%;}*/
/*#assistance-helpdesk > div > div { padding: 3em 1em; }*/
#assistance-helpdesk p, #assistance-other-helpdesk p{text-align:justify;line-height:1.75em;font-size:.95em;font-family:'Museo Sans 300';}
#assistance-helpdesk h1, #assistance-other-helpdesk h1{text-align:center;font-family:'Museo Sans 900';font-size:.95em;margin:2em 0;text-transform:uppercase;}
#assistance-helpdesk a, #assistance-other-helpdesk a{margin:3em 0;display:block;text-align:center;}
#assistance-helpdesk a span, #assistance-other-helpdesk a span{background:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/buttons/zte-carrousel-arrow-black-small.png') no-repeat scroll top left;line-height:40px;display:inline-block;text-align:left;padding:0 0 0 45px;}
#assistance-submit .col, #assistance-other-helpdesk .col{padding:3em 1.15%;}
#assistance-submit .x2-height-auto{width:45%;min-height:200px;padding:0;}
#assistance-other-helpdesk .x2-height-auto{width:45%;min-height:20px;padding:0 1.15%;}
.wpcf7-form .btn-submit-with-big-arrow,
#assistance-submit .btn-submit-with-big-arrow{background:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/buttons/zte-carrousel-arrow-black-small.png') no-repeat scroll top left;line-height:40px;display:inline-block;text-align:left;padding:0 0 0 45px;border:0;text-transform:uppercase;font-family:'Museo Sans 900';font-size:1em;}
.btn-submit-with-big-arrow { margin-top: 1em;}
#assistance-need #needs{text-align:center;}
#assistance-need #needs a {display:inline-block;margin:0 3em;font-family:'Museo Sans 500';}
#assistance-need #needs a span{display:block;}
#assistance #parallaxe-1{background:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/blurbs/bkg-parallax-assistance.jpg') no-repeat center center;background-size:cover;}
#assistance #parallaxe-1 h2,
#assistance #parallaxe-1 h1{color:#062F5F;color:rgba(6,47,95,1);}
#assistance-product-information{}
.wpcf7-form fieldset,
#assistance-product-information fieldset,#assistance-user-information fieldset{padding:.25em 0;}
.wpcf7-form label,
#assistance-product-information fieldset label{display:inline-block;width:120px;vertical-align:top;margin:.7em 0 0 0;}
.wpcf7-form select,
#assistance-product-information fieldset select, #assistance-user-information select{padding:.5em;border:1px solid rgba(0,0,0,.25);font-size:1em;width:403px;}
#assistance-submit input {padding:.5em;border:1px solid rgba(0,0,0,.25);font-size:1em;}
.wpcf7-form input,
.wpcf7-form textarea,
#assistance-product-information fieldset input, #assistance-user-information input{padding:.5em;border:1px solid rgba(0,0,0,.25);font-size:1em;width:385px;}
#assistance-user-information .ui-selectmenu-button{width:403px;}
#assistance-user-information select{width:403px;}
#assistance-user-information input{width:385px;}
#assistance-product-information fieldset #operators{display:inline-block;}
#assistance-product-information fieldset #operators label{margin:0!important;}
#assistance-problem-information .col{margin:0 0 2em;}
#assistance-problem-description textarea{padding:.5em;border:1px solid rgba(0,0,0,.25);font-size:1em;width:98%;}
#assistance .missing-field+.ui-selectmenu-button,
#assistance .missing-field {
border-color: red !important;
}
#assistance .broken-field {
border-color: orange;
}
#assistance input[type="checkbox"] {
-webkit-appearance: checkbox !important;
}
#assistance .col-captcha table {
width: 100%;
}
#assistance .col-captcha td {
width: 50%;
}
#assistance .col-captcha td:nth-child(1) {
text-align: right;
padding-right: 0.25em;
}
#assistance .col-captcha td:nth-last-child(1) {
text-align: left;
padding-left: 0.25em;
margin-right: 1em;
}
#captcha-regen {
font-size: 2em;
background-color: #FFF;
border: 1px solid rgba(0, 0, 0, 0.25);
vertical-align: top;
margin-left: 0.25em;
cursor: pointer;
color: transparent;
background: url('../images/gui/buttons/reload4.png');
background-size: 100% auto;
}
.wpcf7-form .btn-submit-with-big-arrow,
#assistance-submit .btn-submit-with-big-arrow {
cursor: pointer;
}
#assistance-submit .col {
padding: 0;
}
#assistance-answers td { border: 1px solid #000; padding: 5px; }
#assistance-answers strong { font-weight: bold; }
#assistance-answers a { text-decoration: underline; }
#assistance-answers ul {list-style: circle;margin-left: 3em;line-height: 1.5em;}
#assistance-answers #faqlist_t ul {margin: 1em 0 0 0;}
#assistance-answers #faqlist_t li {padding: 0.5em;}
#assistance select#phones { width: 20em; }
/*#assistance-helpdesk .col-xs-12:first-child, #assistance-other-helpdesk .col-xs-12:first-child { padding-right: 8%;}
#assistance-helpdesk .col-xs-12:last-child, #assistance-other-helpdesk .col-xs-12:last-child { padding-left: 8%;}*/
#assistance #submit-message { color: #f00; margin-top: 1.5em; }
@media screen and (min-width: 768px)and (max-width: 1024px) {
#assistance .wrapper { width: 90%; }
#assistance-helpdesk .col-xs-12:first-child, #assistance-other-helpdesk .col-xs-12:first-child { padding-right: 3%;}
#assistance-helpdesk .col-xs-12:last-child, #assistance-other-helpdesk .col-xs-12:last-child { padding-left: 3%;}
#assistance .oldproducts { line-height: 28px; }
}
@media screen and (max-width: 767px) {
#assistance .oldproducts { line-height: 24px; margin: 10px 0 0 0; }
#assistance-helpdesk .col-xs-12 { padding: 0!important;}
.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea,
#assistance input:not([type="checkbox"]) {
width: 90%;
}
#assistance input[type="submit"] {
margin-top: 1em;
width: auto;
}
#assistance .ui-selectmenu-button {
width: 95% !important;
}
#assistance-submit .col {
min-height: 0;
text-align: center;
}
}
.col-assistance {
position: relative;
min-height: 15em;
}
.col-assistance-button {
width: 100%;
margin: 0 0 !important;
position: absolute;
bottom: 1em;
text-align: center;
}
/* Footer */
.footer-element{background:#14519A;background:rgba(20,81,154,1);clear:both;overflow:auto;}
.footer-element .col.x3{width:28.33333333%;height:492px;padding:1.5% 2.5% 0;}
.footer-element .col.x61{width:61.66666667%;height:492px;padding:1.5% 2.5% 0;}
.footer-element a.zte-logo{position:relative;display:block;width:69px;height:45px;background:transparent url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/logos/zte.png') no-repeat center center;text-indent:-999em;margin:1em 0;}
.footer-element .brand {
padding: 1em 1em;
/* padding-left: calc(14px + 1%); */
}
.footer-element .brand p{font-family:'Museo Sans 300';font-size:1em;line-height:1.65em;text-align:justify;margin:0;}
/* .footer-element .brand a:last-child{font-size:1.25em;border-bottom:1px solid;} */
.footer-element .search{background-image:none;padding: 40px 0 1em 5%;}
.footer-element .search h1 {
font-size: 1.3em;
margin: 0.5em 0 0.35em;
}
.footer-element .search input.search{width:10em;padding:0 0.5em;background:#fff;border-radius:0;border:0;font-size:1.4em;margin:0;font-family:'Museo Sans 100';vertical-align:bottom;height: 43px;}
.footer-element .search input.btn-search{font-size:1.3em;color:#626262;line-height:2em;border:0;margin:0;padding:0 0.25em;cursor:pointer;background:#2c2c2c;font-family:'Museo Sans 100';vertical-align:bottom;height:43px;} /*background:url('../images/gui/buttons/btn-search.png') no-repeat center center; */
.footer-element .search-form {
margin-bottom: 2em;
}
.footer-element a{transition:all .5s ease;}
.footer-element a:hover {
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50); /* IE5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
}
.footer-element a.share {display:inline-block;width:80px;height:80px;text-indent:-9999em;margin:0 0.25em;}
.footer-element a.share-on-youtube{background:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/buttons/zte-footer-share-youtube.png?123') no-repeat center center;background-size: 100% auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.footer-element a.share-on-facebook{background:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/buttons/zte-footer-share-facebook.png?123') no-repeat center center;background-size: 100% auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.footer-element a.share-on-twitter{background:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/buttons/zte-footer-share-twitter.png?123') no-repeat center center;background-size: 100% auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.footer-element a.share-on-instagram{background:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/buttons/zte-footer-share-instagram.png?123') no-repeat center center;background-size: 100% auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.footer-element a:hover {
opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50); /* IE5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
}
.footer-element .legal{position:absolute;bottom:0;left:1em;padding:1.5% 2.5%;font-family:'Museo Sans 300';}
.footer-element .legal small{font-size:0.75em;margin:0 2em 0 0;font-weight:bold;}
.footer-element .legal small ~ a{margin:0 .5em 0;}
.footer-element .legal small ~ a:after{content:' - ';margin:0 0 0 1em;}
.footer-element .links { background:#14519A;background:rgba(20,81,154,1); padding: 40px 1em 0 2em; padding-left: calc(14px + 1%); text-transform: uppercase; line-height: 1.5em; font-family:'Museo Sans 100'; }
.footer-element .links h1 { font-family:'Museo Sans 500'; font-size: 1.3em; margin: 1em 0 0.2em 0; }
.footer-element .links a { text-decoration: none; font-size: 1em; }
.row:before, .row:after {display: table;content: " ";}
.row:after {clear:both;}
.col-xs-4,.col-xs-6{float:left;}
.col-xs-4{width:33.33333333%}
.col-xs-6{width:50%;}
.col-xs-12{width:100%}
/* extra small devices */
@media (max-width: 767px)
{
#smartphones #menu-autres-produits li { width: 50%; }
.xs-hide{display: none;}
#operateurs .col-sm-4 { padding-bottom: 1em; }
}
/* Grid */
/* small devices */
@media (min-width: 768px)
{
.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-8,.col-sm-9,.col-sm-12{float:left;}
.col-sm-2{width:16.66666666%}
.col-sm-3{width:25%}
.col-sm-4{width:33.33333333%}
.col-sm-5{width:41.66666666%}
.col-sm-6{width:50%}
.col-sm-8{width:66.66666666%}
.col-sm-9{width:75%}
.col-sm-12{width:100%}
.xs-only { display: none; }
}
/* Grid */
/* medium devices */
@media (min-width: 1025px)
{
.col-md-2,.col-md-3,.col-md-4,.col-md-6,.col-md-8{float:left;}
.col-md-2{width:16.66666666%}
.col-md-3{width:25%}
.col-md-4{width:33.33333333%}
.col-md-6{width:50%}
.col-md-8{width:66.66666666%}
}
/* extra small devices */
@media (max-width: 767px) {
html,body { font-size: 12px; min-width: 320px; }
.main-element{min-width:300px;}
#nav-fixed { display: none; }
.parallaxe { min-height: 0; }
#parallaxe-1 h1 { font-size: 2.8em; }
#parallaxe-1 h2 { font-size: 2em; }
#parallaxe-1 { min-height: 140px; height: 140px; background-size: cover; }
body.home #smartphones-carrousel .figure-element {width:100%;position:relative;height: 220px; text-align: center;}
body.home #smartphones-carrousel .figure-element a {
display: inline-block;
width: 100%;
height: 100%;
z-index: 10;
}
body.home #smartphones-carrousel .figure-element img{width:80%;position:relative; height: auto; margin: 80px 0 0 0; max-width: 333px;}
body.home #smartphones-carrousel .figcaption-element.left { width: 100%; text-align: center; z-index: -10;}
body.home #smartphones-carrousel .figcaption-element { margin: 1em 0 0 0; }
#operateurs { font-size: 0.7em; }
#smartphones .autresproduitsliste .fond { background: none; }
.footer-element .search { font-size: 0.8em; }
.footer-element .search input.search { width: 10em; height: 30px; }
.footer-element .search input.btn-search { height: 30px; }
.footer-element a.share { width: 50px; height: 50px; }
.footer-element .brand { padding-left: calc(14px + 1%); }
}
@media (min-width: 768px) and (max-width: 1024px)
{
html,body { font-size: 13px; }
#smartphones-carrousel .figcaption-element ul:first-child { height: 155px; }
#medias { font-size: 0.8em; }
.footer-element .search { font-size: 0.8em;padding: 4em 0 1em 1em; }
.footer-element .search input.search { width: 9em; }
.footer-element a.share { width: 50px; height: 50px; }
.sm-hide { display: none; }
}
@media (min-width: 768px) and (max-width: 1400px)
{
#parallaxe-1 { height: 26em !important; background-size: cover; }
#parallaxe-1 h1 { font-size: 6.5em; }
#parallaxe-1 h2 { font-size: 2.16667em; }
#zte { min-height: 685px; }
#zte .header-element { height: 300px; }
#zte h2 { font-size: 7em; }
#zte h3 { font-size: 3em; }
}
@media (max-width: 1024px)
{
.md-only{display: none;}
#navigation { position: fixed; top: 0; left: 0; z-index: 1000; }
.section-element { padding-top: 45px; }
#zte {
background: #FFFFFF;
background: rgba(255,255,255,1) url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/blurbs/bkg-parallax-couple_1024.jpg') /* url('../images/gui/blurbs/bkg-parallax-children_1024.jpg') */ no-repeat center -20px;
background-size: cover;
}
#homepage #parallaxe-1 {
background: url('../images/gui/blurbs/bkg-parallax-children_1024.jpg') /* url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/blurbs/bkg-parallax-couple_1024.jpg') */ no-repeat center center;
background-size: cover;
}
/* vient du mobile */
#navigation { height: 45px; }
#navigation > a:first-child { width: 39px; height: 30px; background-size: 100% auto; margin: 8px 0 0 13px; }
#navigation #global{position:absolute;z-index:1;right:45px;top:0; z-index: 100;background:url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/buttons/btn-global-petit.png') #0e396c center center no-repeat;width:50px; height: 45px;background-size: 100% auto;}
.main-element .header-element .aside-element a.btn { min-width: 51px; width: 40px; height: 30px; background-repeat: no-repeat; background-position: center center; background-size: 60% auto; }
#navigation .togglemenu {position:absolute;right:0;top:0;width:45px;height:45px;background:#14519A;background:rgba(20,81,154,1) url('../images/gui/icons/ico-mobile-menu.png') no-repeat center center;background-size:70% auto;z-index:300;cursor:pointer; }
#navigation .togglemenu:hover {opacity: .8;-moz-opacity: .8;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
#navigation .aside-element {right:105px;}
.main-element .header-element .aside-element a.btn {height: 45px;min-width:0;width:45px;}
#navigation .nav-element { position: fixed; top: 45px; right: 0; width: 100%; max-width: 360px; height: 100%; max-height: 500px; margin: 0; background:#14519A;background:rgba(20,81,154,1); border-top: 1px solid #fff; display: none; }
#navigation .nav-element a { display: block; width: 100%; float: none; margin: 0; line-height: 45px; height: 45px; padding-left: 20px; }
#navigation .nav-element .menu > li > a { border-bottom: 1px solid #fff; }
#navigation .nav-element .menu > li { position: relative; line-height: 45px; }
#navigation .nav-element .menu > li > .toggle{ position: absolute; right: 0; top: 0; width: 45px; height: 45px; cursor: pointer; background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/icons/ico-plus@2x.png') no-repeat center center; background-size: 20px auto; image-rendering:optimizeQuality; }
#navigation .nav-element .menu > li > .toggle.active{ background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/gui/icons/ico-moins@2x.png') no-repeat center center; background-size: 20px auto; }
#navigation .nav-element ul li ul { border-bottom: 1px solid #fff; background: #eff2f7; }
#navigation .nav-element ul li ul a { padding-left: 40px; color: #000; }
#navigation .nav-element ul li ul a:hover { color: #333; }
}
@media (min-width: 1025px) and (max-width: 1199px)
{
.md-hide { display: none;}
#navigation .nav-element a { padding: 0 15px; }
.footer-element .search { font-size: 0.88em; }
}
@media (min-width: 1200px)
{
.lg-hide { display: none; }
}
@media screen and (max-height: 800px) {
#smartphones-carrousel .figure-element {
/* height: 768px;*/
}
#smartphones-carrousel .figure-element img {
margin-top: 350px;
width: 60%;
}
#smartphones-carrousel .pricing {
bottom: 2em;
}
}
@media screen and (max-width: 900px) {
.keepratio > div > div > div.alignalmostmiddle { padding-top: 0 !important;}
}
/* Global Fancybox, basé sur ZTEDevices.com, cf http://www.ztedevices.com/ */
.global-fancybox {
width: 590px;
min-height: 268px;
background: url('../images/ztedevices.com/bg13.jpg') no-repeat top center #fff;
padding: 8px 0 0 30px;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
color: #333;
line-height: 21px;
}
.global-fancybox ul {
list-style-type: none;
}
.global-fancybox li {
float: left;
width: 185px;
margin-bottom: 22px;
font-size: 14px;
text-align: left;
}
@media screen and (min-width: 480px) and (max-width: 670px) {
.global-fancybox {
background-image: none;
width: 405px;
}
}
@media screen and (max-width: 480px) {
.global-fancybox {
background-image: none;
width: 220px;
}
}
.global-fancybox img {
float: left;
width: 16px;
height: 16px;
margin-right: 7px;
margin-top: 2px;
}
.global-fancybox a {
color: #0062BE;
text-decoration: none;
}
.global-fancybox a:hover {
color: #ff7800;
}
/* Expand menu */
#expand.expand {
display: none;
z-index: 1200;
}
#expand.expand {
position: absolute;
top: 129px;
width: 100%;
height: 260px;
color: #14519A;
background-color: #fff;
overflow: hidden;
/*
border: 2px solid #14519A;
border-top: none;
*/
-webkit-box-shadow: 0 1em 1em -1em rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1em 1em -1em rgba(0, 0, 0, 0.5);
box-shadow: 0 1em 1em -1em rgba(0, 0, 0, 0.5);
}
.expand .expand-container {
display: block;
width: 100%;
height: 260px;
position: absolute;
bottom: 0;
left: 0;
}
.expand .smartphones-container {
position: absolute;
display: block;
top: 0;
left: 0;
width: 50%;
height: 100%;
height: calc(100% - 2em);
padding: 1em 5em;
text-align: center;
}
.expand .smartphones {
width: 830px;
height: 100%;
margin: 0 auto;
list-style-type: none;
padding: 0 100px 0 60px;
}
.expand .smartphone {
display: inline-block;
float: left;
height: 100%;
}
.expand .smartphone-link {
display: block;
padding: 1em;
color: inherit;
}
.expand .smartphone-image,
.expand .smartphone-text {
display: block;
}
.expand .smartphone-text {
line-height: 2em;
text-align: center;
}
.expand .more-smartphones {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 50%;
text-align: center;
list-style-type: none;
}
.expand .more-smartphones .menu-item {
display: inline-block;
}
.expand .more-smartphones .menu-item a {
color: inherit;
text-decoration: underline;
padding: 0 1em;
line-height: 2em;
}
.expand .sidebar {
position: absolute;
display: block;
top: 0;
right: 0;
width: 50%;
height: 100%;
white-space: nowrap;
overflow: hidden;
}
.expand .widget {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.expand .widget-title {
position: absolute;
display: block;
width: 100%;
height: 33.33333%;
top: 0;
left: 0;
line-height: 2.5em;
font-size: 2em;
}
.expand .widget-image {
position: absolute;
display: block;
width: 33.33333%;
height: 66.66666%;
bottom: 0;
left: 0;
text-align: center;
}
.expand .widget-image img {
max-width: 100%;
/* max-height: 100%; */
}
.expand .widget-text {
position: absolute;
display: block;
width: 66.66666%;
height: 66.66666%;
bottom: 0;
right: 0;
color: #000;
font-size: 1.25em;
padding-left: 0.5em;
}
.expand .widget-link {
position: absolute;
display: block;
bottom: 0;
margin-bottom: 0.5em;
}
.expand .widget-link a {
color: inherit;
}
/* Default page template */
.zte-default-page-template {
box-sizing: border-box;
width: 100%;
padding: 1em;
color: #000;
background-color: #fff;
}
.zte-default-page-template>.header-element,
.zte-default-page-template .nav-element,
.zte-default-page-template .article-element {
width: 75%;
margin: 0 auto;
}
.zte-default-page-template p+p {
margin-top: 1em;
}
.zte-default-page-template h1 {
font-family: 'Museo Sans 300';
font-size: 1.5em;
margin: 1em 0;
text-transform: uppercase;
}
.zte-default-page-template h2 {
font-family: 'Museo Sans 300';
font-size: 1.4em;
margin: 0.9em 0;
text-transform: uppercase;
}
.zte-default-page-template h3 {
font-family: 'Museo Sans 300';
font-size: 1.3em;
margin: 0.8em 0;
text-transform: uppercase;
}
.zte-default-page-template h4 {
font-family: 'Museo Sans 300';
font-size: 1.2em;
margin: 0.7em 0;
text-transform: uppercase;
}
.zte-default-page-template h5 {
font-family: 'Museo Sans 300';
font-size: 1.1em;
margin: 0.6em 0;
text-transform: uppercase;
}
.zte-default-page-template h6 {
font-family: 'Museo Sans 300';
font-size: 1.05em;
margin: 0.5em 0;
text-transform: uppercase;
}
.zte-default-page-template strong {
font-weight: bold;
}
.zte-default-page-template a {
color: inherit;
text-decoration: underline;
}
.zte-default-page-template .nav-links {
min-height: 1em;
margin-bottom: 1em;
}
.zte-default-page-template .nav-previous {
float: left;
}
.zte-default-page-template .nav-next {
float: right;
}
.zte-default-page-template .alignleft,
.zte-default-page-template .alignright {
margin: 0.25em 0.5em;
}
.zte-default-page-template .alignleft {
float: left;
margin-left: 0;
}
.zte-default-page-template .alignright {
float: right;
margin-right: 0;
}
.zte-default-page-template .aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.zte-default-page-template em, .zte-default-page-template i {
font-style: italic;
}
.zte-default-page-template ul {
list-style: outside;
list-style-type: disc;
padding-left: 20px;
line-height: 1.5em;
margin: 0.3em 0;
}
.zte-default-page-template ol {
list-style: outside;
list-style-type: decimal;
padding-left: 20px;
line-height: 1.5em;
margin: 0.3em 0;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/* Presse page template */
.zte-presse-template {
box-sizing: content-box;
width: 100%;
}
.zte-presse-template .article-element {
width: 100%;
}
.zte-presse-template .post-article {
color: #000;
background-color: #fff;
}
.zte-presse-template .post-article .entry-content {
width: 75%;
margin: 2em auto;
}
.zte-presse-template .post-article .entry-content>p {
line-height: 1.5em;
}
.zte-presse-template .post-article p+p {
margin-top: 1em;
}
.zte-presse-template .post-article strong {
font-weight: bold;
}
.zte-presse-template .post-article a {
color: inherit;
text-decoration: underline;
}
.zte-presse-template .post-article .left-float-block {
float: left;
padding-right: 1em;
}
.zte-presse-template .post-article .right-float-block {
float: right;
padding-left: 1em;
}
.zte-presse-template .other-article {
color: #ffffff;
}
.zte-presse-template .col-last .other-content {
padding: 1em;
}
@media screen and (max-width: 767px) {
.zte-presse-template .col-last {
height: 100px;
}
.zte-presse-template .col-last .other-content {
padding: 0 0 !important;
height: 100% !important;
}
}
.zte-presse-template .other-article .other-content {
display: block;
position: relative;
width: 100%;
height: 0;
padding: 75% 0 0 0; /* 4/3 ratio */
overflow: hidden;
}
.zte-presse-template .other-article .other-content-link {
display: table;
width: auto;
height: auto;
min-height: 60px;
margin: 0 auto;
font-family: "Museo Sans 700";
font-size: 1.65em;
}
.zte-presse-template .other-article .other-content-link .svg-element,
.zte-presse-template .other-article .other-content-label {
display: table-cell;
text-align: left;
}
.zte-presse-template .other-article .other-content-link .svg-element {
vertical-align: middle;
width: 60px;
height: 60px;
margin: 0 0.25em;
}
.zte-presse-template .other-article .other-content-label {
vertical-align: middle;
min-height: 60px;
}
.zte-presse-template .other-article a>span {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.zte-presse-template .other-article img {
width: 100%;
height: auto;
}
.zte-presse-template .links-article {
font-size: 2em;
color: #013575;
}
.zte-presse-template .links-article a {
color: inherit;
text-transform: uppercase;
}
.zte-presse-template .links-article small {
font-size: smaller;
}
.zte-presse-template .links-article .col {
height: 300px;
}
@media screen and (max-width: 767px) {
.zte-presse-template .links-article .col {
height: 150px;
}
}
.zte-presse-template .links-article .col a {
display: table;
width: 100%;
height: 100%;
}
.zte-presse-template .links-article .col a>span {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.zte-presse-template .links-article .col-odd {
background-color: #E2EAF3;
}
.zte-presse-template .links-article .col-even {
background-color: #FFFFFF;
}
/* Internet Explorer only fixes & hacks */
.oldie #main-nav .menu-item a {
white-space: nowrap;
}
.oldie #presse .other-content-link .svg-element,
.oldie #smartphones .ouacheter-produits,
.oldie #smartphones .ensavoirplus-produits,
.oldie .rollover-link {
display: inline-block;
height: 60px;
line-height: 60px;
padding-left: 65px;
background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/svg-alternatives/fleche-60x60-white.png') no-repeat left center transparent;
}
.oldie #smartphones-carrousel .ouacheter-produits {
display: inline-block;
height: 43px;
line-height: 43px !important;
padding-left: 48px;
background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/svg-alternatives/fleche-43x43-black.png') no-repeat left center transparent;
}
.oldie #smartphones-carrousel .ensavoirplus {
display: inline-block;
height: 43px;
line-height: 43px !important;
padding-left: 48px;
color: black;
background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/svg-alternatives/fleche-43x43-black.png') no-repeat left center transparent;
}
.oldie #expand .widget-link a {
display: inline-block;
height: 43px;
line-height: 43px !important;
padding-left: 48px;
color: black;
background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/svg-alternatives/fleche-43x43-blue.png') no-repeat left center transparent;
}
.oldie .footer-element a:hover {
color: #99BCE4; /* IE8 */
}
/* Search results */
.search-results .footer-element {
background-color: transparent;
}
/* jQuery UI override */
.ui-widget {
font-family: inherit !important;
font-size: inherit !important;
}
.ui-state-default {
font-weight: bold !important;
color: inherit !important;
background-image: none !important;
background-color: #ffffff !important;
border-radius: 0 !important;
border-color: #666;
border: 1px solid rgba(0, 0, 0, 0.25) !important;
}
.ui-state-focus {
border: none !important;
font-weight: inherit !important;
color: inherit !important;
background: #eee !important;
margin: 0 !important;
}
.ui-widget-content {
background: #fff !important;
}
.ui-selectmenu-text {
padding: 0.5em !important;
line-height: 1em !important;
}
.ui-state-default .ui-icon {
top: 0 !important;
bottom: 0 !important;
right: 0 !important;
left: auto !important;
height: 100% !important;
width: 2em !important;
margin: 0 0 !important;
background: #cccccc !important;
background-image: url("../images/gui/buttons/btn-select.png")!important;
background-repeat:no-repeat!important;
background-position: center center!important;
}
/* Language selector */
.footer-element .search {
position: relative;
}
.footer-element .search .language-sidebar {
position: absolute;
bottom: 1em;
right: 1em;
}
/* Mediablock */
.mediablock-keepratio-container {
position: relative;
}
.mediablock-keepratio-16-9 .mediablock-keepratio-container, .mediablock-keepratio-container.mediablock-keepratio-16-9 { padding-bottom: 56.25%; /* ratio 16:9 */ }
.mediablock-keepratio-3-1 .mediablock-keepratio-container, .mediablock-keepratio-container.mediablock-keepratio-3-1 { padding-bottom: 33.33333%; /* ratio 3:1 */ }
.mediablock-keepratio-4-3 .mediablock-keepratio-container, .mediablock-keepratio-container.mediablock-keepratio-4-3 { padding-bottom: 75%; /* ratio 4:3 */ }
.mediablock-keepratio-2-1 .mediablock-keepratio-container, .mediablock-keepratio-container.mediablock-keepratio-2-1 { padding-bottom: 50%; /* ratio 2:1 */ }
.mediablock-keepratio-1-1 .mediablock-keepratio-container, .mediablock-keepratio-container.mediablock-keepratio-1-1 { padding-bottom: 100%; }
.mediablock-keepratio-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
.mediablock-valign-container {
display: table;
width: 100%;
height: 100%;
}
.mediablock-valign-content {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.mediablock-row {
width: 100%;
min-height: 10em;
}
.mediablock-row:after {
content: " ";
visibility: hidden;
display: table;
height: 0;
clear: both;
}
.mediablock-col {
float: left;
min-height: 10em;
}
@media screen and (max-width: 767px) {
.mediablock-col {
width: 100%; /* 1 col per row */
}
}
@media screen and (min-width: 768px) {
.mediablock-col {
width: 33.33333%; /* 3 cols per row */
}
}
.mediablock-rollover,
.mediablock-message {
display: table;
width: 100%;
height: 10em;
min-height: 10em;
font-family: "Museo Sans 300";
}
@media screen and (max-width: 1023px) {
.mediablock-rollover,
.mediablock-message {
font-size: 1em;
}
.mediablock-rollover-link a {
height: 40px;
padding-left: 40px;
padding-left: calc(40px + 0.5em);
line-height: 40px;
background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/mediablock/ico-arrow-40-ffffff.png') no-repeat center left transparent;
}
}
@media screen and (min-width: 1024px) {
.mediablock-rollover,
.mediablock-message {
font-size: 1.5em;
}
.mediablock-rollover-link a {
height: 60px;
padding-left: 60px;
padding-left: calc(60px + 0.5em);
line-height: 60px;
background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/mediablock/ico-arrow-60-ffffff.png') no-repeat center left transparent;
}
}
.mediablock-col .mediablock-rollover,
.mediablock-col .mediablock-message {
height: 100%;
}
.mediablock-rollover-cell,
.mediablock-message-cell {
display: table-cell;
width: 100%;
height: 100%;
padding: 1em;
vertical-align: middle;
}
.mediablock-rollover-cell {
text-align: center;
}
.mediablock-message-cell {
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
background-color: transparent;
}
.mediablock-message-cell[style] {
text-shadow: 0 0 2px #000000;
}
.mediablock-message-title {
font-size: 1.1em;
font-weight: bold;
line-height: 2em;
}
.mediablock-rollover-link a {
display: inline-block;
margin-top: 0.5em;
color: inherit;
text-decoration: none;
}
.mediablock-message.mediablock-message-youtube .mediablock-message-title,
.mediablock-message.mediablock-message-facebook .mediablock-message-title,
.mediablock-message.mediablock-message-twitter .mediablock-message-title {
color: transparent;
line-height: 60px;
}
.mediablock-message.mediablock-message-twitter {
background-color: #409EE4;
}
.mediablock-message.mediablock-message-twitter .mediablock-message-title {
background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/mediablock/ico-twitter-ffffff.png') no-repeat top center transparent;
}
.mediablock-message.mediablock-message-facebook {
background-color: #3A66A5;
}
.mediablock-message.mediablock-message-facebook .mediablock-message-title {
background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/mediablock/ico-facebook-ffffff.png') no-repeat top center transparent;
}
.mediablock-message.mediablock-message-youtube {
background-color: #722C53;
}
.mediablock-message.mediablock-message-youtube .mediablock-message-title {
background: url('http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/mediablock/ico-youtube-ffffff.png') no-repeat top center transparent;
}
.mediablock-message {
color: #ffffff;
background-color: #434343;
}
.mediablock-message-title,
.mediablock-message-description a {
color: #7AF0D8;
}
.mediablock-rollover {
color: #ffffff;
background-color: rgba(20, 81, 154, 0.9);
}
.mediablock-rollovermessage {
position: relative;
height: 100%;
}
.mediablock-rollovermessage .mediablock-rollover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mediablock-rollovermessage .mediablock-rollover {
visibility: hidden;
}
.mediablock-rollovermessage:hover .mediablock-rollover {
visibility: visible;
}
#zte_sur_les_reseaux_sociaux {
margin-top: -35px;
}
/* Homepage blocks */
#homepage-blocks {
background-color: #eee;
border-bottom: solid 1px #bbbbbb;
}
.homepage-block {
height: 462px;
background-color: #013575;
background-repeat: no-repeat;
background-position: center right;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.homepage-block-content {
float: left;
width: 45%;
margin: 40px 0 40px 40px;
}
.homepage-block-title {
font-size: 40px;
color: #ffffff;
font-weight: bold;
margin: 0 0 20px 0;
opacity: 0;
}
.homepage-block-description {
font-size: 19px;
color: #fff;
font-weight: normal;
line-height: 23px;
}
.homepage-block-description a {
color: #fff;
}
.homepage-block-readmore {
color: #fff;
font-size: 19px;
font-weight: normal;
text-transform: uppercase;
margin-top: 15px;
display: inline-block;
line-height: 64px;
}
.homepage-block-readmore:hover {
color: #000;
}
.homepage-block-readmore-graphic {
vertical-align:middle;
margin-right: 8px;
}
@media screen and (max-width: 1100px) {
.homepage-block {
background-image: none!important;
height: auto;
}
.homepage-block-content {
float: left;
width: calc(100% - 80px);
margin: 40px 0 40px 40px;
}
}
/* news */
.news_posts {
padding: 0 0 10px 0;
}
.news_post {
width: calc(100% - 80px);
margin: 40px auto 30px auto;
display: block;
position: relative;
background-color: #eeeeee;
min-height: 190px;
}
.news_post_image {
float: left;
margin: 20px 20px 20px 20px;
}
.news_post_content {
float: left;
margin: 10px 0 0 20px;
}
.news_post_title {
color: #444;
font-size: 30px;
font-weight: bold;
margin: 20px 20px 20px 20px;
padding-top: 20px;
display: block;
}
.news_post_title:hover {
color: #04317a;
}
.news_post_description {
color: #666!important;
font-size: 18px;
font-weight: normal;
margin: 20px 20px 20px 20px;
padding-bottom: 20px;
line-height: 24px;
}
.news_post_link {
color: #14519a;
font-size: 18px;
font-weight: normal;
text-decoration: underline;
}
.news_post_link:hover {
color: #04317a;
}
@media screen and (max-width: 1100px) {
.news_post {
width: calc(100% - 20px);
margin: 10px auto 40px auto;
}
}
/* one news */
#single_news_title {
color: #444;
font-size: 30px;
font-weight: bold;
margin: 0 0 20px 0;
text-transform: none;
}
.single_news_meta {
color: #888!important;
font-size: 18px;
font-weight: normal;
margin: 20px 0 20px 0;
line-height: 24px;
}
#single_news_content {
color: #666!important;
font-size: 18px;
font-weight: normal;
margin: 20px 0 20px 0;
line-height: 24px;
}
.news_media_enquiries {
border-top: solid 1px #ddd;
padding: 20px 0 0 0;
}
/* Lifestyle photos */
#homepage-lifestyle-photos {
background-color: #eee;
border-bottom: solid 1px #bbbbbb;
width: 100%;
text-align: center;
display:none;
}
@media screen and (max-width: 1023px) {
#homepage-lifestyle-photos {
display: none
}
}
#homepage-lifestyle-photos img {
width: 11%;
max-height: 150px;
margin: 10px 0 8px 10px;
opacity: 0;
}
/* Lightbox ----------------------------------------------------------------------------------------------------------------------------- */
/* Preload images */
body:after {
content: url(http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/close.png) url(http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/loading.gif) url(http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/prev.png) url(http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/next.png);
display: none;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-container {
padding: 4px;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(http://www.ztemobile.de/de/wp-content/themes/zte/assets/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/* Lightbox ----------------------------------------------------------------------------------------------------------------------------- */