
/* 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, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
img{vertical-align:top;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html{background:#fff;text-align:left;font-size:62.5%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing   :border-box;
	-o-box-sizing     :border-box;
	-ms-box-sizing    :border-box;
	box-sizing        :border-box;
}
/* ------------------------------ */




/* Page */
body{color:#000; font-size:16px; font-size:1.6em; line-height:1.6; overflow-y :scroll;font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, "�l�r �o�S�V�b�N", sans-serif;}

a{color:#00a9cb;text-decoration:underline;}
a:hover{text-decoration:none;}
a:active, a:focus{outline:0;}




body.m > header,
body.m > section,
body.m > footer,
body.m > body {width:960px;}



/* wrapper */
.wrapper {width:1020px; margin:0 auto; }
.m .wrapper,
.s .wrapper {width: 100%; padding-left:10px; padding-right:10px;}


.border {height:18px; background:url(../img/border.png);}




/* header */
.header {}
.header .-link {position: relative; display: flex; justify-content: space-between;padding-top: 10px;}
.header .-link .-logo{display:flex; align-items: center;}
.header .-link .-logo a:first-of-type {display:inline-block; width:78px; margin-right:16px;}
.header .-link .-logo a:last-of-type {display:inline-block; width:102px;}
.header .-link .-sns a {width:40px; margin-right: 12px;}
.header .-link .-sns a:last-of-type {margin-right: 0;}
.header .-link a img {width:100%;}
.header .-background {background:url(../img/bg.jpg) center top;}
.header .-visual {background:url(../img/header-bg.png) top center no-repeat; height:790px; position: relative;}
.header .-btn {position:absolute; display:block; top:480px;right:131px;
transition:transform 200ms cubic-bezier(.12,.93,.75,1.23);
transform-origin:5% 95%;
cursor:pointer;
}
.header .-btn:hover {transform:scale(1.06)}
.header .-info { right: 0; bottom:-770px ;}
.header .-tooltip {position: relative;}

.s .header .-link {padding: 10px;}
.s .header .-link .-logo a:first-of-type {display:inline-block; width:49px; margin-right:10px;}
.s .header .-link .-logo a:last-of-type {display:inline-block; width:63px;}
.s .header .-link .-sns a {width:28px; margin-right: 5px;}
.s .header .-link .-sns a:last-of-type {margin-right: 0;}
.s .header .-link a img {width:100%;}

.s .header .-visual {background:url(../img/header-bg-sp.png) top center no-repeat; height:140vw; background-size:contain;}
.s .header .-visual .wrapper {padding:0;}
.s .header .-logo {top:10px; left:10px;}
.s .header .-logo img {width:25vw;}
.s .header .-btn-sp { position:absolute; display:block; bottom:32.666vw;right:2.666vw; width: 31.7333vw; cursor: pointer;}
.s .header .-btn-sp img{ width:100%;}
.s .header .-message {padding:0; margin-top: 0px;}
.s .header .-message img {height:64px;}
.s .header .-info { right:10px; bottom:-50px ;}
.s .header .-tooltip {position: static;}


/* content */
.content {background:url(../img/bg.jpg) center top;}

/* about */
.about { padding:70px 0 100px;}
.about .-text {font-feature-settings: "palt";}
.about .-colorText {color:#009103; font-weight: bold;}
.about .-box {background:#fff; position:relative; padding:30px 20px; border: solid 1px #dbdbdb;}
.about .-box strong {color:#333; font-weight:bold;font-size: 28px;}
.about .-box {background: #ffffff; position: relative; padding:38px 0 35px}
.about .-box::before {
   content:"";
   background-image: linear-gradient(to right, #000, #000 8px, transparent 8px, transparent 12px),
	linear-gradient(to right, #000, #000 8px, transparent 8px, transparent 12px),
	linear-gradient(to bottom, #000, #000 8px, transparent 8px, transparent 12px),
	linear-gradient(to bottom, #000, #000 8px, transparent 8px, transparent 12px);
	background-size: 12px 1px, 12px 1px, 1px 12px, 1px 12px;
	background-position: left top, left bottom, left top, right top;
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
}
.about .-dice {position: absolute; left:35px;top:0;}
.about .-snapshot {position: absolute; right:11px;bottom:-63px;}
.about .-top {border-bottom: dashed 1px #d4d4d4;padding-bottom: 50px;}
/* .about .-snapshot {position:absolute; right:60px; top:150px; transform:rotate(10deg);}
.about .-snapshot img{width:180px;} */
.about .-bottom {margin-top: 35px;margin-bottom: 5px;}
.about .-bottom img {left:14px; top:0 ;}
.about .-bottom p {padding-left: 155px; line-height: 40px;}
/* .about .-border{background: url(../img/line_1.png) center no-repeat;} */
.about .-title{margin-bottom: 50px; width:100%;}
.about .-subTitle {width: 100%;}
.about .-personality .-people {margin-top:24px;}
.about .-personality .-people .ib{margin-right:63px}
.about .-personality .-people .ib:last-of-type{margin-right:0}
.about .-guest .-people {margin-top:24px;}
.about .-guest .-people .ib {margin-right:63px;}
.about .-guest .-people .ib:last-of-type{margin-right:0;}

.s .about {padding:30px 0 40px;}
.s .about .-title {width:100%; margin-bottom:25px;}
.s .about .-box {margin-right:10px;margin-left:10px; padding:15px 0 15px;}
.s .about .-top {padding-bottom: 20px;}
/* .s .about .-snapshot {padding:15px 0; position:relative; transform:rotate(0); top:0; right:0; text-align:center;} */
.s .about .-dice {width: 15.6vw; left:2.666vw; top:-1.7333vw;}
.s .about .-dice img{width: 100%;}
.s .about .-snapshot {width: 19.2vw; top:-9.066vw; right:-2.666vw;}
.s .about .-snapshot img{width:100%;}
.s .about .-personality .-people .ib{margin-right:0}
.s .about .-personality .-people{display:flex; justify-content: space-between; width:73.333vw; margin: 21px auto 0;}
.s .about .-personality .-people img{width:32.933vw;}
.s .about .-guest .-people .ib {margin-right:0;}
.s .about .-guest .-people {display:flex; justify-content: space-between; width:89.333vw; margin: 20px auto 0;}
.s .about .-guest .-people img{width:29.333vw; margin-right:0;}

/* .s .about .-attention {} */




/* game */
.game {background:#fff;}
.game .-box {}
.game .-frame {width:960px; margin:0 auto;}
.s .game .-frame {width:100%;}



/* present */
.present { padding:100px 0 110px;}
.present .-box {position:relative; padding:0 10px 0; }
.present .-items li {float:left; width:25%; padding:30px 10px;}
.present .-title{margin-bottom: 60px; width:100%;}

.s .present {padding:45px 0;}
.s .present .-title {width:100%; margin-bottom:30px;}
.s .present .-box {padding:0;}
.s .present .-items {margin:0 -10px;}
.s .present .-items li {float:left; width:50%; padding:25px 10px;}

.s .present .-group {display: flex; justify-content: space-between; padding: 30px 10px 25px;}
.s .present .-group:first-of-type{border-bottom: dotted 2px #d0d0d0;}
/* .s .present .-group div{width:45%;} */

/* share */
.share { padding: 0 0 40PX;}
.share .-timeline {width:640px; max-width:100%; margin:30px auto 0; overflow:hidden; }
.share .-border{background: url(../img/line_3.png) center no-repeat;}
.share .-title{margin-bottom: 50px; width:100%;}
.share .-subTitle{font-weight:800; margin-bottom:50px;}
.share .-sns a{margin-right:30px;}
.share .-sns a:last-of-type{margin-right:0;}

.s .share .-title{width: 100%; margin-bottom: 30px;}
.s .share .-subTitle{margin-bottom: 30px;}
.s .share .-timeline{margin:20px 0 0;}
.s .share .-sns a{margin: 0 4% 0 4%;}
.s .share .-sns img{width: 13.8vw;}


/* posts */
.posts {text-align:left; max-width:640px; margin:0 auto; border:1px solid rgba(0,40,0,0.2); background:rgba(0,40,0,0.15); border-radius: 8px; padding:15px; font-size:14px; height:600px; overflow-y:scroll; }
/*.posts img {width:100%;}*/
.posts .-container {}
.posts .-item { background:#fff; border-radius:5px; padding:10px 0px; margin-bottom:15px;}
.posts .-content {display:block; float:left; width:60%; padding:0 10px; text-decoration:none;}
.posts .-content .-image {  text-align:center;}
.posts .-content .-image img{ max-width:100%; margin-bottom:10px;}
.posts .-content .-message {word-wrap: break-word; color:#503f30;}

.posts .-profile {display:block; float:left; width:40%; padding:0 10px; position:relative; text-decoration:none;}
.posts .-profile .-icon { width:40px; position:absolute; height:40px; background:#eee; border-radius:5px;}
.posts .-profile .-icon img{ width:100%;  border-radius:5px;}
.posts .-profile .-name { margin-left:50px; padding:10px 0; word-wrap: break-word; color:#0fa14f;}
.posts .-more {max-width:300px; margin-left:auto; margin-right:auto; cursor:pointer;}
.posts .-more img {width:100%;}

.s .posts {font-size:12px; padding:10px; height:460px;}
.s .posts .-item { margin-bottom:10px;}
.s .posts .-content { width:100%; }
.s .posts .-content .-image img{ width:100%; max-width:340px;}
.s .posts .-profile { width:100%; margin-top:10px; padding-top:10px; border-top:1px solid #ddd; }






/* songlist */
.songlist { padding-bottom:120px;}
.songlist .-title {background:#000000; color:#fff; text-align:center; font-weight:bold; padding:5px 0; font-size:30px;}
.songlist .-title span {font-size:36px;}
.songlist li {background:#fff; border-bottom:2px dashed #b3b3b3; padding:5px 15px;}
.songlist .-leftcolumn li{border-left: 2px solid #dbdbdb; border-right: 2px dashed #b3b3b3;}
.songlist .-rightcolumn li{border-right: 2px solid #dbdbdb; }
.songlist li:last-child{border-bottom : 2px solid #dbdbdb;}

.songlist li .-songItems{display: inline-block; text-indent: -2em; padding-left:2em; width:100%;}
.songlist .-leftcolumn li:nth-of-type(-n + 9) .-songItems{display: inline-block; text-indent: -1em; padding-left:1em; width:100%;}
.songlist li .-songItems span{font-size: 14px;}
.songlist li .-songItems span.fs10{font-size: 10px;}
.songlist li .-songItems span.fs12{font-size: 12px;}
.songlist li .-songItems span.fs13{font-size: 13px;}
.songlist li .-songInfo{display: flex; justify-content: space-between; align-items: flex-start; font-size:18px;}
.songlist li .-songInfo p:last-of-type{ font-size:16px;}
.songlist .-list {padding: 0 20px;}

.m .songlist .-list {padding: 0;}

.s .songlist {padding-bottom:50px;}
.s .songlist .-title {font-size: 13px; padding:11px 9px;font-feature-settings: "palt";}
.s .songlist .-title span{font-size: 18px;}
.s .songlist li {padding-left:10px;}
.s .songlist .-leftcolumn li{border-right: 2px solid #dbdbdb;}
.s .songlist .-leftcolumn li:last-child{border-bottom:2px dashed #b3b3b3;}
.s .songlist .-rightcolumn li{border-left: 2px solid #dbdbdb; }
.s .songlist li .-songItems span{font-size: 10px;}
.s .songlist li .-songItems span.fs10{font-size: 10px;}
.s .songlist li .-songItems span.fs12{font-size: 10px;}
.s .songlist li .-songItems span.fs13{font-size: 10px;}
.s .songlist li .-songInfo{font-size:12px;}
.s .songlist li .-songInfo p:last-of-type{ font-size:11px;}
.s .songlist .-list {padding: 0 10px;}




/* play */
.play { padding-bottom:120px;}
.play .-title {margin-bottom: 40px; width:100%;}
.play .-list {padding:0 20px;}
.play .-box{background: #fff; position:relative; padding:15px; border: solid 1px #dbdbdb; margin-top: 16px;}
.play .-box .-image {width:290px;}
.play .-text{margin-left:30px;width: 590px; color: #503f30;font-size:20px;}
.play .-text p:nth-child(1){font-size: 14px; font-weight: bold;color: #0fa14f;}
.play .-text p:nth-child(2){font-size: 24px; font-weight: bold; font-feature-settings:"palt";}
.play .-text p:nth-child(3){line-height: 28px; margin-top: 12px;}
.play .-text img{left: 0px;bottom: -40px;}
.play .-arrow{left:451px; bottom:-28px;z-index: 1;}

.m .play .-list {padding: 0 10px;}

.s .play {padding-bottom: 55px;}
.s .play .-title{width: 100%;}
.s .play .-list {padding: 0 10px;}
.s .play .-border {background: url(../img/sp_line_4.png) no-repeat; background-size: 100%; background-position: 0 70%}
.s .play .-box{background: #fff; position:relative; padding:20px 10px; border: solid 1px #dbdbdb; margin-top: 16px; text-align: center;}
.s .play .-box .-image{width: 60%;}
.s .play .-text{margin:10px 0;width: 100%; color: #503f30;font-size:20px; text-align: center;}
.s .play .-text p:nth-child(1){font-size: 10px; font-weight: bold;color: #0fa14f;}
.s .play .-text p:nth-child(2){font-size: 14px; font-weight: bold; margin-top:10px; font-feature-settings: "palt";}
.s .play .-text p:nth-child(3){font-size: 11px; line-height: 18px; margin-top: 12px;}
.s .play .-text img{left: 0px;bottom: 0px; margin: 10px auto 0; width: 70.933vw;}
.s .play .-text .-step {width:auto; margin: 10px auto 0;}
.s .play .-arrow{left: calc(50% - 28.5px ); bottom:-28px;z-index: 1;}

/* attention */
.attention { padding-bottom:60px;}
.attention .-list {padding:0 20px;}
.attention .-title{margin-bottom: 40px; width:100%;}
.attention li {margin-top: 30px}
.attention .-logoArea {text-align: center;}
.attention .-logoArea a{text-decoration: none;}
.attention .-logoArea a:first-of-type{margin-right: 40px;}

.m .attention .-list {padding:0;}

.s .attention .-list {padding:0 10px;}
.s .attention .-title{width: 100%; margin-bottom: 30px;}
.s .attention .-border {background: url(../img/sp_line_5.png) no-repeat; background-size: 100%; background-position: 0 70%}
.s .attention li {font-size: 11px; margin-top:20px;}
.s .attention .-logoArea a{margin: 0;text-decoration: none;}
.s .attention .-logoArea a img{width: 35.6vw;}
.s .attention .-logoArea a img.s-block {display: inline-block;}

/* footer */
.footer {position: relative;}
.footer .-decoration {background: url(../img/footer_needle.png) 0 0 repeat-x; height: 10px; width: 100%; position:absolute; top:-10px;}
.footer .-textArea{text-align:center; color:#fff; background: #000000; padding:25px 10px; margin-top:-20px;}












/* pagetop */
.pagetop {z-index:9; position:fixed; right:0; bottom:0; overflow:hidden;width:80px; height:80px;}
.pagetop a {display:block; width:60px; height:60px; background:url(../img/pagetop.png) 0 0 no-repeat; background-size:cover; position:absolute; top:80px;}
.scrolled .pagetop a {top:0;}
.s .pagetop {width:60px; height:60px;}
.s .pagetop a {width:40px; height:40px;}




/* ------------------------------ */
/* Clear fix */
.cf:before,.cf:after{content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

/* Box Layout */
.abs   ,.l .l-abs   ,.m .m-abs   ,.s .s-abs   {position:absolute;}
.rel   ,.l .l-rel   ,.m .m-rel   ,.s .s-rel   {position:relative;}
.fix   ,.l .l-fix   ,.m .m-fix   ,.s .s-fix   {position:fixed;}
.fl    ,.l .l-fl    ,.m .m-fl    ,.s .s-fl    {float:left;}
.fr    ,.l .l-fr    ,.m .m-fr    ,.s .s-fr    {float:right;}
.ct    ,.l .l-ct    ,.m .m-ct    ,.s .s-ct    {margin-left:auto;margin-right:auto;}
.block ,.l .l-block ,.m .m-block ,.s .s-block {display:block;}
.inline,.l .l-inline,.m .m-inline,.s .s-inline{display:inline;}
.ib    ,.l .l-ib    ,.m .m-ib    ,.s .s-ib    {display:inline-block; *display:inline; *zoom:1;}
.none  ,.l .l-none  ,.m .m-none  ,.s .s-none  {display:none;}

/* Text */
.normal,.l .l-normal,.m .m-normal,.s .s-normal{font-weight:normal;}
.bold  ,.l .l-bold  ,.m .m-bold  ,.s .s-bold  {font-weight:bold;}
.italic,.l .l-italic,.m .m-italic,.s .s-italic{font-style:italic;}
.ul    ,.l .l-ul    ,.m .m-ul    ,.s .s-ul    {text-decoration:underline;}
.nowrap,.l .l-nowrap,.m .m-nowrap,.s .s-nowrap{white-space:nowrap;}
.break ,.l .l-break ,.m .m-break ,.s .s-break {word-wrap:break-word;}
.just  ,.l .l-just  ,.m .m-just  ,.s .s-just  {text-align:justify;}
.ac    ,.l .l-ac    ,.m .m-ac    ,.s .s-ac    {text-align:center;}
.al    ,.l .l-al    ,.m .m-al    ,.s .s-al    {text-align:left;}
.ar    ,.l .l-ar    ,.m .m-ar    ,.s .s-ar    {text-align:right;}

/* Font Size */
.fs6  ,.l .l-fs6 ,.m .m-fs6 ,.s .s-fs6 {font-size: 6px; font-size: .6rem;}
.fs7  ,.l .l-fs7 ,.m .m-fs7 ,.s .s-fs7 {font-size: 7px; font-size: .7rem;}
.fs8  ,.l .l-fs8 ,.m .m-fs8 ,.s .s-fs8 {font-size: 8px; font-size: .8rem;}
.fs9  ,.l .l-fs9 ,.m .m-fs9 ,.s .s-fs9 {font-size: 9px; font-size: .9rem;}
.fs10 ,.l .l-fs10,.m .m-fs10,.s .s-fs10{font-size:10px; font-size:1.0rem;}
.fs11 ,.l .l-fs11,.m .m-fs11,.s .s-fs11{font-size:11px; font-size:1.1rem;}
.fs12 ,.l .l-fs12,.m .m-fs12,.s .s-fs12{font-size:12px; font-size:1.2rem;}
.fs13 ,.l .l-fs13,.m .m-fs13,.s .s-fs13{font-size:13px; font-size:1.3rem;}
.fs14 ,.l .l-fs14,.m .m-fs14,.s .s-fs14{font-size:14px; font-size:1.4rem;}
.fs15 ,.l .l-fs15,.m .m-fs15,.s .s-fs15{font-size:15px; font-size:1.5rem;}
.fs16 ,.l .l-fs16,.m .m-fs16,.s .s-fs16{font-size:16px; font-size:1.6rem;}
.fs17 ,.l .l-fs17,.m .m-fs17,.s .s-fs17{font-size:17px; font-size:1.7rem;}
.fs18 ,.l .l-fs18,.m .m-fs18,.s .s-fs18{font-size:18px; font-size:1.8rem;}
.fs19 ,.l .l-fs19,.m .m-fs19,.s .s-fs19{font-size:19px; font-size:1.9rem;}
.fs20 ,.l .l-fs20,.m .m-fs20,.s .s-fs20{font-size:20px; font-size:2.0rem;}
.fs21 ,.l .l-fs21,.m .m-fs21,.s .s-fs21{font-size:21px; font-size:2.1rem;}
.fs22 ,.l .l-fs22,.m .m-fs22,.s .s-fs22{font-size:22px; font-size:2.2rem;}
.fs24 ,.l .l-fs24,.m .m-fs24,.s .s-fs24{font-size:24px; font-size:2.4rem;}
.fs26 ,.l .l-fs26,.m .m-fs26,.s .s-fs26{font-size:26px; font-size:2.6rem;}
.fs28 ,.l .l-fs28,.m .m-fs28,.s .s-fs28{font-size:28px; font-size:2.8rem;}
.fs30 ,.l .l-fs30,.m .m-fs30,.s .s-fs30{font-size:30px; font-size:3.0rem;}
.fs32 ,.l .l-fs32,.m .m-fs32,.s .s-fs32{font-size:32px; font-size:3.2rem;}
.fs34 ,.l .l-fs34,.m .m-fs34,.s .s-fs34{font-size:34px; font-size:3.4rem;}
.fs36 ,.l .l-fs36,.m .m-fs36,.s .s-fs36{font-size:36px; font-size:3.6rem;}
.fs38 ,.l .l-fs38,.m .m-fs38,.s .s-fs38{font-size:38px; font-size:3.8rem;}
.fs40 ,.l .l-fs40,.m .m-fs40,.s .s-fs40{font-size:40px; font-size:4.0rem;}

/* Width by Percents */
.p10 ,.l .l-p10 ,.m .m-p10 ,.s .s-p10 {width:10%;}
.p12 ,.l .l-p12 ,.m .m-p12 ,.s .s-p12 {width:12.5%;}/* 1/8 */
.p14 ,.l .l-p14 ,.m .m-p14 ,.s .s-p14 {width:14%;}
.p15 ,.l .l-p15 ,.m .m-p15 ,.s .s-p15 {width:15%;}
.p16 ,.l .l-p16 ,.m .m-p16 ,.s .s-p16 {width:16.66666666%;}/* 1/6 */
.p20 ,.l .l-p20 ,.m .m-p20 ,.s .s-p20 {width:20%;}
.p25 ,.l .l-p25 ,.m .m-p25 ,.s .s-p25 {width:25%;}
.p30 ,.l .l-p30 ,.m .m-p30 ,.s .s-p30 {width:30%;}
.p33 ,.l .l-p33 ,.m .m-p33 ,.s .s-p33 {width:33.33333333%;}/* 1/3 */
.p37 ,.l .l-p37 ,.m .m-p37 ,.s .s-p37 {width:37.5%;}/* 3/8 */
.p40 ,.l .l-p40 ,.m .m-p40 ,.s .s-p40 {width:40%;}
.p50 ,.l .l-p50 ,.m .m-p50 ,.s .s-p50 {width:50%;}
.p60 ,.l .l-p60 ,.m .m-p60 ,.s .s-p60 {width:60%;}
.p63 ,.l .l-p63 ,.m .m-p63 ,.s .s-p63 {width:62.5%;}/* 5/8 */
.p66 ,.l .l-p66 ,.m .m-p66 ,.s .s-p66 {width:66.66666667%;} /* 2/3 */
.p70 ,.l .l-p70 ,.m .m-p70 ,.s .s-p70 {width:70%;}
.p75 ,.l .l-p75 ,.m .m-p75 ,.s .s-p75 {width:75%;}
.p80 ,.l .l-p80 ,.m .m-p80 ,.s .s-p80 {width:80%;}
.p83 ,.l .l-p83 ,.m .m-p83 ,.s .s-p83 {width:83.33333333%;} /* 5/6 */
.p85 ,.l .l-p85 ,.m .m-p85 ,.s .s-p85 {width:85%;}
.p86 ,.l .l-p86 ,.m .m-p86 ,.s .s-p86 {width:86%;}
.p87 ,.l .l-p87 ,.m .m-p87 ,.s .s-p87 {width:87.5%;} /* 7/8 */
.p90 ,.l .l-p90 ,.m .m-p90 ,.s .s-p90 {width:90%;}
.p100,.l .l-p100,.m .m-p100,.s .s-p100{width:100%;}

/* Margin */
.mt0  ,.l .l-mt0  ,.m .m-mt0  ,.s .s-mt0  {margin-top:  0px;}
.mt5  ,.l .l-mt5  ,.m .m-mt5  ,.s .s-mt5  {margin-top:  5px;}
.mt10 ,.l .l-mt10 ,.m .m-mt10 ,.s .s-mt10 {margin-top: 10px;}
.mt15 ,.l .l-mt15 ,.m .m-mt15 ,.s .s-mt15 {margin-top: 15px;}
.mt20 ,.l .l-mt20 ,.m .m-mt20 ,.s .s-mt20 {margin-top: 20px;}
.mt25 ,.l .l-mt25 ,.m .m-mt25 ,.s .s-mt25 {margin-top: 25px;}
.mt30 ,.l .l-mt30 ,.m .m-mt30 ,.s .s-mt30 {margin-top: 30px;}
.mt35 ,.l .l-mt35 ,.m .m-mt35 ,.s .s-mt35 {margin-top: 35px;}
.mt40 ,.l .l-mt40 ,.m .m-mt40 ,.s .s-mt40 {margin-top: 40px;}
.mt45 ,.l .l-mt45 ,.m .m-mt45 ,.s .s-mt45 {margin-top: 45px;}
.mt50 ,.l .l-mt50 ,.m .m-mt50 ,.s .s-mt50 {margin-top: 50px;}
.mt60 ,.l .l-mt60 ,.m .m-mt60 ,.s .s-mt60 {margin-top: 60px;}
.mt70 ,.l .l-mt70 ,.m .m-mt70 ,.s .s-mt70 {margin-top: 70px;}
.mt80 ,.l .l-mt80 ,.m .m-mt80 ,.s .s-mt80 {margin-top: 80px;}
.mt90 ,.l .l-mt90 ,.m .m-mt90 ,.s .s-mt90 {margin-top: 90px;}
.mt100,.l .l-mt100,.m .m-mt100,.s .s-mt100{margin-top:100px;}
.mt120,.l .l-mt120,.m .m-mt120,.s .s-mt120{margin-top:120px;}

.mb0  ,.l .l-mb0  ,.m .m-mb0  ,.s .s-mb0  {margin-bottom:  0px;}
.mb5  ,.l .l-mb5  ,.m .m-mb5  ,.s .s-mb5  {margin-bottom:  5px;}
.mb8 ,.l .l-mb8 ,.m .m-mb8 ,.s .s-mb8 {margin-bottom: 8px;}
.mb10 ,.l .l-mb10 ,.m .m-mb10 ,.s .s-mb10 {margin-bottom: 10px;}
.mb15 ,.l .l-mb15 ,.m .m-mb15 ,.s .s-mb15 {margin-bottom: 15px;}
.mb20 ,.l .l-mb20 ,.m .m-mb20 ,.s .s-mb20 {margin-bottom: 20px;}
.mb25 ,.l .l-mb25 ,.m .m-mb25 ,.s .s-mb25 {margin-bottom: 25px;}
.mb30 ,.l .l-mb30 ,.m .m-mb30 ,.s .s-mb30 {margin-bottom: 30px;}
.mb35 ,.l .l-mb35 ,.m .m-mb35 ,.s .s-mb35 {margin-bottom: 35px;}
.mb40 ,.l .l-mb40 ,.m .m-mb40 ,.s .s-mb40 {margin-bottom: 40px;}
.mb45 ,.l .l-mb45 ,.m .m-mb45 ,.s .s-mb45 {margin-bottom: 45px;}
.mb50 ,.l .l-mb50 ,.m .m-mb50 ,.s .s-mb50 {margin-bottom: 50px;}
.mb60 ,.l .l-mb60 ,.m .m-mb60 ,.s .s-mb60 {margin-bottom: 60px;}
.mb65 ,.l .l-mb65 ,.m .m-mb65 ,.s .s-mb65 {margin-bottom: 65px;}
.mb70 ,.l .l-mb70 ,.m .m-mb70 ,.s .s-mb70 {margin-bottom: 70px;}
.mb80 ,.l .l-mb80 ,.m .m-mb80 ,.s .s-mb80 {margin-bottom: 80px;}
.mb90 ,.l .l-mb90 ,.m .m-mb90 ,.s .s-mb90 {margin-bottom: 90px;}
.mb100,.l .l-mb100,.m .m-mb100,.s .s-mb100{margin-bottom:100px;}

.ml0  ,.l .l-ml0  ,.m .m-ml0  ,.s .s-ml0  {margin-left:  0px;}
.ml5  ,.l .l-ml5  ,.m .m-ml5  ,.s .s-ml5  {margin-left:  5px;}
.ml10 ,.l .l-ml10 ,.m .m-ml10 ,.s .s-ml10 {margin-left: 10px;}
.ml15 ,.l .l-ml15 ,.m .m-ml15 ,.s .s-ml15 {margin-left: 15px;}
.ml20 ,.l .l-ml20 ,.m .m-ml20 ,.s .s-ml20 {margin-left: 20px;}
.ml25 ,.l .l-ml25 ,.m .m-ml25 ,.s .s-ml25 {margin-left: 25px;}
.ml30 ,.l .l-ml30 ,.m .m-ml30 ,.s .s-ml30 {margin-left: 30px;}
.ml35 ,.l .l-ml35 ,.m .m-ml35 ,.s .s-ml35 {margin-left: 35px;}
.ml40 ,.l .l-ml40 ,.m .m-ml40 ,.s .s-ml40 {margin-left: 40px;}
.ml45 ,.l .l-ml45 ,.m .m-ml45 ,.s .s-ml45 {margin-left: 45px;}
.ml50 ,.l .l-ml50 ,.m .m-ml50 ,.s .s-ml50 {margin-left: 50px;}
.ml60 ,.l .l-ml60 ,.m .m-ml60 ,.s .s-ml60 {margin-left: 60px;}
.ml70 ,.l .l-ml70 ,.m .m-ml70 ,.s .s-ml70 {margin-left: 70px;}
.ml80 ,.l .l-ml80 ,.m .m-ml80 ,.s .s-ml80 {margin-left: 80px;}
.ml90 ,.l .l-ml90 ,.m .m-ml90 ,.s .s-ml90 {margin-left: 90px;}
.ml100,.l .l-ml100,.m .m-ml100,.s .s-ml100{margin-left:100px;}

.mr0  ,.l .l-mr0  ,.m .m-mr0  ,.s .s-mr0  {margin-right:  0px;}
.mr5  ,.l .l-mr5  ,.m .m-mr5  ,.s .s-mr5  {margin-right:  5px;}
.mr10 ,.l .l-mr10 ,.m .m-mr10 ,.s .s-mr10 {margin-right: 10px;}
.mr15 ,.l .l-mr15 ,.m .m-mr15 ,.s .s-mr15 {margin-right: 15px;}
.mr20 ,.l .l-mr20 ,.m .m-mr20 ,.s .s-mr20 {margin-right: 20px;}
.mr25 ,.l .l-mr25 ,.m .m-mr25 ,.s .s-mr25 {margin-right: 25px;}
.mr30 ,.l .l-mr30 ,.m .m-mr30 ,.s .s-mr30 {margin-right: 30px;}
.mr35 ,.l .l-mr35 ,.m .m-mr35 ,.s .s-mr35 {margin-right: 35px;}
.mr40 ,.l .l-mr40 ,.m .m-mr40 ,.s .s-mr40 {margin-right: 40px;}
.mr45 ,.l .l-mr45 ,.m .m-mr45 ,.s .s-mr45 {margin-right: 45px;}
.mr50 ,.l .l-mr50 ,.m .m-mr50 ,.s .s-mr50 {margin-right: 50px;}
.mr60 ,.l .l-mr60 ,.m .m-mr60 ,.s .s-mr60 {margin-right: 60px;}
.mr70 ,.l .l-mr70 ,.m .m-mr70 ,.s .s-mr70 {margin-right: 70px;}
.mr80 ,.l .l-mr80 ,.m .m-mr80 ,.s .s-mr80 {margin-right: 80px;}
.mr90 ,.l .l-mr90 ,.m .m-mr90 ,.s .s-mr90 {margin-right: 90px;}
.mr100,.l .l-mr100,.m .m-mr100,.s .s-mr100{margin-right:100px;}

.mh0  ,.l .l-mh0  ,.m .m-mh0  ,.s .s-mh0  {margin-left:  0px;margin-right:  0px;}
.mh5  ,.l .l-mh5  ,.m .m-mh5  ,.s .s-mh5  {margin-left:  5px;margin-right:  5px;}
.mh10 ,.l .l-mh10 ,.m .m-mh10 ,.s .s-mh10 {margin-left: 10px;margin-right: 10px;}
.mh15 ,.l .l-mh15 ,.m .m-mh15 ,.s .s-mh15 {margin-left: 15px;margin-right: 15px;}
.mh20 ,.l .l-mh20 ,.m .m-mh20 ,.s .s-mh20 {margin-left: 20px;margin-right: 20px;}
.mh25 ,.l .l-mh25 ,.m .m-mh25 ,.s .s-mh25 {margin-left: 25px;margin-right: 25px;}
.mh30 ,.l .l-mh30 ,.m .m-mh30 ,.s .s-mh30 {margin-left: 30px;margin-right: 30px;}
.mh35 ,.l .l-mh35 ,.m .m-mh35 ,.s .s-mh35 {margin-left: 35px;margin-right: 35px;}
.mh40 ,.l .l-mh40 ,.m .m-mh40 ,.s .s-mh40 {margin-left: 40px;margin-right: 40px;}
.mh45 ,.l .l-mh45 ,.m .m-mh45 ,.s .s-mh45 {margin-left: 45px;margin-right: 45px;}
.mh50 ,.l .l-mh50 ,.m .m-mh50 ,.s .s-mh50 {margin-left: 50px;margin-right: 50px;}
.mh60 ,.l .l-mh60 ,.m .m-mh60 ,.s .s-mh60 {margin-left: 60px;margin-right: 60px;}
.mh70 ,.l .l-mh70 ,.m .m-mh70 ,.s .s-mh70 {margin-left: 70px;margin-right: 70px;}
.mh80 ,.l .l-mh80 ,.m .m-mh80 ,.s .s-mh80 {margin-left: 80px;margin-right: 80px;}
.mh90 ,.l .l-mh90 ,.m .m-mh90 ,.s .s-mh90 {margin-left: 90px;margin-right: 90px;}
.mh100,.l .l-mh100,.m .m-mh100,.s .s-mh100{margin-left:100px;margin-right:100px;}

.mv0  ,.l .l-mv0  ,.m .m-mv0  ,.s .s-mv0  {margin-top:  0px;margin-bottom:  0px;}
.mv5  ,.l .l-mv5  ,.m .m-mv5  ,.s .s-mv5  {margin-top:  5px;margin-bottom:  5px;}
.mv10 ,.l .l-mv10 ,.m .m-mv10 ,.s .s-mv10 {margin-top: 10px;margin-bottom: 10px;}
.mv15 ,.l .l-mv15 ,.m .m-mv15 ,.s .s-mv15 {margin-top: 15px;margin-bottom: 15px;}
.mv20 ,.l .l-mv20 ,.m .m-mv20 ,.s .s-mv20 {margin-top: 20px;margin-bottom: 20px;}
.mv25 ,.l .l-mv25 ,.m .m-mv25 ,.s .s-mv25 {margin-top: 25px;margin-bottom: 25px;}
.mv30 ,.l .l-mv30 ,.m .m-mv30 ,.s .s-mv30 {margin-top: 30px;margin-bottom: 30px;}
.mv35 ,.l .l-mv35 ,.m .m-mv35 ,.s .s-mv35 {margin-top: 35px;margin-bottom: 35px;}
.mv40 ,.l .l-mv40 ,.m .m-mv40 ,.s .s-mv40 {margin-top: 40px;margin-bottom: 40px;}
.mv45 ,.l .l-mv45 ,.m .m-mv45 ,.s .s-mv45 {margin-top: 45px;margin-bottom: 45px;}
.mv50 ,.l .l-mv50 ,.m .m-mv50 ,.s .s-mv50 {margin-top: 50px;margin-bottom: 50px;}
.mv60 ,.l .l-mv60 ,.m .m-mv60 ,.s .s-mv60 {margin-top: 60px;margin-bottom: 60px;}
.mv70 ,.l .l-mv70 ,.m .m-mv70 ,.s .s-mv70 {margin-top: 70px;margin-bottom: 70px;}
.mv80 ,.l .l-mv80 ,.m .m-mv80 ,.s .s-mv80 {margin-top: 80px;margin-bottom: 80px;}
.mv90 ,.l .l-mv90 ,.m .m-mv90 ,.s .s-mv90 {margin-top: 90px;margin-bottom: 90px;}
.mv100,.l .l-mv100,.m .m-mv100,.s .s-mv100{margin-top:100px;margin-bottom:100px;}

/* Negative Margin */
.nl0  ,.l .l-nl0  ,.m .m-nl0  ,.s .s-nl0  {margin-left: -0px;}
.nl5  ,.l .l-nl5  ,.m .m-nl5  ,.s .s-nl5  {margin-left: -5px;}
.nl10 ,.l .l-nl10 ,.m .m-nl10 ,.s .s-nl10 {margin-left:-10px;}
.nl15 ,.l .l-nl15 ,.m .m-nl15 ,.s .s-nl15 {margin-left:-15px;}
.nl20 ,.l .l-nl20 ,.m .m-nl20 ,.s .s-nl20 {margin-left:-20px;}
.nl25 ,.l .l-nl25 ,.m .m-nl25 ,.s .s-nl25 {margin-left:-25px;}
.nl30 ,.l .l-nl30 ,.m .m-nl30 ,.s .s-nl30 {margin-left:-30px;}
.nl35 ,.l .l-nl35 ,.m .m-nl35 ,.s .s-nl35 {margin-left:-35px;}
.nl40 ,.l .l-nl40 ,.m .m-nl40 ,.s .s-nl40 {margin-left:-40px;}

.nr0  ,.l .l-nr0  ,.m .m-nr0  ,.s .s-nr0  {margin-right: -0px;}
.nr5  ,.l .l-nr5  ,.m .m-nr5  ,.s .s-nr5  {margin-right: -5px;}
.nr10 ,.l .l-nr10 ,.m .m-nr10 ,.s .s-nr10 {margin-right:-10px;}
.nr15 ,.l .l-nr15 ,.m .m-nr15 ,.s .s-nr15 {margin-right:-15px;}
.nr20 ,.l .l-nr20 ,.m .m-nr20 ,.s .s-nr20 {margin-right:-20px;}
.nr25 ,.l .l-nr25 ,.m .m-nr25 ,.s .s-nr25 {margin-right:-25px;}
.nr30 ,.l .l-nr30 ,.m .m-nr30 ,.s .s-nr30 {margin-right:-30px;}
.nr35 ,.l .l-nr35 ,.m .m-nr35 ,.s .s-nr35 {margin-right:-35px;}
.nr40 ,.l .l-nr40 ,.m .m-nr40 ,.s .s-nr40 {margin-right:-40px;}

.nh0  ,.l .l-nh0  ,.m .m-nh0  ,.s .s-nh0  {margin-left: -0px;margin-right: -0px;}
.nh5  ,.l .l-nh5  ,.m .m-nh5  ,.s .s-nh5  {margin-left: -5px;margin-right: -5px;}
.nh10 ,.l .l-nh10 ,.m .m-nh10 ,.s .s-nh10 {margin-left:-10px;margin-right:-10px;}
.nh15 ,.l .l-nh15 ,.m .m-nh15 ,.s .s-nh15 {margin-left:-15px;margin-right:-15px;}
.nh20 ,.l .l-nh20 ,.m .m-nh20 ,.s .s-nh20 {margin-left:-20px;margin-right:-20px;}
.nh25 ,.l .l-nh25 ,.m .m-nh25 ,.s .s-nh25 {margin-left:-25px;margin-right:-25px;}
.nh30 ,.l .l-nh30 ,.m .m-nh30 ,.s .s-nh30 {margin-left:-30px;margin-right:-30px;}
.nh35 ,.l .l-nh35 ,.m .m-nh35 ,.s .s-nh35 {margin-left:-35px;margin-right:-35px;}
.nh40 ,.l .l-nh40 ,.m .m-nh40 ,.s .s-nh40 {margin-left:-40px;margin-right:-40px;}

/* Padding */
.pt0  ,.l .l-pt0  ,.m .m-pt0  ,.s .s-pt0  {padding-top:  0px;}
.pt5  ,.l .l-pt5  ,.m .m-pt5  ,.s .s-pt5  {padding-top:  5px;}
.pt10 ,.l .l-pt10 ,.m .m-pt10 ,.s .s-pt10 {padding-top: 10px;}
.pt15 ,.l .l-pt15 ,.m .m-pt15 ,.s .s-pt15 {padding-top: 15px;}
.pt20 ,.l .l-pt20 ,.m .m-pt20 ,.s .s-pt20 {padding-top: 20px;}
.pt25 ,.l .l-pt25 ,.m .m-pt25 ,.s .s-pt25 {padding-top: 25px;}
.pt30 ,.l .l-pt30 ,.m .m-pt30 ,.s .s-pt30 {padding-top: 30px;}
.pt35 ,.l .l-pt35 ,.m .m-pt35 ,.s .s-pt35 {padding-top: 35px;}
.pt40 ,.l .l-pt40 ,.m .m-pt40 ,.s .s-pt40 {padding-top: 40px;}
.pt45 ,.l .l-pt45 ,.m .m-pt45 ,.s .s-pt45 {padding-top: 45px;}
.pt50 ,.l .l-pt50 ,.m .m-pt50 ,.s .s-pt50 {padding-top: 50px;}
.pt60 ,.l .l-pt60 ,.m .m-pt60 ,.s .s-pt60 {padding-top: 60px;}
.pt70 ,.l .l-pt70 ,.m .m-pt70 ,.s .s-pt70 {padding-top: 70px;}
.pt80 ,.l .l-pt80 ,.m .m-pt80 ,.s .s-pt80 {padding-top: 80px;}
.pt90 ,.l .l-pt90 ,.m .m-pt90 ,.s .s-pt90 {padding-top: 90px;}
.pt100,.l .l-pt100,.m .m-pt100,.s .s-pt100{padding-top:100px;}

.pb0  ,.l .l-pb0  ,.m .m-pb0  ,.s .s-pb0  {padding-bottom:  0px;}
.pb5  ,.l .l-pb5  ,.m .m-pb5  ,.s .s-pb5  {padding-bottom:  5px;}
.pb8 ,.l .l-pb8 ,.m .m-pb8 ,.s .s-pb8 {padding-bottom: 8px;}
.pb10 ,.l .l-pb10 ,.m .m-pb10 ,.s .s-pb10 {padding-bottom: 10px;}
.pb15 ,.l .l-pb15 ,.m .m-pb15 ,.s .s-pb15 {padding-bottom: 15px;}
.pb20 ,.l .l-pb20 ,.m .m-pb20 ,.s .s-pb20 {padding-bottom: 20px;}
.pb25 ,.l .l-pb25 ,.m .m-pb25 ,.s .s-pb25 {padding-bottom: 25px;}
.pb30 ,.l .l-pb30 ,.m .m-pb30 ,.s .s-pb30 {padding-bottom: 30px;}
.pb35 ,.l .l-pb35 ,.m .m-pb35 ,.s .s-pb35 {padding-bottom: 35px;}
.pb40 ,.l .l-pb40 ,.m .m-pb40 ,.s .s-pb40 {padding-bottom: 40px;}
.pb45 ,.l .l-pb45 ,.m .m-pb45 ,.s .s-pb45 {padding-bottom: 45px;}
.pb50 ,.l .l-pb50 ,.m .m-pb50 ,.s .s-pb50 {padding-bottom: 50px;}
.pb55 ,.l .l-pb55 ,.m .m-pb55 ,.s .s-pb55 {padding-bottom: 55px;}
.pb60 ,.l .l-pb60 ,.m .m-pb60 ,.s .s-pb60 {padding-bottom: 60px;}
.pb70 ,.l .l-pb70 ,.m .m-pb70 ,.s .s-pb70 {padding-bottom: 70px;}
.pb80 ,.l .l-pb80 ,.m .m-pb80 ,.s .s-pb80 {padding-bottom: 80px;}
.pb90 ,.l .l-pb90 ,.m .m-pb90 ,.s .s-pb90 {padding-bottom: 90px;}
.pb100,.l .l-pb100,.m .m-pb100,.s .s-pb100{padding-bottom:100px;}

.pl0  ,.l .l-pl0  ,.m .m-pl0  ,.s .s-pl0  {padding-left:  0px;}
.pl5  ,.l .l-pl5  ,.m .m-pl5  ,.s .s-pl5  {padding-left:  5px;}
.pl10 ,.l .l-pl10 ,.m .m-pl10 ,.s .s-pl10 {padding-left: 10px;}
.pl15 ,.l .l-pl15 ,.m .m-pl15 ,.s .s-pl15 {padding-left: 15px;}
.pl20 ,.l .l-pl20 ,.m .m-pl20 ,.s .s-pl20 {padding-left: 20px;}
.pl25 ,.l .l-pl25 ,.m .m-pl25 ,.s .s-pl25 {padding-left: 25px;}
.pl30 ,.l .l-pl30 ,.m .m-pl30 ,.s .s-pl30 {padding-left: 30px;}
.pl35 ,.l .l-pl35 ,.m .m-pl35 ,.s .s-pl35 {padding-left: 35px;}
.pl40 ,.l .l-pl40 ,.m .m-pl40 ,.s .s-pl40 {padding-left: 40px;}
.pl45 ,.l .l-pl45 ,.m .m-pl45 ,.s .s-pl45 {padding-left: 45px;}
.pl50 ,.l .l-pl50 ,.m .m-pl50 ,.s .s-pl50 {padding-left: 50px;}
.pl60 ,.l .l-pl60 ,.m .m-pl60 ,.s .s-pl60 {padding-left: 60px;}
.pl70 ,.l .l-pl70 ,.m .m-pl70 ,.s .s-pl70 {padding-left: 70px;}
.pl80 ,.l .l-pl80 ,.m .m-pl80 ,.s .s-pl80 {padding-left: 80px;}
.pl90 ,.l .l-pl90 ,.m .m-pl90 ,.s .s-pl90 {padding-left: 90px;}
.pl100,.l .l-pl100,.m .m-pl100,.s .s-pl100{padding-left:100px;}

.pr0  ,.l .l-pr0  ,.m .m-pr0  ,.s .s-pr0  {padding-right:  0px;}
.pr5  ,.l .l-pr5  ,.m .m-pr5  ,.s .s-pr5  {padding-right:  5px;}
.pr10 ,.l .l-pr10 ,.m .m-pr10 ,.s .s-pr10 {padding-right: 10px;}
.pr15 ,.l .l-pr15 ,.m .m-pr15 ,.s .s-pr15 {padding-right: 15px;}
.pr20 ,.l .l-pr20 ,.m .m-pr20 ,.s .s-pr20 {padding-right: 20px;}
.pr25 ,.l .l-pr25 ,.m .m-pr25 ,.s .s-pr25 {padding-right: 25px;}
.pr30 ,.l .l-pr30 ,.m .m-pr30 ,.s .s-pr30 {padding-right: 30px;}
.pr35 ,.l .l-pr35 ,.m .m-pr35 ,.s .s-pr35 {padding-right: 35px;}
.pr40 ,.l .l-pr40 ,.m .m-pr40 ,.s .s-pr40 {padding-right: 40px;}
.pr45 ,.l .l-pr45 ,.m .m-pr45 ,.s .s-pr45 {padding-right: 45px;}
.pr50 ,.l .l-pr50 ,.m .m-pr50 ,.s .s-pr50 {padding-right: 50px;}
.pr60 ,.l .l-pr60 ,.m .m-pr60 ,.s .s-pr60 {padding-right: 60px;}
.pr70 ,.l .l-pr70 ,.m .m-pr70 ,.s .s-pr70 {padding-right: 70px;}
.pr80 ,.l .l-pr80 ,.m .m-pr80 ,.s .s-pr80 {padding-right: 80px;}
.pr90 ,.l .l-pr90 ,.m .m-pr90 ,.s .s-pr90 {padding-right: 90px;}
.pr100,.l .l-pr100,.m .m-pr100,.s .s-pr100{padding-right:100px;}

.ph0  ,.l .l-ph0  ,.m .m-ph0  ,.s .s-ph0  {padding-left:  0px;padding-right:  0px;}
.ph5  ,.l .l-ph5  ,.m .m-ph5  ,.s .s-ph5  {padding-left:  5px;padding-right:  5px;}
.ph10 ,.l .l-ph10 ,.m .m-ph10 ,.s .s-ph10 {padding-left: 10px;padding-right: 10px;}
.ph15 ,.l .l-ph15 ,.m .m-ph15 ,.s .s-ph15 {padding-left: 15px;padding-right: 15px;}
.ph20 ,.l .l-ph20 ,.m .m-ph20 ,.s .s-ph20 {padding-left: 20px;padding-right: 20px;}
.ph25 ,.l .l-ph25 ,.m .m-ph25 ,.s .s-ph25 {padding-left: 25px;padding-right: 25px;}
.ph30 ,.l .l-ph30 ,.m .m-ph30 ,.s .s-ph30 {padding-left: 30px;padding-right: 30px;}
.ph35 ,.l .l-ph35 ,.m .m-ph35 ,.s .s-ph35 {padding-left: 35px;padding-right: 35px;}
.ph40 ,.l .l-ph40 ,.m .m-ph40 ,.s .s-ph40 {padding-left: 40px;padding-right: 40px;}
.ph45 ,.l .l-ph45 ,.m .m-ph45 ,.s .s-ph45 {padding-left: 45px;padding-right: 45px;}
.ph50 ,.l .l-ph50 ,.m .m-ph50 ,.s .s-ph50 {padding-left: 50px;padding-right: 50px;}
.ph60 ,.l .l-ph60 ,.m .m-ph60 ,.s .s-ph60 {padding-left: 60px;padding-right: 60px;}
.ph70 ,.l .l-ph70 ,.m .m-ph70 ,.s .s-ph70 {padding-left: 70px;padding-right: 70px;}
.ph80 ,.l .l-ph80 ,.m .m-ph80 ,.s .s-ph80 {padding-left: 80px;padding-right: 80px;}
.ph90 ,.l .l-ph90 ,.m .m-ph90 ,.s .s-ph90 {padding-left: 90px;padding-right: 90px;}
.ph100,.l .l-ph100,.m .m-ph100,.s .s-ph100{padding-left:100px;padding-right:100px;}

.pv0  ,.l .l-pv0  ,.m .m-pv0  ,.s .s-pv0  {padding-top:  0px;padding-bottom:  0px;}
.pv1  ,.l .l-pv1  ,.m .m-pv1  ,.s .s-pv1  {padding-top:  1px;padding-bottom:  1px;}
.pv2  ,.l .l-pv2  ,.m .m-pv2  ,.s .s-pv2  {padding-top:  2px;padding-bottom:  2px;}
.pv3  ,.l .l-pv3  ,.m .m-pv3  ,.s .s-pv3  {padding-top:  3px;padding-bottom:  3px;}
.pv5  ,.l .l-pv5  ,.m .m-pv5  ,.s .s-pv5  {padding-top:  5px;padding-bottom:  5px;}
.pv8  ,.l .l-pv8  ,.m .m-pv8  ,.s .s-pv8  {padding-top:  8px;padding-bottom:  8px;}
.pv10 ,.l .l-pv10 ,.m .m-pv10 ,.s .s-pv10 {padding-top: 10px;padding-bottom: 10px;}
.pv15 ,.l .l-pv15 ,.m .m-pv15 ,.s .s-pv15 {padding-top: 15px;padding-bottom: 15px;}
.pv20 ,.l .l-pv20 ,.m .m-pv20 ,.s .s-pv20 {padding-top: 20px;padding-bottom: 20px;}
.pv25 ,.l .l-pv25 ,.m .m-pv25 ,.s .s-pv25 {padding-top: 25px;padding-bottom: 25px;}
.pv30 ,.l .l-pv30 ,.m .m-pv30 ,.s .s-pv30 {padding-top: 30px;padding-bottom: 30px;}
.pv35 ,.l .l-pv35 ,.m .m-pv35 ,.s .s-pv35 {padding-top: 35px;padding-bottom: 35px;}
.pv40 ,.l .l-pv40 ,.m .m-pv40 ,.s .s-pv40 {padding-top: 40px;padding-bottom: 40px;}
.pv45 ,.l .l-pv45 ,.m .m-pv45 ,.s .s-pv45 {padding-top: 45px;padding-bottom: 45px;}
.pv50 ,.l .l-pv50 ,.m .m-pv50 ,.s .s-pv50 {padding-top: 50px;padding-bottom: 50px;}
.pv60 ,.l .l-pv60 ,.m .m-pv60 ,.s .s-pv60 {padding-top: 60px;padding-bottom: 60px;}
.pv70 ,.l .l-pv70 ,.m .m-pv70 ,.s .s-pv70 {padding-top: 70px;padding-bottom: 70px;}
.pv80 ,.l .l-pv80 ,.m .m-pv80 ,.s .s-pv80 {padding-top: 80px;padding-bottom: 80px;}
.pv90 ,.l .l-pv90 ,.m .m-pv90 ,.s .s-pv90 {padding-top: 90px;padding-bottom: 90px;}
.pv100,.l .l-pv100,.m .m-pv100,.s .s-pv100{padding-top:100px;padding-bottom:100px;}

/* Animation */
.quick{
    -webkit-transition: 0.2s;
       -moz-transition: 0.2s;
         -o-transition: 0.2s;
            transition: 0.2s;
}
.fast{
    -webkit-transition: 0.33s;
       -moz-transition: 0.33s;
         -o-transition: 0.33s;
            transition: 0.33s;
}
.slow{
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
