/*!
 * cs-ui.css - http://codesheet.org/cs/N9adRZf6/codesheet.org-ui
 * Version - 2.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 codesheet
 */






a, .a{cursor:pointer;text-decoration:none;color:#3f8dcd;}
a:hover,.a:hover{text-decoration:none;}

.tal,.text-align-left{text-align:left}
.tac,.text-align-center,center{text-align:center}
.tar,.text-align-right{text-align:right}
@media only screen and (min-width :768px) and (max-width :1024px){
  .m-tal,.m-text-align-left{text-align:left}
  .m-tac,.m-text-align-center,center{text-align:center}
  .m-tar,.m-text-align-right{text-align:right}
}
@media only screen and (min-width :496px) and (max-width :768px){
  .s-tal,.s-text-align-left{text-align:left}
  .s-tac,.s-text-align-center,center{text-align:center}
  .s-tar,.s-text-align-right{text-align:right}
}
@media only screen and (min-width :0px) and (max-width :496px){
  .xs-tal,.xs-text-align-left{text-align:left}
  .xs-tac,.xs-text-align-center,center{text-align:center}
  .xs-tar,.xs-text-align-right{text-align:right}
}

strong,.strong{font-weight:bold}

.to,.text-overflow{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.fs10,.font-size-10{font-size:10px}
.fs11,.font-size-11{font-size:11px}
.fs12,.font-size-12{font-size:12px}
.fs13,.font-size-13{font-size:13px}
.fs14,.font-size-14{font-size:14px}
.fs15,.font-size-15{font-size:15px}
.fs16,.font-size-16{font-size:16px}
.fs17,.font-size-17{font-size:17px}
.fs18,.font-size-18{font-size:18px}
.fs19,.font-size-19{font-size:19px}
.fs20,.font-size-20{font-size:20px}
@media only screen and (min-width :768px) and (max-width :1024px){
  .m-fs10,.m-font-size-10{font-size:10px}
  .m-fs11,.m-font-size-11{font-size:11px}
  .m-fs12,.m-font-size-12{font-size:12px}
  .m-fs13,.m-font-size-13{font-size:13px}
  .m-fs14,.m-font-size-14{font-size:14px}
  .m-fs15,.m-font-size-15{font-size:15px}
  .m-fs16,.m-font-size-16{font-size:16px}
  .m-fs17,.m-font-size-17{font-size:17px}
  .m-fs18,.m-font-size-18{font-size:18px}
  .m-fs19,.m-font-size-19{font-size:19px}
  .m-fs20,.m-font-size-20{font-size:20px}
  .m-fsh3,.m-font-size-h3{font-size:1.6em}
  .m-fsh2,.m-font-size-h2{font-size:2em}
  .m-fsh1,.m-font-size-h1{font-size:2.4em}
}
@media only screen and (min-width :496px) and (max-width :768px){
  .s-fs10,.s-font-size-10{font-size:10px}
  .s-fs11,.s-font-size-11{font-size:11px}
  .s-fs12,.s-font-size-12{font-size:12px}
  .s-fs13,.s-font-size-13{font-size:13px}
  .s-fs14,.s-font-size-14{font-size:14px}
  .s-fs15,.s-font-size-15{font-size:15px}
  .s-fs16,.s-font-size-16{font-size:16px}
  .s-fs17,.s-font-size-17{font-size:17px}
  .s-fs18,.s-font-size-18{font-size:18px}
  .s-fs19,.s-font-size-19{font-size:19px}
  .s-fs20,.s-font-size-20{font-size:20px}
  .s-fsh3,.s-font-size-h3{font-size:1.6em}
  .s-fsh2,.s-font-size-h2{font-size:2em}
  .s-fsh1,.s-font-size-h1{font-size:2.4em}
}
@media only screen and (min-width :0px) and (max-width :496px){
  .xs-fs10,.xs-font-size-10{font-size:10px}
  .xs-fs11,.xs-font-size-11{font-size:11px}
  .xs-fs12,.xs-font-size-12{font-size:12px}
  .xs-fs13,.xs-font-size-13{font-size:13px}
  .xs-fs14,.xs-font-size-14{font-size:14px}
  .xs-fs15,.xs-font-size-15{font-size:15px}
  .xs-fs16,.xs-font-size-16{font-size:16px}
  .xs-fs17,.xs-font-size-17{font-size:17px}
  .xs-fs18,.xs-font-size-18{font-size:18px}
  .xs-fs19,.xs-font-size-19{font-size:19px}
  .xs-fs20,.xs-font-size-20{font-size:20px}
  .xs-fsh3,.xs-font-size-h3{font-size:1.6em}
  .xs-fsh2,.xs-font-size-h2{font-size:2em}
  .xs-fsh1,.xs-font-size-h1{font-size:2.4em;line-height: 1}
}


.bga,.background-active{background:var(--bg-active)}
.bgp,.background-primary{background:var(--bg-primary)}
.bgs,.background-success{background:var(--bg-success)}
.bgd,.background-danger{background:var(--bg-danger)}
.bgi,.background-info{background:var(--bg-info)}
.bgw,.background-warning{background:var(--bg-warning)}

.bgm,.background-magenta{background:var(--bg-magenta)}
.bgv,.background-violet{background:var(--bg-violet)}
.bgg,.background-grey{background:var(--bg-grey)}
.bg,.background-white{background:var(--bg-white)}
.bgb,.background-black{background:var(--bg-black)}

.fca,.font-color-active{color:var(--bg-active)}
.fcp,.font-color-primary{color:var(--bg-primary)}
.fcs,.font-color-success{color:var(--bg-success)}
.fcd,.font-color-danger{color:var(--bg-danger)}
.fci,.font-color-info{color:var(--bg-info)}
.fcw,.font-color-warning{color:var(--bg-warning)}

.fcm,.font-color-magenta{color:var(--bg-magenta)}
.fcv,.font-color-violet{color:var(--bg-violet)}
.fcg,.font-color-grey{color:var(--bg-grey)}
.fc,.font-color-white{color:var(--bg-white)}
.fcb,.font-color-black{color:var(--bg-black)}




/***********************************grid**************************************/

.fl,.float-left{float:left}
.fr,.float-right{float:right}
@media only screen and (min-width :768px) and (max-width :1024px){

}

@media only screen and (min-width :496px) and (max-width :768px){

}

@media only screen and (min-width :0px) and (max-width :496px){

}


.grid{
  position: relative;
  width:100%;
  height:auto;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.grid:after{
  content: "";
  display: table;
  clear:both;
}
.g1{grid-column: span 1;}
.g2{grid-column: span 2;}
.g3{grid-column: span 3;}
.g4{grid-column: span 4;}
.g5{grid-column: span 5;}
.g6{grid-column: span 6;}
.g7{grid-column: span 7;}
.g8{grid-column: span 8;}
.g9{grid-column: span 9;}
.g10{grid-column: span 10;}
.g11{grid-column: span 11;}
.g12{grid-column: span 12;}

@media only screen and (min-width :496px){
  .s-g1{grid-column: span 1;}
  .s-g2{grid-column: span 2;}
  .s-g3{grid-column: span 3;}
  .s-g4{grid-column: span 4;}
  .s-g5{grid-column: span 5;}
  .s-g6{grid-column: span 6;}
  .s-g7{grid-column: span 7;}
  .s-g8{grid-column: span 8;}
  .s-g9{grid-column: span 9;}
  .s-g10{grid-column: span 10;}
  .s-g11{grid-column: span 11;}
  .s-g12{grid-column: span 12;}
}
@media only screen and (min-width :768px){
  .m-g1{grid-column: span 1;}
  .m-g2{grid-column: span 2;}
  .m-g3{grid-column: span 3;}
  .m-g4{grid-column: span 4;}
  .m-g5{grid-column: span 5;}
  .m-g6{grid-column: span 6;}
  .m-g7{grid-column: span 7;}
  .m-g8{grid-column: span 8;}
  .m-g9{grid-column: span 9;}
  .m-g10{grid-column: span 10;}
  .m-g11{grid-column: span 11;}
  .m-g12{grid-column: span 12;}
}
@media only screen and (min-width :1024px){
  .l-g1{grid-column: span 1;}
  .l-g2{grid-column: span 2;}
  .l-g3{grid-column: span 3;}
  .l-g4{grid-column: span 4;}
  .l-g5{grid-column: span 5;}
  .l-g6{grid-column: span 6;}
  .l-g7{grid-column: span 7;}
  .l-g8{grid-column: span 8;}
  .l-g9{grid-column: span 9;}
  .l-g10{grid-column: span 10;}
  .l-g11{grid-column: span 11;}
  .l-g12{grid-column: span 12;}
}
@media only screen and (min-width :1440px){
  .xl-g1{grid-column: span 1;}
  .xl-g2{grid-column: span 2;}
  .xl-g3{grid-column: span 3;}
  .xl-g4{grid-column: span 4;}
  .xl-g5{grid-column: span 5;}
  .xl-g6{grid-column: span 6;}
  .xl-g7{grid-column: span 7;}
  .xl-g8{grid-column: span 8;}
  .xl-g9{grid-column: span 9;}
  .xl-g10{grid-column: span 10;}
  .xl-g11{grid-column: span 11;}
  .xl-g12{grid-column: span 12;}
}


.row{
  position: relative;
  width:100%;
  height:auto;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.row:after{
  content: "";
  display: table;
  clear:both;
}
.row.start{
  justify-content: start;
}
.row.end{
  justify-content: end;
}
.row.center{
  justify-content: center;
}
.row.space-between{
  justify-content: space-between;
}

@media only screen and (min-width :768px) and (max-width :1024px){
  .m-row {
    flex-direction: column;
  }
}

@media only screen and (min-width :496px) and (max-width :768px){
  .s-row {
    flex-direction: column;
  }
}

@media only screen and (min-width :0px) and (max-width :496px){
  .xs-row {
    flex-direction: column;
  }
}




/*12 grid system*/

.c1{ width:8.3333%;}
.c2{ width:16.6666%;}
.c3{ width:25%;}
.c4{ width:33.3333%;}
.c5{ width:41.6666%;}
.c6{ width:50%;}
.c7{ width:58.3333%;}
.c8{ width:66.6666%;}
.c9{ width:75%;}
.c10{ width:83.33333%;}
.c11{ width:91.66666%;}
.c12{ width:100%;}

@media only screen and (min-width :768px) and (max-width :1024px){
  .m-c1{ width:8.3333%;}
  .m-c2{ width:16.6666%;}
  .m-c3{ width:25%;}
  .m-c4{ width:33.3333%;}
  .m-c5{ width:41.6666%;}
  .m-c6{ width:50%;}
  .m-c7{ width:58.3333%;}
  .m-c8{ width:66.6666%;}
  .m-c9{ width:75%;}
  .m-c10{ width:83.33333%;}
  .m-c11{ width:91.66666%;}
  .m-c12{ width:100%;}
}

@media only screen and (min-width :496px) and (max-width :768px){
  .s-c1{ width:8.3333%;}
  .s-c2{ width:16.6666%;}
  .s-c3{ width:25%;}
  .s-c4{ width:33.3333%;}
  .s-c5{ width:41.6666%;}
  .s-c6{ width:50%;}
  .s-c7{ width:58.3333%;}
  .s-c8{ width:66.6666%;}
  .s-c9{ width:75%;}
  .s-c10{ width:83.33333%;}
  .s-c11{ width:91.66666%;}
  .s-c12{ width:100%;}
}

@media only screen and (min-width :0px) and (max-width :496px){
  .xs-c1{ width:8.3333%}
  .xs-c2{ width:16.6666%}
  .xs-c3{ width:25%}
  .xs-c4{ width:33.3333%}
  .xs-c5{ width:41.6666%;}
  .xs-c6{ width:50%}
  .xs-c7{ width:58.3333%}
  .xs-c8{ width:66.6666%}
  .xs-c9{ width:75%}
  .xs-c10{ width:83.33333%}
  .xs-c11{ width:91.66666%}
  .xs-c12{ width:100%}
}

.max{width:100%;max-width:1100px;margin:0 auto;}
.max.w600{width:100%;max-width:600px;margin:0 auto;}
.max.w700{width:100%;max-width:700px;margin:0 auto;}
.max.w800{width:100%;max-width:800px;margin:0 auto;}
.max.w900{width:100%;max-width:900px;margin:0 auto;}
.max.w1000{width:100%;max-width:1000px;margin:0 auto;}

.clr,.clear{clear:both;width:100%;height:0px;}

/***************************grid****************************/




/*borders*/

.mt0,.margin-top-0{margin-top:0px}
.mr0,.margin-right-0{margin-right:0px}
.mb0,.margin-bottom-0{margin-bottom:0px}
.ml0,.margin-left-0{margin-left:0px}
.m0,.margin-0{margin:0px}

.mt5,.margin-top-5{margin-top:5px}
.mr5,.margin-right-5{margin-right:5px}
.mb5,.margin-bottom-5{margin-bottom:5px}
.ml5,.margin-left-5{margin-left:5px}
.m5,.margin-5{margin:5px}

.mt10,.margin-top-10{margin-top:10px}
.mr10,.margin-right-10{margin-right:10px}
.mb10,.margin-bottom-10{margin-bottom:10px}
.ml10,.margin-left-10{margin-left:10px}
.m10,.margin-10{margin:10px}

.mt15,.margin-top-15{margin-top:15px}
.mr15,.margin-right-15{margin-right:15px}
.mb15,.margin-bottom-15{margin-bottom:15px}
.ml15,.margin-left-15{margin-left:15px}
.m15,.margin-15{margin:15px}

.mt20,.margin-top-20{margin-top:20px}
.mr20,.margin-right-20{margin-right:20px}
.mb20,.margin-bottom-20{margin-bottom:20px}
.ml20,.margin-left-20{margin-left:20px}
.m20,.margin-20{margin:20px}

.mt30,.margin-top-30{margin-top:30px}
.mr30,.margin-right-30{margin-right:30px}
.mb30,.margin-bottom-30{margin-bottom:30px}
.ml30,.margin-left-30{margin-left:30px}
.m30,.margin-30{margin:30px}

.mt40,.margin-top-40{margin-top:40px}
.mr40,.margin-right-40{margin-right:40px}
.mb40,.margin-bottom-40{margin-bottom:40px}
.ml40,.margin-left-40{margin-left:40px}
.m40,.margin-40{margin:40px}

.mt50,.margin-top-50{margin-top:50px}
.mr50,.margin-right-50{margin-right:50px}
.mb50,.margin-bottom-50{margin-bottom:50px}
.ml50,.margin-left-50{margin-left:50px}
.m50,.margin-50{margin:50px}

.mt60,.margin-top-60{margin-top:60px}
.mr60,.margin-right-60{margin-right:60px}
.mb60,.margin-bottom-60{margin-bottom:60px}
.ml60,.margin-left-60{margin-left:60px}
.m60,.margin-60{margin:60px}

.mt70,.margin-top-70{margin-top:70px}
.mr70,.margin-right-70{margin-right:70px}
.mb70,.margin-bottom-70{margin-bottom:70px}
.ml70,.margin-left-70{margin-left:70px}
.m70,.margin-70{margin:70px}

.mt80,.margin-top-80{margin-top:80px}
.mr80,.margin-right-80{margin-right:80px}
.mb80,.margin-bottom-80{margin-bottom:80px}
.ml80,.margin-left-80{margin-left:80px}
.m80,.margin-80{margin:80px}

.mt90,.margin-top-90{margin-top:90px}
.mr90,.margin-right-90{margin-right:90px}
.mb90,.margin-bottom-90{margin-bottom:90px}
.ml90,.margin-left-90{margin-left:90px}
.m90,.margin-90{margin:90px}

.mt100,.margin-top-100{margin-top:100px}
.mr100,.margin-right-100{margin-right:100px}
.mb100,.margin-bottom-100{margin-bottom:100px}
.ml100,.margin-left-100{margin-left:100px}
.m100,.margin-100{margin:100px}

.mt150,.margin-top-150{margin-top:150px}
.mr150,.margin-right-150{margin-right:150px}
.mb150,.margin-bottom-150{margin-bottom:150px}
.ml150,.margin-left-150{margin-left:150px}
.m150,.margin-150{margin:150px}

.mt200,.margin-top-200{margin-top:200px}
.mr200,.margin-right-200{margin-right:200px}
.mb200,.margin-bottom-200{margin-bottom:200px}
.ml200,.margin-left-200{margin-left:200px}
.m200,.margin-200{margin:200px}

@media only screen and (min-width :768px) and (max-width :1024px){
  .m-mt0{margin-top:0px}
  .m-mr0{margin-right:0px}
  .m-mb0{margin-bottom:0px}
  .m-ml0{margin-left:0px}
  .m-m0{margin:0px}

  .m-mt5{margin-top:5px}
  .m-mr5{margin-right:5px}
  .m-mb5{margin-bottom:5px}
  .m-ml5{margin-left:5px}
  .m-m5{margin:5px}

  .m-mt10{margin-top:10px}
  .m-mr10{margin-right:10px}
  .m-mb10{margin-bottom:10px}
  .m-ml10{margin-left:10px}
  .m-m10{margin:10px}

  .m-mt15{margin-top:15px}
  .m-mr15{margin-right:15px}
  .m-mb15{margin-bottom:15px}
  .m-ml15{margin-left:15px}
  .m-m15{margin:15px}

  .m-mt20{margin-top:20px}
  .m-mr20{margin-right:20px}
  .m-mb20{margin-bottom:20px}
  .m-ml20{margin-left:20px}
  .m-m20{margin:20px}

  .m-mt30{margin-top:30px}
  .m-mr30{margin-right:30px}
  .m-mb30{margin-bottom:30px}
  .m-ml30{margin-left:30px}
  .m-m30{margin:30px}

  .m-mt40{margin-top:40px}
  .m-mr40{margin-right:40px}
  .m-mb40{margin-bottom:40px}
  .m-ml40{margin-left:40px}
  .m-m40{margin:40px}

  .m-mt50{margin-top:50px}
  .m-mr50{margin-right:50px}
  .m-mb50{margin-bottom:50px}
  .m-ml50{margin-left:50px}
  .m-m50{margin:50px}

  .m-mt60{margin-top:60px}
  .m-mr60{margin-right:60px}
  .m-mb60{margin-bottom:60px}
  .m-ml60{margin-left:60px}
  .m-m60{margin:60px}

  .m-mt70{margin-top:70px}
  .m-mr70{margin-right:70px}
  .m-mb70{margin-bottom:70px}
  .m-ml70{margin-left:70px}
  .m-m70{margin:70px}

  .m-mt80{margin-top:80px}
  .m-mr80{margin-right:80px}
  .m-mb80{margin-bottom:80px}
  .m-ml80{margin-left:80px}
  .m-m80{margin:80px}

  .m-mt90{margin-top:90px}
  .m-mr90{margin-right:90px}
  .m-mb90{margin-bottom:90px}
  .m-ml90{margin-left:90px}
  .m-m90{margin:90px}

  .m-mt100{margin-top:100px}
  .m-mr100{margin-right:100px}
  .m-mb100{margin-bottom:100px}
  .m-ml100{margin-left:100px}
  .m-m100{margin:100px}

  .m-mt150{margin-top:150px}
  .m-mr150{margin-right:150px}
  .m-mb150{margin-bottom:150px}
  .m-ml150{margin-left:150px}
  .m-m150{margin:150px}

  .m-mt200{margin-top:200px}
  .m-mr200{margin-right:200px}
  .m-mb200{margin-bottom:200px}
  .m-ml200{margin-left:200px}
  .m-m200{margin:200px}
}

@media only screen and (min-width :496px) and (max-width :768px){
  .s-mt0{margin-top:0px}
  .s-mr0{margin-right:0px}
  .s-mb0{margin-bottom:0px}
  .s-ml0{margin-left:0px}
  .s-m0{margin:0px}

  .s-mt5{margin-top:5px}
  .s-mr5{margin-right:5px}
  .s-mb5{margin-bottom:5px}
  .s-ml5{margin-left:5px}
  .s-m5{margin:5px}

  .s-mt10{margin-top:10px}
  .s-mr10{margin-right:10px}
  .s-mb10{margin-bottom:10px}
  .s-ml10{margin-left:10px}
  .s-m10{margin:10px}

  .s-mt15{margin-top:15px}
  .s-mr15{margin-right:15px}
  .s-mb15{margin-bottom:15px}
  .s-ml15{margin-left:15px}
  .s-m15{margin:15px}

  .s-mt20{margin-top:20px}
  .s-mr20{margin-right:20px}
  .s-mb20{margin-bottom:20px}
  .s-ml20{margin-left:20px}
  .s-m20{margin:20px}

  .s-mt30{margin-top:30px}
  .s-mr30{margin-right:30px}
  .s-mb30{margin-bottom:30px}
  .s-ml30{margin-left:30px}
  .s-m30{margin:30px}

  .s-mt40{margin-top:40px}
  .s-mr40{margin-right:40px}
  .s-mb40{margin-bottom:40px}
  .s-ml40{margin-left:40px}
  .s-m40{margin:40px}

  .s-mt50{margin-top:50px}
  .s-mr50{margin-right:50px}
  .s-mb50{margin-bottom:50px}
  .s-ml50{margin-left:50px}
  .s-m50{margin:50px}

  .s-mt60{margin-top:60px}
  .s-mr60{margin-right:60px}
  .s-mb60{margin-bottom:60px}
  .s-ml60{margin-left:60px}
  .s-m60{margin:60px}

  .s-mt70{margin-top:70px}
  .s-mr70{margin-right:70px}
  .s-mb70{margin-bottom:70px}
  .s-ml70{margin-left:70px}
  .s-m70{margin:70px}

  .s-mt80{margin-top:80px}
  .s-mr80{margin-right:80px}
  .s-mb80{margin-bottom:80px}
  .s-ml80{margin-left:80px}
  .s-m80{margin:80px}

  .s-mt90{margin-top:90px}
  .s-mr90{margin-right:90px}
  .s-mb90{margin-bottom:90px}
  .s-ml90{margin-left:90px}
  .s-m90{margin:90px}

  .s-mt100{margin-top:100px}
  .s-mr100{margin-right:100px}
  .s-mb100{margin-bottom:100px}
  .s-ml100{margin-left:100px}
  .s-m100{margin:100px}

  .s-mt150{margin-top:150px}
  .s-mr150{margin-right:150px}
  .s-mb150{margin-bottom:150px}
  .s-ml150{margin-left:150px}
  .s-m150{margin:150px}

  .s-mt200{margin-top:200px}
  .s-mr200{margin-right:200px}
  .s-mb200{margin-bottom:200px}
  .s-ml200{margin-left:200px}
  .s-m200{margin:200px}
}

@media only screen and (min-width :0px) and (max-width :496px){
  .xs-mt0{margin-top:0px}
  .xs-mr0{margin-right:0px}
  .xs-mb0{margin-bottom:0px}
  .xs-ml0{margin-left:0px}
  .xs-m0{margin:0px}

  .xs-mt5{margin-top:5px}
  .xs-mr5{margin-right:5px}
  .xs-mb5{margin-bottom:5px}
  .xs-ml5{margin-left:5px}
  .xs-m5{margin:5px}

  .xs-mt10{margin-top:10px}
  .xs-mr10{margin-right:10px}
  .xs-mb10{margin-bottom:10px}
  .xs-ml10{margin-left:10px}
  .xs-m10{margin:10px}

  .xs-mt15{margin-top:15px}
  .xs-mr15{margin-right:15px}
  .xs-mb15{margin-bottom:15px}
  .xs-ml15{margin-left:15px}
  .xs-m15{margin:15px}

  .xs-mt20{margin-top:20px}
  .xs-mr20{margin-right:20px}
  .xs-mb20{margin-bottom:20px}
  .xs-ml20{margin-left:20px}
  .xs-m20{margin:20px}

  .xs-mt30{margin-top:30px}
  .xs-mr30{margin-right:30px}
  .xs-mb30{margin-bottom:30px}
  .xs-ml30{margin-left:30px}
  .xs-m30{margin:30px}

  .xs-mt40{margin-top:40px}
  .xs-mr40{margin-right:40px}
  .xs-mb40{margin-bottom:40px}
  .xs-ml40{margin-left:40px}
  .xs-m40{margin:40px}

  .xs-mt50{margin-top:50px}
  .xs-mr50{margin-right:50px}
  .xs-mb50{margin-bottom:50px}
  .xs-ml50{margin-left:50px}
  .xs-m50{margin:50px}

  .xs-mt60{margin-top:60px}
  .xs-mr60{margin-right:60px}
  .xs-mb60{margin-bottom:60px}
  .xs-ml60{margin-left:60px}
  .xs-m600{margin:60px}

  .xs-mt70{margin-top:70px}
  .xs-mr70{margin-right:70px}
  .xs-mb70{margin-bottom:70px}
  .xs-ml70{margin-left:70px}
  .xs-m70{margin:70px}

  .xs-mt80{margin-top:80px}
  .xs-mr80{margin-right:80px}
  .xs-mb80{margin-bottom:80px}
  .xs-ml80{margin-left:80px}
  .xs-m00{margin:80px}

  .xs-mt90{margin-top:90px}
  .xs-mr90{margin-right:90px}
  .xs-mb90{margin-bottom:90px}
  .xs-ml90{margin-left:90px}
  .xs-m90{margin:90px}

  .xs-mt100{margin-top:100px}
  .xs-mr100{margin-right:100px}
  .xs-mb100{margin-bottom:100px}
  .xs-ml100{margin-left:100px}
  .xs-m100{margin:100px}

  .xs-mt150{margin-top:150px}
  .xs-mr150{margin-right:150px}
  .xs-mb150{margin-bottom:150px}
  .xs-ml150{margin-left:150px}
  .xs-m150{margin:150px}

  .xs-mt200{margin-top:200px}
  .xs-mr200{margin-right:200px}
  .xs-mb200{margin-bottom:200px}
  .xs-ml200{margin-left:200px}
  .xs-m200{margin:200px}
}





.pt0,.padding-top-0{padding-top:0px}
.pr0,.padding-right-0{padding-right:0px}
.pb0,.padding-bottom-0{padding-bottom:0px}
.pl0,.padding-left-0{padding-left:0px}
.p0,.padding-0{padding:0px}

.pt5,.padding-top-5{padding-top:5px}
.pr5,.padding-right-5{padding-right:5px}
.pb5,.padding-bottom-5{padding-bottom:5px}
.pl5,.padding-left-5{padding-left:5px}
.p5,.padding-5{padding:5px}

.pt10,.padding-top-10{padding-top:10px}
.pr10,.padding-right-10{padding-right:10px}
.pb10,.padding-bottom-10{padding-bottom:10px}
.pl10,.padding-left-10{padding-left:10px}
.p10,.padding-10{padding:10px}

.pt15,.padding-top-15{padding-top:15px}
.pr15,.padding-right-15{padding-right:15px}
.pb15,.padding-bottom-15{padding-bottom:15px}
.pl15,.padding-left-15{padding-left:15px}
.p15,.padding-15{padding:15px}

.pt20,.padding-top-20{padding-top:20px}
.pr20,.padding-right-20{padding-right:20px}
.pb20,.padding-bottom-20{padding-bottom:20px}
.pl20,.padding-left-20{padding-left:20px}
.p20,.padding-20{padding:20px}

.pt30,.padding-top-30{padding-top:30px}
.pr30,.padding-right-30{padding-right:30px}
.pb30,.padding-bottom-30{padding-bottom:30px}
.pl30,.padding-left-30{padding-left:30px}
.p30,.padding-30{padding:30px}

.pt40,.padding-top-40{padding-top:40px}
.pr40,.padding-right-40{padding-right:40px}
.pb40,.padding-bottom-40{padding-bottom:40px}
.pl40,.padding-left-40{padding-left:40px}
.p40,.padding-40{padding:40px}

.pt50,.padding-top-50{padding-top:50px}
.pr50,.padding-right-50{padding-right:50px}
.pb50,.padding-bottom-50{padding-bottom:50px}
.pl50,.padding-left-50{padding-left:50px}
.p50,.padding-50{padding:50px}

.pt60,.padding-top-60{padding-top:60px}
.pr60,.padding-right-60{padding-right:60px}
.pb60,.padding-bottom-60{padding-bottom:60px}
.pl60,.padding-left-60{padding-left:60px}
.p60,.padding-60{padding:60px}

.pt70,.padding-top-70{padding-top:70px}
.pr70,.padding-right-70{padding-right:70px}
.pb70,.padding-bottom-70{padding-bottom:70px}
.pl70,.padding-left-70{padding-left:70px}
.p70,.padding-70{padding:70px}

.pt80,.padding-top-80{padding-top:80px}
.pr80,.padding-right-80{padding-right:80px}
.pb80,.padding-bottom-80{padding-bottom:80px}
.pl80,.padding-left-80{padding-left:80px}
.p80,.padding-80{padding:80px}

.pt90,.padding-top-90{padding-top:90px}
.pr90,.padding-right-90{padding-right:90px}
.pb90,.padding-bottom-90{padding-bottom:90px}
.pl90,.padding-left-90{padding-left:90px}
.p90,.padding-90{padding:90px}

.pt100,.padding-top-100{padding-top:100px}
.pr100,.padding-right-100{padding-right:100px}
.pb100,.padding-bottom-100{padding-bottom:100px}
.pl100,.padding-left-100{padding-left:100px}
.p100,.padding-100{padding:100px}

@media only screen and (min-width :768px) and (max-width :1024px){
  .m-pt0{padding-top:0px}
  .m-pr0{padding-right:0px}
  .m-pb0{padding-bottom:0px}
  .m-pl0{padding-left:0px}
  .m-p0{padding:0px}

  .m-pt5{padding-top:5px}
  .m-pr5{padding-right:5px}
  .m-pb5{padding-bottom:5px}
  .m-pl5{padding-left:5px}
  .m-p5{padding:5px}

  .m-pt10{padding-top:10px}
  .m-pr10{padding-right:10px}
  .m-pb10{padding-bottom:10px}
  .m-pl10{padding-left:10px}
  .m-p10{padding:10px}

  .m-pt15{padding-top:15px}
  .m-pr15{padding-right:15px}
  .m-pb15{padding-bottom:15px}
  .m-pl15{padding-left:15px}
  .m-p15{padding:15px}

  .m-pt20{padding-top:20px}
  .m-pr20{padding-right:20px}
  .m-pb20{padding-bottom:20px}
  .m-pl20{padding-left:20px}
  .m-p20{padding:20px}

  .m-pt30{padding-top:30px}
  .m-pr30{padding-right:30px}
  .m-pb30{padding-bottom:30px}
  .m-pl30{padding-left:30px}
  .m-p30{padding:30px}

  .m-pt40{padding-top:40px}
  .m-pr40{padding-right:40px}
  .m-pb40{padding-bottom:40px}
  .m-pl40{padding-left:40px}
  .m-p40{padding:40px}

  .m-pt50{padding-top:50px}
  .m-pr50{padding-right:50px}
  .m-pb50{padding-bottom:50px}
  .m-pl50{padding-left:50px}
  .m-p50{padding:50px}

  .m-pt60{padding-top:60px}
  .m-pr60{padding-right:60px}
  .m-pb60{padding-bottom:60px}
  .m-pl60{padding-left:60px}
  .m-p60{padding:60px}

  .m-pt70{padding-top:70px}
  .m-pr70{padding-right:70px}
  .m-pb70{padding-bottom:70px}
  .m-pl70{padding-left:70px}
  .m-p70{padding:70px}

  .m-pt80{padding-top:80px}
  .m-pr80{padding-right:80px}
  .m-pb80{padding-bottom:80px}
  .m-pl80{padding-left:80px}
  .m-p80{padding:80px}

  .m-pt90{padding-top:90px}
  .m-pr90{padding-right:90px}
  .m-pb90{padding-bottom:90px}
  .m-pl90{padding-left:90px}
  .m-p90{padding:90px}

  .m-pt100{padding-top:100px}
  .m-pr100{padding-right:100px}
  .m-pb100{padding-bottom:100px}
  .m-pl100{padding-left:100px}
  .m-p100{padding:100px}

  .m-pt150{padding-top:150px}
  .m-pr150{padding-right:150px}
  .m-pb150{padding-bottom:150px}
  .m-pl150{padding-left:150px}
  .m-p150{padding:150px}

  .m-pt200{padding-top:200px}
  .m-pr200{padding-right:200px}
  .m-pb200{padding-bottom:200px}
  .m-pl200{padding-left:200px}
  .m-p200{padding:200px}
}

@media only screen and (min-width :496px) and (max-width :768px){
  .s-pt0{padding-top:0px}
  .s-pr0{padding-right:0px}
  .s-pb0{padding-bottom:0px}
  .s-pl0{padding-left:0px}
  .s-p0{padding:0px}

  .s-pt5{padding-top:5px}
  .s-pr5{padding-right:5px}
  .s-pb5{padding-bottom:5px}
  .s-pl5{padding-left:5px}
  .s-p5{padding:5px}

  .s-pt10{padding-top:10px}
  .s-pr10{padding-right:10px}
  .s-pb10{padding-bottom:10px}
  .s-pl10{padding-left:10px}
  .s-p10{padding:10px}

  .s-pt15{padding-top:15px}
  .s-pr15{padding-right:15px}
  .s-pb15{padding-bottom:15px}
  .s-pl15{padding-left:15px}
  .s-p15{padding:15px}

  .s-pt20{padding-top:20px}
  .s-pr20{padding-right:20px}
  .s-pb20{padding-bottom:20px}
  .s-pl20{padding-left:20px}
  .s-p20{padding:20px}

  .s-pt30{padding-top:30px}
  .s-pr30{padding-right:30px}
  .s-pb30{padding-bottom:30px}
  .s-pl30{padding-left:30px}
  .s-p30{padding:30px}

  .s-pt40{padding-top:40px}
  .s-pr40{padding-right:40px}
  .s-pb40{padding-bottom:40px}
  .s-pl40{padding-left:40px}
  .s-p40{padding:40px}

  .s-pt50{padding-top:50px}
  .s-pr50{padding-right:50px}
  .s-pb50{padding-bottom:50px}
  .s-pl50{padding-left:50px}
  .s-p50{padding:50px}

  .s-pt60{padding-top:60px}
  .s-pr60{padding-right:60px}
  .s-pb60{padding-bottom:60px}
  .s-pl60{padding-left:60px}
  .s-p60{padding:60px}

  .s-pt70{padding-top:70px}
  .s-pr70{padding-right:70px}
  .s-pb70{padding-bottom:70px}
  .s-pl70{padding-left:70px}
  .s-p70{padding:70px}

  .s-pt80{padding-top:80px}
  .s-pr80{padding-right:80px}
  .s-pb80{padding-bottom:80px}
  .s-pl80{padding-left:80px}
  .s-p80{padding:80px}

  .s-pt90{padding-top:90px}
  .s-pr90{padding-right:90px}
  .s-pb90{padding-bottom:90px}
  .s-pl90{padding-left:90px}
  .s-p90{padding:90px}

  .s-pt100{padding-top:100px}
  .s-pr100{padding-right:100px}
  .s-pb100{padding-bottom:100px}
  .s-pl100{padding-left:100px}
  .s-p100{padding:100px}

  .s-pt150{padding-top:150px}
  .s-pr150{padding-right:150px}
  .s-pb150{padding-bottom:150px}
  .s-pl150{padding-left:150px}
  .s-p150{padding:150px}

  .s-pt200{padding-top:200px}
  .s-pr200{padding-right:200px}
  .s-pb200{padding-bottom:200px}
  .s-pl200{padding-left:200px}
  .s-p200{padding:200px}
}

@media only screen and (min-width :0px) and (max-width :496px){
  .xs-pt0{padding-top:0px}
  .xs-pr0{padding-right:0px}
  .xs-pb0{padding-bottom:0px}
  .xs-pl0{padding-left:0px}
  .xs-p0{padding:0px}

  .xs-pt5{padding-top:5px}
  .xs-pr5{padding-right:5px}
  .xs-pb5{padding-bottom:5px}
  .xs-pl5{padding-left:5px}
  .xs-p5{padding:5px}

  .xs-pt10{padding-top:10px}
  .xs-pr10{padding-right:10px}
  .xs-pb10{padding-bottom:10px}
  .xs-pl10{padding-left:10px}
  .xs-p10{padding:10px}

  .xs-pt15{padding-top:15px}
  .xs-pr15{padding-right:15px}
  .xs-pb15{padding-bottom:15px}
  .xs-pl15{padding-left:15px}
  .xs-p15{padding:15px}

  .xs-pt20{padding-top:20px}
  .xs-pr20{padding-right:20px}
  .xs-pb20{padding-bottom:20px}
  .xs-pl20{padding-left:20px}
  .xs-p20{padding:20px}

  .xs-pt30{padding-top:30px}
  .xs-pr30{padding-right:30px}
  .xs-pb30{padding-bottom:30px}
  .xs-pl30{padding-left:30px}
  .xs-p30{padding:30px}

  .xs-pt40{padding-top:40px}
  .xs-pr40{padding-right:40px}
  .xs-pb40{padding-bottom:40px}
  .xs-pl40{padding-left:40px}
  .xs-p40{padding:40px}

  .xs-pt50{padding-top:50px}
  .xs-pr50{padding-right:50px}
  .xs-pb50{padding-bottom:50px}
  .xs-pl50{padding-left:50px}
  .xs-p50{padding:50px}

  .xs-pt60{padding-top:60px}
  .xs-pr60{padding-right:60px}
  .xs-pb60{padding-bottom:60px}
  .xs-pl60{padding-left:60px}
  .xs-p60{padding:60px}

  .xs-pt70{padding-top:70px}
  .xs-pr70{padding-right:70px}
  .xs-pb70{padding-bottom:70px}
  .xs-pl70{padding-left:70px}
  .xs-p70{padding:70px}

  .xs-pt80{padding-top:80px}
  .xs-pr80{padding-right:80px}
  .xs-pb80{padding-bottom:80px}
  .xs-pl80{padding-left:80px}
  .xs-p80{padding:80px}

  .xs-pt90{padding-top:90px}
  .xs-pr90{padding-right:90px}
  .xs-pb90{padding-bottom:90px}
  .xs-pl90{padding-left:90px}
  .xs-p90{padding:90px}

  .xs-pt100{padding-top:100px}
  .xs-pr100{padding-right:100px}
  .xs-pb100{padding-bottom:100px}
  .xs-pl100{padding-left:100px}
  .xs-p100{padding:100px}

  .xs-pt150{padding-top:150px}
  .xs-pr150{padding-right:150px}
  .xs-pb150{padding-bottom:150px}
  .xs-pl150{padding-left:150px}
  .xs-p150{padding:150px}

  .xs-pt200{padding-top:200px}
  .xs-pr200{padding-right:200px}
  .xs-pb200{padding-bottom:200px}
  .xs-pl200{padding-left:200px}
  .xs-p200{margin:200px}
}



/*************************general***************************/