@charset "utf-8";
/* CSS Document */

.container-fluid {
	text-align: center;
	color: #fff;
	font-size: 44px;
	font-family: "Oswald";
	background: #15caff;
	line-height: 48px;
	padding: 20px 0px 15px;
}

h1 {
	font-size: 44px;
  font-family: "Oswald";
  color: #15caff;
  line-height: 48px;
	margin-top: 80px;
}

h1.big {
	font-size: 75px;
	line-height: 1;
	font-family: "Oswald";
	color: #15caff;
}
h1.big span { display: block; font-size: 17px; margin-top: 0px; }

h3 {
	font-family: "Roboto";
	font-size: 22px;
	color: #fff;
	font-weight: 400;
	line-height: 26px;
	margin-top: 10px;
	margin-bottom: 30px;
}

h2 {
	color: #15caff;
	font-family: "Oswald";
	font-size: 30px;
	line-height: 1.1;
}

h5 {
	font-size: 17px;
	line-height: 24px;
	font-weight: bold;
	color: #15caff;
}

.borde {
	font-size: 24px;
	padding: 5px 10px;
	border: 2px solid #15caff;
	margin-bottom: 20px;
	display: inline-block;
	color: #15caff;
	font-weight: bold;
}

p { margin-top: 20px; }
p span {
	font-weight: bold;
	color: #15caff;
	display: block;
}
.m-20 { margin-top: 30px; }
.m-60 { margin-top: 60px; }

#special-sectionOverview #z270-warp .mainsize,#special-sectionOverview #z270-warp #z270-board .board{
    max-width:1000px
}

#special-sectionOverview #z270-warp [id*=z270-] .dtxt .info,#special-sectionOverview #z270-warp #z270-board .prime-div .prime-info,#special-sectionOverview #z270-warp #z270-power .kv .kv_main .txt,#special-sectionOverview #z270-warp #z270-power .oc .ocinfo,#special-sectionOverview #z270-warp #z270-power .ddr4 .info,#special-sectionOverview #z270-warp #z270-power .native .info,#special-sectionOverview #z270-warp #z270-power .bios .info,#special-sectionOverview #z270-warp #z270-synced .audio .dtxt .info,#special-sectionOverview #z270-warp #z270-synced .turbo .fline.fl1 .ftx,#special-sectionOverview #z270-warp #z270-synced .turbo .fline.fl2 .ftx,#special-sectionOverview #z270-warp #z270-synced .turbo .fline.fl3 .ftx,#special-sectionOverview #z270-warp #z270-reliable .built .dtxt .info,#special-sectionOverview #z270-warp #z270-reliable .built .mainsize-full .col-md-3 .info,#special-sectionOverview #z270-warp #z270-reliable .loadcontent .mainimg>p,#special-sectionOverview #z270-warp #z270-reliable .loadcontent .safeslot .info,#special-sectionOverview #z270-warp #z270-reliable .loadcontent .safeslot figure .pop p,#special-sectionOverview #z270-warp #z270-reliable .loadcontent .lang .info,#special-sectionOverview #z270-warp #z270-reliable .loadcontent .icons.digi .icon .dtxt .info,#special-sectionOverview #z270-warp #z270-reliable .loadcontent .proven .info,#special-sectionOverview #z270-warp #z270-reliable .loadcontent .great .left .info,#special-sectionOverview #z270-warp #z270-reliable .loadcontent .reliability .info,#special-sectionOverview #z270-warp #z270-make .diy .dtxt .info{
    font-family:"Roboto";
    font-size:17px;
    font-weight:300;
    line-height:24px;
    color:#fff
}

