@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 #x370-pro-warp .mainsize,#special-sectionOverview #x370-pro-warp #z270-board .board{
    max-width:1000px
}

#special-sectionOverview #x370-pro-warp html, #special-sectionOverview #x370-pro-warp body, #special-sectionOverview #x370-pro-warp div, #special-sectionOverview #x370-pro-warp span, #special-sectionOverview #x370-pro-warp applet, #special-sectionOverview #x370-pro-warp object, #special-sectionOverview #x370-pro-warp iframe, #special-sectionOverview #x370-pro-warp h1, #special-sectionOverview #x370-pro-warp h2, #special-sectionOverview #x370-pro-warp h3, #special-sectionOverview #x370-pro-warp h4, #special-sectionOverview #x370-pro-warp h5, #special-sectionOverview #x370-pro-warp h6, #special-sectionOverview #x370-pro-warp p, #special-sectionOverview #x370-pro-warp blockquote, #special-sectionOverview #x370-pro-warp pre, #special-sectionOverview #x370-pro-warp a, #special-sectionOverview #x370-pro-warp abbr, #special-sectionOverview #x370-pro-warp acronym, #special-sectionOverview #x370-pro-warp address, #special-sectionOverview #x370-pro-warp big, #special-sectionOverview #x370-pro-warp cite, #special-sectionOverview #x370-pro-warp code, #special-sectionOverview #x370-pro-warp del, #special-sectionOverview #x370-pro-warp dfn, #special-sectionOverview #x370-pro-warp em, #special-sectionOverview #x370-pro-warp img, #special-sectionOverview #x370-pro-warp ins, #special-sectionOverview #x370-pro-warp kbd, #special-sectionOverview #x370-pro-warp q, #special-sectionOverview #x370-pro-warp s, #special-sectionOverview #x370-pro-warp samp, #special-sectionOverview #x370-pro-warp small, #special-sectionOverview #x370-pro-warp strike, #special-sectionOverview #x370-pro-warp strong, #special-sectionOverview #x370-pro-warp sub, #special-sectionOverview #x370-pro-warp sup, #special-sectionOverview #x370-pro-warp tt, #special-sectionOverview #x370-pro-warp var, #special-sectionOverview #x370-pro-warp b, #special-sectionOverview #x370-pro-warp u, #special-sectionOverview #x370-pro-warp i, #special-sectionOverview #x370-pro-warp center, #special-sectionOverview #x370-pro-warp dl, #special-sectionOverview #x370-pro-warp dt, #special-sectionOverview #x370-pro-warp dd, #special-sectionOverview #x370-pro-warp ol, #special-sectionOverview #x370-pro-warp ul, #special-sectionOverview #x370-pro-warp li, #special-sectionOverview #x370-pro-warp fieldset, #special-sectionOverview #x370-pro-warp form, #special-sectionOverview #x370-pro-warp label, #special-sectionOverview #x370-pro-warp legend, #special-sectionOverview #x370-pro-warp table, #special-sectionOverview #x370-pro-warp caption, #special-sectionOverview #x370-pro-warp tbody, #special-sectionOverview #x370-pro-warp tfoot, #special-sectionOverview #x370-pro-warp thead, #special-sectionOverview #x370-pro-warp tr, #special-sectionOverview #x370-pro-warp th, #special-sectionOverview #x370-pro-warp td, #special-sectionOverview #x370-pro-warp article, #special-sectionOverview #x370-pro-warp aside, #special-sectionOverview #x370-pro-warp canvas, #special-sectionOverview #x370-pro-warp details, #special-sectionOverview #x370-pro-warp embed, #special-sectionOverview #x370-pro-warp figure, #special-sectionOverview #x370-pro-warp figcaption, #special-sectionOverview #x370-pro-warp footer, #special-sectionOverview #x370-pro-warp header, #special-sectionOverview #x370-pro-warp hgroup, #special-sectionOverview #x370-pro-warp menu, #special-sectionOverview #x370-pro-warp nav, #special-sectionOverview #x370-pro-warp output, #special-sectionOverview #x370-pro-warp ruby, #special-sectionOverview #x370-pro-warp section, #special-sectionOverview #x370-pro-warp summary, #special-sectionOverview #x370-pro-warp time, #special-sectionOverview #x370-pro-warp mark, #special-sectionOverview #x370-pro-warp audio, #special-sectionOverview #x370-pro-warp video{
    font-family:"Roboto";
    font-size:17px;
    font-weight:300;
    line-height:24px;
    color:#fff
}

#special-sectionOverview #x370-pro-warp #x370-pro-board {
    background-color: #000;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    #special-sectionOverview #x370-pro-warp #x370-pro-board {
        margin-bottom: 0
    }
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board {
    text-align: center;
    padding: 0 0px 60px
}

@media screen and (max-width: 768px) {
    #special-sectionOverview #x370-pro-warp #x370-pro-board .board {
        padding: 0px 20px 60px
    }
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .mbbg {
    width: 1000px;
    margin: 20px -60px 100px auto;
    position: relative
}

