/* YAYEYIYOYU CSS */


body { background: #FFF; font-family: 'Raleway', sans-serif; font-weight:300; font-size: 18px; color: #3c3c3c; }

p { font-size: 16px; line-height: 24px; }

p.big { font-size: 30px; line-height: 36px; }

p.big .dot { font-size: 40px; line-height: 40px; }

strong { font-weight: 500;}

a { color: #818181; }

a:hover, a:active, a:focus { color: #cd3030; }

h1, h2, h3, h4, h5, h6, .hero-text {  
  color: #3c3c3c;
  font-family: 'Raleway', cursive;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-shadow: none;
  text-transform: uppercase;
}

.dot {  
  font-family: 'Raleway Dots', cursive;
}

h2 { font-size: 70px; line-height: 94px; }

h2.dot { font-size: 48px; line-height: 48px; }

h3, .h3, h3 a { font-size: 30px; line-height: 36px; }

h3.dot { font-size: 54px; line-height: 54px; }

h4, .h4, h4 a { font-size: 24px; line-height: 24px; }

h5, .h5, h5 a {
    font-size: 22px;
    letter-spacing: 0.2px;
    line-height: 28px;
    text-transform: none;
    margin-bottom:0;
}

.hero-text {
  font-size: 28px;
  line-height: 38px;
  letter-spacing: 0;
  padding: 0 0 20px;
  text-transform: none;
}

.row.expanded .row.expanded { max-width: none; }

.uppercase { text-transform: uppercase; }

.invisible { height: 0; }

#content #inner-content { padding: 0; }

.row, .row.expanded .row { max-width: 1300px; }

/* MENU */

.menu-icon:after {
    background: #cd3030 none repeat scroll 0 0;
    box-shadow: 0 7px 0 #cd3030, 0 14px 0 #cd3030;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.top-bar { padding:0; }

.top-bar ul, .title-bar { padding:0; background: transparent; z-index: 999; }

.top-bar ul {  }

.title-bar {  }

.menu .active > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #AAAAAA;
}

.top-bar .social i { padding: 0 12px; }

.social i:before { font-size: 15px; color: #3c3c3c; }

.social i:hover:before { color: #cd3030; }

.top-bar, header.header {
    height: 85px;
    background-color: transparent;
}

.single-product header.header {
    height: 85px;
    background-color: transparent;
}

.is-stuck .top-bar, .is-stuck header.header {
    height: 60px;
    background-color: #FFF;
}

.top-bar ul li a, .top-bar .top-cart a, .top-bar .social a {
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
    padding: 32px 4px;
    font-size: 10px;
    line-height: 1;
    font-weight: 600;
    color: #AAA;
    display: inline-block;
}

.top-bar .top-cart a { color: #CD3030; }

.top-bar ul li a:hover { color: #3c3c3c; background: rgba(255,255,255,0.5);}

.is-stuck .top-bar ul li a, .is-stuck .top-bar .top-cart a, .is-stuck .top-bar .social a { padding: 24px 4px; transition: all 0.3s ease 0s; }

.is-stuck .top-bar ul li a:hover { color: #3c3c3c; }

.logo a {
  width: 46px;
  height: 53px;
  transition: all 0.3s ease 0s;
  background: url(../images/yayeyiyoyu-logo.svg) no-repeat;
  background-size: 46px 53px;
  margin: 12px 12px 0 12px;
  display: block;
}

.is-stuck .logo a {
  width: 36px;
  height: 43px;
  transition: all 0.3s ease 0s;
  background-size: 36px 43px;
  margin: 8px 10px 0 15px;
}

 .top-bar .top-cart i { color: #CD3030; }

 .top-bar .top-cart i:hover { color: #3c3c3c; }

/* GRAFICS */

.logo-footer { width: 84px; height: 97px; }

.parallax-content {
  background-color: #fff;
}

.slogan { }

.parallax-section-1 {
  background-image: url('../images/blackberry-flower-b.jpg');
}

.parallax-section-2 {
  background-image: url('../images/blackberries.jpg');
  height: 60vh;
}

.parallax-section-3 {
  background-image: url('../images/blackberry-flowers.jpg');
  height: 60vh;
}

.parallax-background {
  height: 100vh;
  position: fixed;
  width: 100%;
  top: 0;
}

.no-margin { margin-bottom:0; }

.wrong-text {text-decoration:line-through;}

.grey1-bg { background-color: #EAEAEA; }

.grey4-bg { background-color: #3c3c3c; }

.red-bg { background-color: #cd3030; }

.red-text { color: #cd3030; }

.black-text { color: #3c3c3c; }

.black-bg { background-color: #3c3c3c; }

.white-text { color: #FFFFFF; }

.weight100 { font-weight: 100;}

.weight200 { font-weight: 200;}

.weight500 { font-weight: 500;}

.weight700 { font-weight: 700;}

.weight900 { font-weight: 900;}

.off-canvas-content { overflow: hidden;} /* REVISAR !!! */

.imagen-fade-up { overflow: hidden; z-index:0; }

.home article header { display: none; }

.home header.header { height: 0; }

.blanco {
  background: #fff;
  width: 100%;
}

.grisc {
  background: #EEE;
  width: 100%;
}

.grism {
  background: #BBB;
  width: 100%;
}

.griso {
  background: #262626;
  width: 100%;
}

.grisoo {
  background: #1b1b1b;
  width: 100%;
}

/* FOOTER */

footer.footer { margin-top:0!important; padding: 1rem 0 2rem; background-color: #2E2E2E; color: #CCC;  } 

footer.footer p { color: #818181;  } 

footer a { color: #818181; transition: color 0.2s ease-in-out 0s; }

footer a:hover { color: #CCC; transition: color 0.2s ease-in-out 0s; }

footer .logo a:hover { color: #818181; }

footer .social i { float: none; line-height: 30px; padding: 0 10px;  }

footer .social i:before { color: #818181; }

footer .social i:hover:before { color: #CCC; }


/* WOOCOMMERCE */

.woocommerce .product h1.product_title {
    color: #3c3c3c;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 42px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.woocommerce div.product .summary p.price, .woocommerce div.product .summary p.price span.amount {
    color: #303030;
    font-family: Open Sans,sans-serif;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.2px;
    text-transform: none;
    color: #CD3030;
}

.woocommerce div.product .summary p.price {
  margin-bottom: 2rem;
  margin-top: 1rem;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 1rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { content: none; }

.woocommerce-product-rating a {
  font-size: 15px;
  font-weight: 300;
}

.woocommerce .woocommerce-product-rating .star-rating {
  display: none;
}

.woocommerce div.product .cart { margin: 1rem 0 0; }

.woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-bottom: 1rem; }

input#coupon_code {
    height: 40px;
    width: 160px !important;
}

.woocommerce .variations td.label { background: transparent; padding-left: 10px!important; padding-top: 10px!important;}

.woocommerce div.product form.cart .variations label {
    font-weight: 500;
    text-transform: uppercase;
    text-align: right;
    font-size: 18px;
}

.woocommerce .button {
    padding-left: 40px;
    padding-right: 40px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce .woocommerce-message a.button, .woocommerce ul.products li.product .added_to_cart,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
a.button,
.red-bg a.button:hover {
    background-color: #EAEAEA;
    border-radius: 0;
    border-width: 0;
    color: #3c3c3c;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    letter-spacing: 0;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
}

a.button { 
  background-color: #EAEAEA;
  line-height: 40px;
  padding-left: 40px;
  padding-right: 40px;
  height: 66px;
}

.button i { margin: 0 0 0 10px; }


.button:focus, .button:hover {
    background-color: #cd3030;
    color: #fff;
}

.top-cart i { margin: 0 5px 0 0; }

.woocommerce ul.products li.product .added_to_cart:hover, .red-bg a.button {
    background-color: #3c3c3c;
    color: #ffffff;
}

.black-bg a.button {
    background-color: #CD3030;
    color: #ffffff;
}

.black-bg a.button:hover {
    background-color: #FFF;
    color: #3c3c3c;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit {
    background-color: #EAEAEA;
    color: #3c3c3c;
}

.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
a.button:hover {
    background-color: #cd3030;
    color: #fff;
}

.woocommerce .product_meta > span {
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 32px;
    font-weight: 400;
    position: relative;
    text-transform: uppercase;
}

.woocommerce .product_meta > span span, .woocommerce .product_meta > span a { text-transform: none; }

.woocommerce-tabs, .woocommerce div.product form.cart, .woocommerce div.product p.cart { margin: 1rem 0 0; }

.woocommerce div.product .woocommerce-tabs ul.tabs:before { border: 0;}

.woocommerce div.product .woocommerce-tabs ul.tabs { border: 0;}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    background-color: #EAEAEA;
    border-radius: 0;
    border-width: 0;
    color: #3c3c3c;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 48px;
    height: 48px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 0 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce #respond input#submit:hover {
    background-color: #3c3c3c;
    color: #FFF;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background-color: #f6f6f6;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover {
    color:#3c3c3c;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border-bottom-right-radius: 0;
    border-width: 0;
    box-shadow: none;
    left: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: #ebe9eb;
    border: 0!important;
    border-radius: 0!important;
    display: inline-block;
    position: relative;
    z-index: 0;
    margin: 0!important;
    padding: 0!important;
}

.woocommerce div.product .woocommerce-tabs .panel { margin-bottom: 0;}

.wc-tabs-wrapper { background-color: #f6f6f6; }

.woocommerce div.product .woocommerce-tabs .panel { padding: 0.5rem 1rem; }

h2.woocommerce-Reviews-title { font-size: 28px; line-height: 32px; font-weight: 500; }

h3.comment-reply-title { font-size: 20px; font-weight: 500; }

.woocommerce table.shop_attributes th { font-weight: 500; }

#tab-description h2, #tab-additional_information h2 { display: none; }

.myaccount_user, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce div.message {
    background-color: #fff;
    color: #303030;
    display: block;
    font-family: Raleway,sans-serif;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 38px;
    margin-bottom: 25px;
    padding: 28px 21px;
    position: relative;
    text-transform: uppercase;
}

.woocommerce .checkout table.shop_table thead tr th, .woocommerce table.cart thead tr th, .woocommerce-account table.my_account_orders thead tr th, .woocommerce-page .checkout table.shop_table thead tr th, .woocommerce-page table.cart thead tr th, .woocommerce-page table.my_account_orders thead tr th {
    font-family: Raleway,sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.57143em;
    padding: 13px 10px;
    text-transform: uppercase;
}

.woocommerce .checkout table.shop_table thead tr, .woocommerce table.cart thead tr, .woocommerce-account table.my_account_orders thead tr, .woocommerce-page .checkout table.shop_table thead tr, .woocommerce-page table.cart thead tr {
    border: 1px solid #e6e6e6;
}

.woocommerce-page table tr:nth-child(2n+1) td, .woocommerce-page table tbody tr:nth-child(2n), .woocommerce table tfoot, .woocommerce table thead {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.woocommerce table.cart tbody tr td img {
    display: block;
    width: 66px;
}

.woocommerce td.product-name dl.variation dt,
.woocommerce td.product-name dl.variation dd {
    font-weight: 300;
    margin-bottom: 0;
}

.variation p { font-size: 18px; line-height: 1.6;}

.woocommerce td.product-name a {
    text-transform: uppercase;
}

.woocommerce table.cart tbody td.product-remove, .woocommerce-page table.cart tbody td.product-remove {
    border-right: 1px solid #e0dede;
}

.woocommerce table.shop_table { border-radius: 0; }

.woocommerce a.remove {
    color: #3c3c3c !important;
    text-align: center;
    margin: 0 auto;
}

.woocommerce a.remove:hover {
    color: #cd3030 !important;
    background: #FFF;
}

.woocommerce div.cart-collaterals h2, .woocommerce-page .div.cart-collaterals h2, .woocommerce div.cart-collaterals h2 a, .woocommerce-page .div.cart-collaterals h2 a {
    font-size: 27px;
    line-height: 45px;
    letter-spacing: 0;
}

.woocommerce .shop_table {
    margin: 20px 0!important;
}

.woocommerce .cart_totals .shop_table {
    margin: 20px 0 0 !important;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table {
    margin: 0 !important;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th,
.cart-collaterals strong,
.woocommerce-checkout-review-order-table .order-total strong,
.select2-container .select2-choice {
    font-weight: 300;
    border-radius: 0;
}

.woocommerce .wc-proceed-to-checkout a.button.alt,
.woocommerce a.button.wc-forward {
    font-size: 14px;
    height: auto;
    line-height: 50px;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit[disabled]:disabled, .woocommerce a.button.disabled,
.woocommerce a.button:disabled, .woocommerce a.button[disabled]:disabled,
.woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button[disabled]:disabled,
.woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled {
    opacity: 0.5;
    padding: 0 40px;
}

.woocommerce-account h2, .woocommerce-account h3, .woocommerce-checkout h2, .woocommerce-checkout h3 {
    font-size: 17px;
    margin-bottom: 28px;
    margin-top: 20px;
    font-weight: 500;
}

.woocommerce-checkout #payment { background-color: #FFF; }

.woocommerce-checkout #payment ul {
    background: #FFF none repeat scroll 0 0;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-width: 0 1px 1px 1px;
}


.woocommerce-info:before { color: #cd3030; }

.woocommerce-info { border-top-color: #cd3030; margin: 0!important;}

.woocommerce-message {
    border-top-color: #3c3c3c;
}

.woocommerce-message::before {
    color: #3c3c3c;
}

.woocommerce input[type="password"], .woocommerce input[type="email"], 
 .woocommerce-page input[type="password"], .woocommerce-page input[type="email"], 
 .woocommerce-page input[type="tel"], .woocommerce textarea, .woocommerce-page textarea, 
 .woocommerce .select2-container .select2-choice, .woocommerce-page .select2-container .select2-choice, 
 .woocommerce .select2-dropdown-open.select2-drop-above .select2-choice, 
 .woocommerce .select2-dropdown-open.select2-drop-above .select2-choices, 
 .woocommerce-page .select2-dropdown-open.select2-drop-above .select2-choice, 
 .woocommerce-page .select2-dropdown-open.select2-drop-above .select2-choices, 
 .select2-results, .select2-drop, .woocommerce div.cart-collaterals .select2-container .select2-choice, 
 .woocommerce-page div.cart-collaterals .select2-container .select2-choice, .woocommerce div.cart-collaterals 
 .select2-container .select2-choice, .woocommerce-page div.cart-collaterals .select2-container .select2-choice, 
 .woocommerce div.cart-collaterals .select2-dropdown-open.select2-drop-above .select2-choice, 
 .woocommerce-page div.cart-collaterals .select2-dropdown-open.select2-drop-above .select2-choice,

 [type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], 
 [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
    background-color: #f6f6f6;
    width: 100%;
    box-shadow: none;
}

.woocommerce label { font-weight: 300; font-size: 18px; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #666666; }

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #666;
}



/* TOP LINK */

.top-link { margin: -6px 0 0 12px; }

.top-link:before {
    float: left;
    font-size: 3rem;
    text-indent: 0;
}

#back_to_top {
    color: #e8e8e8;
    height: auto;
    margin: 0;
    opacity: 0;
    position: fixed;
    bottom: 25px;
    right: 25px;
    transition: all 0.3s ease 0s;
    z-index: 10000;
}

#back_to_top.off {
    opacity: 0;
}

#back_to_top.on {
    opacity: 1;
    visibility: visible;
}

#back_to_top .hover {
    display: none;
}

#back_to_top span {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #818181;
    border-radius: 60px;
    height: 60px;
    line-height: 60px;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    width: 60px;
}

#back_to_top span i {
    color: #818181;
    font-size: 22px;
    line-height: 60px;
    transition: color 0.2s ease 0s;
}

#back_to_top:hover span {
  border: 2px solid #CCC;
}

#back_to_top:hover span i {
    color: #CCC;
}

  .woocommerce #content div.product div.images {
    float: none;
    width: 80%;
    margin: 0 auto;
  }

  .woocommerce div.product div.images div.thumbnails {
    padding-top: 0;
  }



@media only screen and (min-width: 40.063em) { /* MEDIUM TABLET min-width: 641px a 1024 */

  p { font-size: 18px; line-height: 28px; }

  p.big { font-size: 50px; line-height: 60px; }

  p.big .dot { font-size: 80px; line-height: 80px; }

  h2 { font-size: 70px; line-height: 94px; }

  h2.dot { font-size: 110px; line-height: 110px; }

  h3, .h3, h3 a { font-size: 34px; line-height: 40px; }

  h3.dot { font-size: 120px; line-height: 120px; }

  h4, .h4, h4 a { font-size: 28px; line-height: 28px; }

  h5, .h5, h5 a { font-size: 28px; line-height: 38px;  }

  .top-bar ul li a, .top-bar .top-cart a {
    padding: 36px 15px;
    font-size: 14px;
  }

  .top-bar { padding: 0 0 0 0.25rem; }

  .is-stuck .top-bar ul li a, .is-stuck .top-bar .top-cart a, .is-stuck .top-bar .social a { padding-left: 15px; padding-right: 15px;}

  #back_to_top {
    bottom: 50px;
    right: 50px;
  }


  .woocommerce #content div.product div.images {
    float: none;
    width: 80%;
    margin: 0 auto;
  }

  .woocommerce #content div.product div.summary {
    float: none;
    width: 100%;
  }

  .woocommerce .product h1.product_title { font-size: 48px; line-height: 56px; }

  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 14px;
    line-height: 66px;
    height: 66px;
  }

  .woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a,
  .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a {
    margin-bottom: 0;
  }

  .woocommerce div.product .woocommerce-tabs .panel { padding: 1rem 2rem; }

  .woocommerce .quantity .qty {
    height: 4rem;
    width: 5rem;
  }

  .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
  .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
  .woocommerce .woocommerce-message a.button, .woocommerce ul.products li.product .added_to_cart,
  .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
  a.button,
  .red-bg a.button:hover {
      height: 66px;
      padding-left: 40px;
      padding-right: 40px;
  }

  input#coupon_code { 
    height: 66px;
    width: 12rem!important;
  }

}


@media only screen and (min-width: 64.063em) { /* LARGE PC min-width: 1025px a 1440px */

  h2.dot { font-size: 160px; line-height: 160px; }

  h3, .h3, h3 a { font-size: 38px; line-height: 48px; }

  .top-bar { background: transparent; padding: 0 1rem;}

  .top-bar ul li a, .top-bar .top-cart a, .top-bar .social a { font-size: 14px; text-transform: uppercase; padding: 72px 15px 60px 15px; }

  .is-stuck .top-bar ul li a, .is-stuck .top-bar .top-cart a, .is-stuck .top-bar .social a { padding: 26px 15px; }

  .logo a {
    width: 92px;
    height: 110px;
    background-size: 92px 110px;
    margin: 25px 20px 0 20px;
  }

  .is-stuck .logo a {
    width: 42px;
    height: 48px;
    background-size: 42px 48px;
    margin: 8px 20px 0 20px;
  }

  .is-stuck .logo a { margin: 12px 20px 0 20px; }

  .is-stuck .top-bar, .is-stuck header.header, .is-stuck .woocommerce-cart header.header, .is-stuck .woocommerce-checkout header.header { height: 70px; }

  .is-stuck .top-bar ul li a, .is-stuck .top-bar .social i,
  .is-stuck .top-bar .top-cart a { 
      transition: all 0.3s ease 0s;
  }

  .single-product header.header, .woocommerce-cart header.header, .woocommerce-checkout header.header { height: 160px; }

  .woocommerce #content div.product div.images {
    float: left;
    width: 48%;
  }

  .woocommerce #content div.product div.summary {
    float: right;
    width: 48%;
  }

}


/* MARTOP */

.martop-1 { margin-top: 1rem; }

.martop-2 { margin-top: 2rem; }

.martop-3 { margin-top: 3rem; }

.martop-4 { margin-top: 4rem; }

.martop-5 { margin-top: 5rem; }

.martop-6 { margin-top: 6rem; }

.martop-8 { margin-top: 8rem; }

.martop-10 { margin-top: 10rem; }

.martop-12 { margin-top: 12rem; }

.martop-small-1 { margin-top: 1rem; }

.martop-small-2 { margin-top: 2rem; }

.martop-small-3 { margin-top: 3rem; }

.martop-small-4 { margin-top: 4rem; }

.martop-small-5 { margin-top: 5rem; }

.martop-small-6 { margin-top: 6rem; }

.martop-small-8 { margin-top: 8rem; }

.martop-small-10 { margin-top: 10rem; }

.martop-small-12 { margin-top: 12rem; }


@media only screen and (min-width: 40.063em) { /* MEDIUM TABLET min-width: 641px a 1024 */

    .martop-small-1, .martop-small-2, .martop-small-3, .martop-small-4, .martop-small-5, .martop-small-6, .martop-small-8, .martop-small-10, .martop-small-12 { margin-top: 0; }

    .martop-medium-1 { margin-top: 1rem; }

    .martop-medium-2 { margin-top: 2rem; }

    .martop-medium-3 { margin-top: 3rem; }

    .martop-medium-4 { margin-top: 4rem; }

    .martop-medium-5 { margin-top: 5rem; }

    .martop-medium-6 { margin-top: 6rem; }

    .martop-medium-8 { margin-top: 8rem; }

    .martop-medium-10 { margin-top: 10rem; }

    .martop-medium-12 { margin-top: 12rem; }

}

@media only screen and (min-width: 64.063em) { /* LARGE PC min-width: 1025px a 1440px */

    .martop-medium-1, .martop-medium-2, .martop-medium-3, .martop-medium-4, .martop-medium-5, .martop-medium-6, .martop-medium-8, .martop-medium-10, .martop-medium-12 { margin-top: 0; }

    .martop-large-1 { margin-top: 1rem; }

    .martop-large-2 { margin-top: 2rem; }

    .martop-large-3 { margin-top: 3rem; }

    .martop-large-4 { margin-top: 4rem; }

    .martop-large-5 { margin-top: 5rem; }

    .martop-large-6 { margin-top: 6rem; }

    .martop-large-8 { margin-top: 8rem; }

    .martop-large-10 { margin-top: 10rem; }

    .martop-large-12 { margin-top: 12rem; }

}