#special-sectionOverview #z270-warp #z270-board{
    background-color:#000;
    position:relative;
    overflow:hidden
}
@media screen and (max-width: 768px){
    #special-sectionOverview #z270-warp #z270-board{
        margin-bottom:0
    }
}
#special-sectionOverview #z270-warp #z270-board .board{
    text-align:center;
    padding:0 0px 60px
}
@media screen and (max-width: 768px){
    #special-sectionOverview #z270-warp #z270-board .board{
        padding:0px 20px 60px
    }
}
#special-sectionOverview #z270-warp #z270-board .board .mbbg{
    width:1000px;
    margin: 30px -60px 0 auto;
    position:relative
}
@media screen and (max-width: 768px){
    #special-sectionOverview #z270-warp #z270-board .board .mbbg{
        width:100%;
        text-align:center;
        margin:100px auto 0px
    }
    #special-sectionOverview #z270-warp #z270-board .board .mbbg .lines{
        max-width:550px;
        margin:0 auto;
        text-align:justify
    }
    #special-sectionOverview #z270-warp #z270-board .board .mbbg .lines:after{
        content:"";
        display:inline-block;
        width:100%
    }
}
#special-sectionOverview #z270-warp #z270-board .board .mbbg .hb{
    display:inline-block;
    margin-right:60px
}
@media screen and (max-width: 768px){
    #special-sectionOverview #z270-warp #z270-board .board .mbbg .hb{
        display:none
    }
}
#special-sectionOverview #z270-warp #z270-board .board .mbbg .mb_mobile{
    display:none
}
@media screen and (max-width: 768px){
    #special-sectionOverview #z270-warp #z270-board .board .mbbg .mb_mobile{
        display:block;
        margin-bottom:80px
    }
}
#special-sectionOverview #z270-warp #z270-board .board .line{
    position:absolute;
    z-index:2
}
@media screen and (max-width: 768px){
    #special-sectionOverview #z270-warp #z270-board .board .line{
        position:relative !important;
        left:initial !important;
        right:initial !important;
        top:initial !important;
        bottom:initial !important;
        display:inline-block;
        text-align:left;
        vertical-align:top;
        margin:10px 5px !important;
        width:36%
    }
}
@media screen and (max-width: 480px){
    #special-sectionOverview #z270-warp #z270-board .board .line{
        width:100%
    }
}
#special-sectionOverview #z270-warp #z270-board .board .line>img{
    vertical-align:middle;
    display:inline-block
}
@media screen and (max-width: 768px){
    #special-sectionOverview #z270-warp #z270-board .board .line>img{
        display:none
    }
}
#special-sectionOverview #z270-warp #z270-board .board .line div.tx{
    font-size:17px;
    vertical-align:middle;
    color:#fff;
    text-align:left;
    font-weight:300;
    font-family:"Roboto Condensed";
    line-height:1.3
}
@media screen and (max-width: 768px){
    #special-sectionOverview #z270-warp #z270-board .board .line div.tx{
        position:relative !important;
        left:initial !important;
        right:initial !important;
        top:initial !important;
        bottom:initial !important;
        display:inline-block;
        vertical-align:top;
        margin:0 !important;
        float:none !important;
        font-size:20px;
        padding:0 5px 0 45px !important;
        text-align:left !important
    }
}
#special-sectionOverview #z270-warp #z270-board .board .line div.tx.r{
    float:right;
    text-align:left
}
#special-sectionOverview #z270-warp #z270-board .board .line div.tx.l{
    text-align:right;
    float:left
}
#special-sectionOverview #z270-warp #z270-board .board .line div.tx p{
    font-weight:900
}
#special-sectionOverview #z270-warp #z270-board .board .line div.tx ul{
    font-size:16px;
    list-style:inherit;
    padding-left:15px;
    margin-left:6px
}
@media screen and (max-width: 768px){
    #special-sectionOverview #z270-warp #z270-board .board .line div.tx ul{
        position:relative !important;
        left:initial !important;
        right:initial !important;
        top:initial !important;
        bottom:initial !important;
        display:inline-block;
        vertical-align:top;
        float:none !important;
        width:100%
    }
    #special-sectionOverview #z270-warp #z270-board .board .line div.tx .stitle{
        margin:0
    }
}
#special-sectionOverview #z270-warp #z270-board .board .line.p1{
    top:86px;
    left:40px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p1 .tx{
    width:125px;
    padding:0px 10px 0 0
}
#special-sectionOverview #z270-warp #z270-board .board .line.p2{
    top:160px;
    left:72px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p2 .tx{
    padding:0px 10px 0 0
}
#special-sectionOverview #z270-warp #z270-board .board .line.p3{
    top:187px;
    left:131px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p3 .tx{
    padding:0px 10px 0 0
}
#special-sectionOverview #z270-warp #z270-board .board .line.p4{
    top:214px;
    left:116px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p4 .tx{
    padding:0px 10px 0 0
}
#special-sectionOverview #z270-warp #z270-board .board .line.p5{
    top:250px;
    left:73px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p5 .tx{
    padding:0px 10px 0 0
}
#special-sectionOverview #z270-warp #z270-board .board .line.p6{
    top:297px;
    left:81px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p6 .tx{
    padding:0px 10px 0 0
}
#special-sectionOverview #z270-warp #z270-board .board .line.p7{
    top:370px;
    left:-50px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p7 .tx{
    padding:0px 10px 0 0
}
#special-sectionOverview #z270-warp #z270-board .board .line.p8{
    top:410px;
    left:9px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p8 .tx{
    padding:0px 10px 0 0
}
#special-sectionOverview #z270-warp #z270-board .board .line.p9{
    top:494px;
    left:39px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p9 .tx{
    padding:0px 10px 0 0
}
#special-sectionOverview #z270-warp #z270-board .board .line.p9 .tx.l{
    width:230px;
    text-align:left;
    margin-right:-100px;
    margin-top:-8px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p10{
    top:10px;
    left:549px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p10 .tx{
    margin-top:-7px;
    padding:0px 0 0 10px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p11{
    top:91px;
    left:570px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p11 .tx{
    padding:0px 0 0 10px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p12{
    top:235px;
    left:520px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p12 .tx{
    padding:0px 0 0 10px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p13{
    top:319px;
    left:635px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p13 .tx{
    padding:0px 0 0 10px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p14{
    top:545px;
    left:690px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p14 .tx{
    padding:0px 0 0 10px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p15{
    top:615px;
    left:670px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p15 .tx{
    padding:0px 0 0 10px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p16{
    top:646px;
    left:461px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p16 .tx{
    padding:0px 0 0 10px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p17{
    top:711px;
    left:569px
}
#special-sectionOverview #z270-warp #z270-board .board .line.p17 .tx{
    padding:0px 0 0 10px
}
#special-sectionOverview #z270-warp #z270-board .icons{
    font-size:0px;
    text-align:center;
    width:100%;
    max-width:460px;
    margin:0px auto 50px
}
@media screen and (max-width: 768px){
    #special-sectionOverview #z270-warp #z270-board .icons{
        padding:0 20px
    }
}
#special-sectionOverview #z270-warp #z270-board .icons .icon{
    width:50%;
    display:inline-block;
    vertical-align:top
}
#special-sectionOverview #z270-warp #z270-board .icons .icon>p{
    margin-top:5px;
    font-family:"Oswald";
    color:#02b1e4;
    font-size:26px;
    font-weight:300;
    line-height:1.2;
    margin-top:10px
}
#special-sectionOverview #z270-warp #z270-board .prime-div{
    padding-top:100px;
    padding-bottom:100px;
    background:url('../images/prime-bg.png?1479183378') center/cover no-repeat,#191919;
    text-align:center
}
#special-sectionOverview #z270-warp #z270-board .prime-div .prime-info{
    margin:45px auto 0px;
    max-width:820px
}
#special-sectionOverview #z270-warp #z270-power .kv{
    background:#000;
    text-align:center;
    overflow:hidden;
    padding-bottom:0
}
@media screen and (max-width: 768px){
    #special-sectionOverview #z270-warp #z270-power .kv{
        padding:0px 10px 70px
    }
}
#special-sectionOverview #z270-warp #z270-power .kv .subtitle{
    max-width:780px;
    margin-left:auto;
    margin-right:auto
}
#special-sectionOverview #z270-warp #z270-power .kv .kv_main{
    max-width:1380px;
    margin:0 auto;
    height:1005px;
    position:relative
}
@media screen and (max-width: 768px){
    #special-sectionOverview #z270-warp #z270-power .kv .kv_main{
        width:100%;
        height:auto;
        padding:0
    }
}
#special-sectionOverview #z270-warp #z270-power .kv .kv_main .kvimg{
    float:right;
    position:absolute;
    left:32%
}