@media screen and (max-width: 768px) {
    #special-sectionOverview #x370-pro-warp #x370-pro-board .board .mbbg {
        width: 100%;
        text-align: center;
        margin: 100px auto 0px
    }
    #special-sectionOverview #x370-pro-warp #x370-pro-board .board .mbbg .lines {
        max-width: 550px;
        margin: 0 auto;
        text-align: justify
    }
    #special-sectionOverview #x370-pro-warp #x370-pro-board .board .mbbg .lines:after {
        content: "";
        display: inline-block;
        width: 100%
    }
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .mbbg .hb {
    display: inline-block;
    margin-right: 60px
}

@media screen and (max-width: 768px) {
    #special-sectionOverview #x370-pro-warp #x370-pro-board .board .mbbg .hb {
        display: none
    }
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .mbbg .mb_mobile {
    display: none
}

@media screen and (max-width: 768px) {
    #special-sectionOverview #x370-pro-warp #x370-pro-board .board .mbbg .mb_mobile {
        display: block;
        margin-bottom: 80px
    }
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line {
    position: absolute;
    z-index: 2
}

@media screen and (max-width: 768px) {
    #special-sectionOverview #x370-pro-warp #x370-pro-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 #x370-pro-warp #x370-pro-board .board .line {
        width: 100%
    }
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line>img {
    vertical-align: middle;
    display: inline-block
}

@media screen and (max-width: 768px) {
    #special-sectionOverview #x370-pro-warp #x370-pro-board .board .line>img {
        display: none
    }
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line div.tx {
    font-size: 19px;
    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 #x370-pro-warp #x370-pro-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 #x370-pro-warp #x370-pro-board .board .line div.tx.r {
    float: right;
    text-align: left
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line div.tx.l {
    text-align: right;
    float: left
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line div.tx p {
    font-weight: 900
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line div.tx ul {
    font-size: 18px;
    list-style: inherit;
    padding-left: 15px;
    margin-left: 6px
}

@media screen and (max-width: 768px) {
    #special-sectionOverview #x370-pro-warp #x370-pro-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 #x370-pro-warp #x370-pro-board .board .line div.tx .stitle {
        margin: 0
    }
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p1 {
    top: 55px;
    left: 42px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p1 .tx {
    width: 125px;
    padding: 0px 10px 0 0
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p2 {
        top: 78px;
    left: 74px;
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p2 .tx {
    padding: 0px 10px 0 0
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p3 {
    top: 115px;
    left: 136px;
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p3 .tx {
    padding: 0px 10px 0 0
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p4 {
        top: 144px;
    left: 116px;
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p4 .tx {
    padding: 0px 10px 0 0
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p5 {
    top: 197px;
    left: 73px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p5 .tx {
    padding: 0px 10px 0 0
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p6 {
    top: 257px;
    left: 75px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p6 .tx {
    padding: 0px 10px 0 0
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p7 {
    top: 293px;
    left: 57px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p7 .tx {
    padding: 0px 10px 0 0
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p8 {
    top: 320px;
    left: 79px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p8 .tx {
    padding: 0px 10px 0 0
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p9 {
    top: 372px;
    left: 115px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p9 .tx {
    padding: 0px 10px 0 0
}
#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p10 {
    top: 455px;
    left: 24px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p10 .tx {
    padding: 0px 10px 0 0
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p11 {
    top: 554px;
    left: 40px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p11 .tx {
    padding: 0px 10px 0 0
}
#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p11 .tx.l {
    width: 230px;
    text-align: left;
    margin-right: -100px;
    margin-top: -8px
}
#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p11 .tx.l .stitle{
    margin-left: 17px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p12 {
    top: 119px;
    left: 336px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p12 .tx {
    padding: 0px 0 0 10px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p13 {
    top: 189px;
    left: 619px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p13 .tx {
    padding: 0px 0 0 10px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p14 {
    top: 250px;
    left: 521px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p14 .tx {
    padding: 0px 0 0 10px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p15 {
    top: 368px;
    left: 655px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p15 .tx {
    padding: 0px 0 0 10px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p16 {
    top: 416px;
    left: 526px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p16 .tx {
    padding: 0px 0 0 10px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p17 {
    top: 471px;
    left: 629px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p17 .tx {
    padding: 0px 0 0 10px
}
#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p18 {
    top: 522px;
    left: 660px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p18 .tx {
    padding: 0px 0 0 10px
}
#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p19 {
    top: 686px;
    left: 549px
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .board .line.p19 .tx {
    padding: 0px 0 0 10px
}

#special-sectionOverview #x370-pro-warp #x370-pro-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 #x370-pro-warp #x370-pro-board .icons {
        padding: 0 20px
    }
}

#special-sectionOverview #x370-pro-warp #x370-pro-board .icons .icon {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

#special-sectionOverview #x370-pro-warp #x370-pro-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 #x370-pro-warp #x370-pro-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 #x370-pro-warp #x370-pro-board .prime-div .prime-info {
    margin: 45px auto 0px;
    max-width: 820px
}

#special-sectionOverview #x370-pro-warp #x370-pro-power .kv {
    background: #000;
    text-align: center;
    overflow: hidden;
    padding-bottom: 0
}