@charset "utf-8";
/* EBAY CSS */
*{
  -webkit-border-horizontal-spacing: 0px !important;
  -webkit-border-vertical-spacing: 0px !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .e-search input.v4sbox,
  #EBdescription .e-search input.v4sbox {height:25px !important;}/* chrome safari*/
  div.v4stabl{margin-bottom:-22px;}
    table.pgbc{margin-top:10px;}
    .sb input{margin-left:0px !important;padding-bottom:0px !important;}
}
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
  .e-search input.v4sbox,
  #EBdescription .e-search input.v4sbox {height:25px !important;}/*opera*/
  div.v4stabl{margin-bottom:-22px;}
  table.pgbc{margin-top:10px;}

}

input[type="submit"]{cursor:pointer;}
*:focus{outline:none !important;}
form{display:inline;}
body{padding:0px !important;}
body, #EBdescription, .pagecontainer, #body{padding:0px 0px 20px 0px;}
body, #EBdescription, .pagecontainer, #body, td, .g-std{font:12px/1.55em arial,helvetica,sans-serif;color:#2F2F2F;}

.e-block-content-product h1{font-size:24px;}
.e-block-content-product h2{font-size:18px;}
.e-block-content-product h3{font-size:14px;}
.e-block-content-product h4{font-size:12px;}
.e-block-content-product h5{font-size:11px;}

.e-content.col-2 {
    display: flex;
    flex-wrap: wrap;
}

/* Store */
.top-gallery{margin-top:-5px;}
#gnheader, .tb_v4bc, .pagecontainer{}

.tb_v4bc ~ table{/*width:1000px !important;*/ margin:0px auto;}
.tb_v4bc ~ table table + table tr td[height="15"] {display:none;}

  /* bottom */
.stBadge, #sModule, #glbfooter{/*width:1000px !important;*/ margin:0px auto;}
#sModule{padding-bottom:10px !important;}
#sFooter{margin-top:0px !important;}
#storercp .stBadge-midContent td{padding-left:0px !important;}
.stBadge a:link, #sModule a:link, #glbfooter a:link,
.stBadge a:visited, #sModule a:visited, #glbfooter a:visited{color:#023761 !important;text-decoration:none !important;font-size:11px !important;}

div.cmpb, div.cmpBr, div.rs_box .dynpg .pgbc{border:none!important;background:#f3f3f3 !important;}
div.basics span.bin, div.cmpb, div.cmpBr, div.rs_box .dynpg .pgbc{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}


table.v4clp td ul,
div.lcat{margin-left:10px !important;}
table.v4stw {padding:0px !important;}
table.v4midBox tr.v4acp_mid td.v4mid{padding:10px !important;}

  /* button */
.v4midBox .v4nl .sb{background:url(button-left.png) 0 100% no-repeat !important;padding-left:6px;}
.v4midBox .v4nl .sb input{background:url(button-right.png) 100% 0 no-repeat !important;font:bold 12px Calibri;text-transform:uppercase;color:#003361;border:none;height:25px;padding-right:12px;padding-bottom:4px;}
  /* button */

table.pgbc td.r{}
table.pgbc td.r input.page{width:28px !important;float:none !important;background:#ffffff;font-size:12px !important;top:3px !important;height:15px !important;}
table.pgbc td.r input{float:none !important;position:relative;top:-1px;}


.fpcc .countClass{color:#ffad00 !important;}
div.v4stabl{position:relative;top:7px;float:right;}
div.v4stabl, div.fpcc, .fpcc .matchClass, .fpcc span.keywordClass {color:#ffffff !important;}
div.v4stabl a, div.fpcc a,
div.v4stabl a:visited, div.fpcc a:visited{color:#1eade7 !important;}

span.pdmt .cur{color:#000000 !important;}
.pview a:link, .pview a:visited, .lview a:link, .lview a:visited, .v4ilist a:link, .v4ilist a:visited, table.gallery a:link, table.gallery a:visited{color:#203548 !important;text-decoration:underline !important; font-weight:bold;}
div.basics span.bin {padding:5px; float:none !important; margin-top:10px; background:#1eade7;color:#ffffff !important;}

div.rs_box .dynpg{padding:0px !important;border:none !important;}
.v4midBox .v4thldr ul{margin:0px; padding-left:10px;}


/* home prod */
.home-prod ul{margin:-7px -6px 0px 0px; padding:0px;}
.home-prod ul li{float:left;margin:1px;}
.home-prod ul li a:link, .home-prod ul li a:visited{color:#ffffff !important;text-align:center;font-weight:bold;font-size:11px !important;}
.home-prod ul li a span{font-weight:bold; color:#ffffff !important;display:block;clear:both;background: url(tab-fon.png) repeat-x scroll 0 0 #f39502;width:165px;text-align:center;padding:7px 0px;}
.home-prod ul li a img{border:1px solid #DDDFDD !important; width:536px;}
.home-prod ul li a:hover{text-decoration:none !important;}
.home-prod ul li a:hover span{background-color:#1eade7 !important;}

.home-brand-container{display: flex; flex-wrap:wrap; justify-content:space-around;}
.home-brand-list{flex-grow:1; padding:15px;}

/* Template */
h1{font-size:24px;}

ul li, ol li{list-style:none;}
.clear{line-height:0px; font-size:0px;clear:both;width:100%;margin:0px;padding:0px;}
.e-block-content-mian-menu ul, .e-tab{margin:0px;padding:0px;}
table.attr, .e-gallery{margin-bottom:20px;}
.e-product-price, .e-product-old-price, .e-block-content{margin-bottom:1px;border:1px solid #DDDDDD;padding:10px;}

.e-center{width:100%;margin:0px auto; display:flex;}
.col-3 .col-left,
.col-3 .col-right,
.col-2 .col-left,
.col-2 .col-right{width:260px;display:block;}

.col-3 .col-left,
.col-2 .col-left{margin-right:10px;float:left;}
.col-3 .col-right,
.col-2 .col-right{float:right;}
.col-center{float:right;/* flex: 0 0 auto;*/ display: flex;flex-wrap: wrap;justify-content: space-around;}
@media screen and (max-width: 400px) {
  .col-center {
   flex-direction: column-reverse;
  }
}
.col-1 .col-center{width:100%;display:block;}
.col-2 .col-center{/*width:780px;*/display:flex;}
.col-3 .col-center{width:560px;display:block;}

.col-3 .col-center div.rs_box{width:537px !important;}
.col-3 .col-center .pview{padding:0px !important;}

.e-block{width:100%;}
.e-block-content{padding:10px 0px;}
.e-block-content-conteiner{margin:0px 10px;}

.e-block-title,
.v4acpcont .v4acp tr.v4acp_head td,
div.fpcc{background:url(block-title.gif) 0 0 repeat-x #275AE0 !important;}
.e-block-title,
.v4acpcont .v4acp,
div.fpcc{border:solid #4274F9 !important;border-width:1px 1px 0px 1px !important;}
.e-block-title,
.v4acpcont .v4acp td.v4title{padding:6px 11px !important;}
div.fpcc{padding:5px 11px !important;}

.e-block-title,
.v4acpcont .v4acp td.v4title font,
.v4acpcont .v4acp td.v4title font h2{font-size:12px !important;color: white;font-weight: bold;}

/* remove */
.v4acpcont .v4acp .v4acp_head ~ tr, .v4stw .v4acpcont .v4acp .v4acp_head ~ tr ~ tr, .stBadge-accent, .whiter-s_nf, #gnheader ~ p, .whiter-rcp .whiter-n, .e-block-content-eBayStoresItemShowcase table.v4shwc td.bline, .ttl img, .prices img, .clr, .catItms, table.v4shwc td.bline img, div.itemseparator, .v4acpcont .v4acp .v4acp_head .v4accent, .v4acpcont .v4acp .v4acp_head .v4hspacer, table.r3 td.r3_t{display:none !important;}

td#CentralArea div.dynpg, .pgbc, .r3_t, .r3_t b, .r3_bl, .r3_bl b, .gy-br div.r3_cm .fpcc .smuy .keywordClass, .r3_t i, td.r3_c {
    background: none repeat scroll 0 0 transparent !important;
}
td#CentralArea div.dynpg, .r3_hm, .r3_c, .r3_s, .r3_t i, .r3_bl i, .whiter-rcp, .e-block-content-eBayStoresItemShowcase table.v4shwc td.lcell, .grid td.left, table.v4shwc td.lcell, .li, .ctrlbr, .v4stw .rs_box {
    border: medium none !important;
}
.r3_cm {padding:0px !important;}
/* test for home store page only */
.r3_cm, bp, tp{
margin-left: 225px;
}

.pview table.grid{text-align:center;}
td.v4topleft .v4nfc, td.v4topright .v4nfc{height:123px !important;}

td.v4topleft .fs2-fs, td.v4topright .fs2-fs{padding-top:0px !important;}

.cmsg{padding-top:3px !important;}

.v4midBox table.v4clp{margin-top:3px;}

.e-block-title span span{color: #FFFFFF;font-weight: bold;margin: 0;padding: 7px 0 6px;}

.e-block-content-eBayStoresItemShowcase table.v4shwc td.grItm {
    float: left;
    padding: 0 !important;
    width: 100% !important;
}

table.gallery {
    margin: 0 auto !important;
    width: 75% !important;
}
.e-product-description .gallery-image img {
    width: 265px;
}
.gallery {
    border-collapse: collapse;
    border-spacing: 5px;
}

.e-block-content-eBayStoresItemShowcase table.v4shwc td table.gallery .details {
    text-align: center !important;
}
.li td.time, .grid, .details, table.v4shwc td table.gallery .details {
    margin-top: 10px !important;
  margin-bottom:10px !important;
    text-align: center !important;
}

.e-header-top{background:url(top-header.gif) 0 0 no-repeat;}
.e-header-bottom{background:url(bottom-header.gif) 0 0 no-repeat;height:10px;}
.e-header{height:145px;}

.e-logo{ display: flex; flex-wrap:wrap; justify-content:space-between;}
.e-logo a{width:277px;height:68px;background:url(logo.jpg) 0 0 no-repeat;display:block;}
.e-logo h1{margin:0px;padding:0px;}
.e-logo h1 strong{color:#ffffff;}

.e-mian-menu{float:left;}
.e-second-menu{float:right;margin-right:20px;height:19px;}
.e-mian-menu ul, .e-second-menu ul{padding:0px;margin:0px;}
.e-mian-menu ul li, .e-second-menu ul li{float:left;}
.e-second-menu ul li{margin-left:10px;}

.e-mian-menu{/*width:998px*/;margin-left:1px;margin-bottom:-4px;}
.e-mian-menu ul li a{padding:12px 12px;border-right:solid 1px #426987;color:#ffffff;display: block;line-height: 1.3em;font-weight:bold; text-decoration: none;}
.e-mian-menu ul li a:hover{color:#FFAC1F;}

.e-second-menu a, .e-second-menu span{color: grey;font-size: 0.95em;text-decoration: none;}
.e-second-menu a:hover{text-decoration:underline;}

.e-search{float:right;margin:0px 10px 10px 10px;position:relative;top:-10px;/*width:260px;*/display:block;}
#EBdescription .e-search input.v4sbox{height:22px !important;}
.e-search input.v4sbox,
table.pgbc td.r input.page{background:#ffffff; border: 1px solid #4E89B4;color: #757578; float: left; margin-right: 5px;padding: 2px 2px 4px;width: 180px;height:18px !important;font-size:12px;margin-top:0px !important;}
.e-search input.v4sbox:focus{background:#EDF7FD;}
.e-search input,
table.pgbc td.r input{background:url(go-button.jpg) 0 0 no-repeat;float: left;font-size:0px;color:#888888;width:47px;height:22px !important;border: none;margin-top:4px;}

.e-search .g-hdn{display:none;}

span.skype_pnh_print_container{display:inline !important;}
span.skype_pnh_highlighting_inactive_common{display:none !important;}

.e-block-content,
.v4acpcont .v4midBox .v4acp_mid td.v4mid{background:#ffffff;border:solid 1px #DDDFDD !important;}
table.v4midBox{border:none !important;}
.e-block-content-mian-menu ul li{padding: 3px 0px 2px 10px}
.e-block-content-mian-menu ul li a{display:block;}
.e-block-content-mian-menu ul li a,
#LeftPanel a,
.col-left .v4stw a,
tr.v4footr td.v4footd a{font:bold 11px/1.6em Tahoma,sans-serif;color:#000000 !important;text-decoration:none !important;}
.e-block-content-mian-menu ul li a:hover,
#LeftPanel a:hover,
.col-left .v4stw a:hover,
tr.v4footr td.v4footd a:hover{color:#7C7C7C !important;text-decoration:none !important;}
#LeftPanel a,
.col-left .v4stw a {font-weight:normal !important;}
.lcat .lev1 li{margin:5px 0px !important;}
.lcat .lev2 li{margin:0px !important;}
.lcat .ttl{margin-bottom:5px;}
table.v4clp td{padding-top:2px !important;}

tr.v4footr td.v4footd{border-color:#DDDFDD !important; border-width:0px 1px 1px 1px !important;}
.e-gallery h1{margin-top:5px;}

.e-tab{display:table;clear:both;z-index:100;}/*position:relative; */
.e-tab-block{clear:both;}
.e-tab-content{display:none;padding:5px 15px 15px 15px;}
.e-tab li{float:left;margin-right:2px;list-style:none;}
.e-tab li a{background:url(tab-fon.png) 0 0 repeat-x #4779F8;color:#ffffff;text-decoration:none;font-weight:bold;padding:8px 56px; display:block;}
.e-tab li a:hover{background:url(tab-fon.png) 0 0 repeat-x #818181;}
.e-tab li.active a{background:url(tab-fon.png) 0 0 repeat-x #818181 !important;}

.e-tab-content{background:#ffffff; clear:both;}

.e-block-content-product table.attr thead tr th,
.e-block-content-product table.attr tbody tr td,
.contact-form tr td{padding:5px;}
.e-block-content-product table.attr{background-color:#e1e1e1;font-size:0.97em;width:100%;}
.e-block-content-product table.attr thead tr th{background:url(tab-fon-hover-last.png) 0 0 repeat-x;}
.e-block-content-product table.attr tbody tr td{background-color:#fcfcfc;}
.e-block-content-product table.attr tfoot tr td{background-color:#f3f3f3;}
.e-block-content-product table.attr tr:hover td{background:#c7ddee;}
.e-block-content-product table.attr tr:hover td:hover{background:#f8e1b1 !important;}

.contact-form{font-size:1em;}

td.label{font-weight:bold;}

.e-product-price h3, .e-product-old-price h3{float:left;margin:0px;margin-right:5px;}
.e-product-price span, .e-product-old-price span{font-size:18px;font-weight:bold;}
.e-product-price span{color:#339933;}
.e-product-old-price span{color:#888888;text-decoration:line-through;}

.e-footer{margin:20px 0px 50px 0px;}
.e-footer-link{background:url(footer.gif) 0 0 no-repeat;width:1000px; height:40px;margin:0px auto;}
.e-footer-link ul {width:573px; margin:0px auto; padding:0px;border-left:1px solid #426987;display:block;height:36px;}
.e-footer-link ul li{float:left;list-style:none;background: url(mine-menu.png) repeat-x scroll 0 0 transparent;}
.e-footer-link ul li a{border-right: 1px solid #426987;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    line-height: 1.3em;
    padding: 11px;
    text-decoration: none;
    font-size:11px !important;
    }
.e-footer-link ul li a:hover{color: #FFAC1F;}
.e-block-content-why ul{padding-left:10px;margin:10px 0px 0px 0px;} 
.e-block-content-why ul li{background:url(curve.jpg) 0 0 no-repeat;padding:3px 0px 8px 40px;font-weight:bold;margin-bottom:5px;}
.e-block-content-img{text-align:center;}
td.v4topleft .v4wfc, td.v4topright .v4wfc{height: 128px !important;}
.page-title h1, .page-title h2 {
    color: #0A263C;
    font-size: 20px;
    margin: 0;
}
.home-prod-block .e-block-title{
  background: url(block-title.gif) 0 0 repeat-x #fff;
}
.e-product-description .e-block-right h2{
  margin-bottom:-1px !important;
}
.e-product-price{
  padding-bottom:10px;
}
.e-cart-button, .e-buttons{
  padding-bottom:10px;
  border:solid 1px #DDDDDD;
  text-align:center;
  margin-top:-1px;
  padding-top:10px;
  }
.e-cart-button a {
    background: url("e-buynow-button.jpg") no-repeat scroll -5px -5px transparent;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF !important;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 0 auto;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 120px;
}
.e-cart-button a span{
  padding: 5px 0px 6px 0px;
  display:block;
  cursor:pointer;
}
.e-cart-button a:hover{
  background: url(e-buynow-button.jpg) no-repeat scroll -5px -65px transparent;
}

.e-product-price{
  background-color:#fff;
  border:solid 1px #DDDDDD;
    clear: both;
    padding: 15px 10px;
    text-align: center;
  position:relative;
}
.e-product-price h4, .e-product-old-price h4,
.e-product-price span, .e-product-old-price span{
    margin:0 !important;
}
.e-product-price span{
    font-weight:normal;
    font-size:28px;
    color:#DC3434;
    position:relative;
    top:-5px;
}
.e-product-description {
    margin-bottom: 10px;
}
.preview-container {
  float: left;
}

/*description tabs */
@-webkit-keyframes content-opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-moz-keyframes content-opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-o-keyframes content-opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes content-opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-webkit-keyframes content-rotate-y {
  from {
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  to {
    opacity: 1;
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-moz-keyframes content-rotate-y {
  from {
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  to {
    opacity: 1;
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-o-keyframes content-rotate-y {
  from {
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  to {
    opacity: 1;
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@keyframes content-rotate-y {
  from {
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  to {
    opacity: 1;
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes content-rotate-x {
  from {
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  to {
    opacity: 1;
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@-moz-keyframes content-rotate-x {
  from {
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  to {
    opacity: 1;
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@-o-keyframes content-rotate-x {
  from {
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  to {
    opacity: 1;
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@keyframes content-rotate-x {
  from {
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  to {
    opacity: 1;
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes content-rotate-both {
  from {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -webkit-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%;
  }

  to {
    opacity: 1;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -webkit-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%;
  }
}
@-moz-keyframes content-rotate-both {
  from {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -webkit-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%;
  }

  to {
    opacity: 1;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -webkit-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%;
  }
}
@-o-keyframes content-rotate-both {
  from {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -webkit-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%;
  }

  to {
    opacity: 1;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -webkit-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%;
  }
}
@keyframes content-rotate-both {
  from {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -webkit-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%;
  }

  to {
    opacity: 1;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -webkit-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%;
  }
}
@-webkit-keyframes content-pop-out {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes content-pop-out {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes content-pop-out {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes content-pop-out {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes content-pop-in {
  from {
    opacity: 1;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  to {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes content-pop-in {
  from {
    opacity: 1;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  to {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes content-pop-in {
  from {
    opacity: 1;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  to {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes content-pop-in {
  from {
    opacity: 1;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  to {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
@-moz-keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
@-o-keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
@keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
@-moz-keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
@-o-keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
@keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0;
  }

  to {
    top: 0px;
    opacity: 1;
  }
}
/* used for wrapper animation after the load of the page */
@-webkit-keyframes show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-moz-keyframes show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-o-keyframes show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


.tabs-wrapper {
  margin: 5% 0 0;
}
.tabs-wrapper input[type=radio] {
  display: none;
}
.tabs-wrapper label {
  transition: background 0.4s ease-in-out, height 0.2s linear;
  display: inline-block;
  cursor: pointer;
  color: #FFFFFF;
  width: 20%;
  height: 3em;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #4C7DF8;
  text-align: center;
  line-height: 3em;
  font-weight: bold;
}
.tabs-wrapper label:last-of-type {
  border-bottom: none;
}
.tabs-wrapper label:hover {
  background: #667876;
  /*@include transform (translate(0,-0.2em));*/
}
@media screen and (max-width: 1600px) {
  .tabs-wrapper label {
    width: 20%;
  }
}
@media screen and (max-width: 900px) {
  .tabs-wrapper label {
    width: 20%;
  }
}
@media screen and (max-width: 600px) {
  .tabs-wrapper label {
    width: 100%;
    display: block;
    border-bottom: 2px solid #5C88F8;
    border-radius: 0;
  }
}
@media screen and (max-width: 600px) {
  .tabs-wrapper {
    margin: 0;
  }
}

#tab1:checked + label, #tab2:checked + label, #tab3:checked + label, #tab4:checked + label {
  background: #667876;
  color: #FFFFFF;
}

.tab-body {
  position: absolute;
  top: -9999px;
  opacity: 0;
  padding: 10px;
}

.tab-body-wrapper {
  background: #FCFCFC;
  border-top: 3px solid #275AE0;
/*  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 3px;*/
  -webkit-animation-delay: 0.2s;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-name: show;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-delay: 0.2s;
  -moz-animation-duration: 1.5s;
  -moz-animation-name: show;
  -moz-animation-fill-mode: forwards;
  -o-animation-delay: 0.2s;
  -o-animation-duration: 1.5s;
  -o-animation-name: show;
  -o-animation-fill-mode: forwards;
  animation-delay: 0.2s;
  animation-duration: 1.5s;
  animation-name: show;
  animation-fill-mode: forwards;
}
@media screen and (max-width: 600px) {
  .tab-body-wrapper {
    border: none;
    border-radius: 0;
  }
}

#tab1:checked ~ .tab-body-wrapper #tab-body-1, #tab2:checked ~ .tab-body-wrapper #tab-body-2, #tab3:checked ~ .tab-body-wrapper #tab-body-3, #tab4:checked ~ .tab-body-wrapper #tab-body-4 {
  position: relative;
  top: 0px;
  /* Choose one */
  /* @include animation(0.2s,0.8s,content-opacity); */
  /* @include animation(0.2s,0.8s,content-rotate-x); */
  /* @include animation(0.2s,0.8s,content-rotate-y); */
  /* @include animation(0.2s,0.8s,content-rotate-both); */
  /* @include animation(0.2s,0.8s,content-pop-in); */
  /* @include animation(0.2s,0.8s,content-pop-out); */
  /* @include animation(0.1s,1s,content-slide-bot); */
  -webkit-animation-delay: 0.1s;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: content-slide-top;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-delay: 0.1s;
  -moz-animation-duration: 1s;
  -moz-animation-name: content-slide-top;
  -moz-animation-fill-mode: forwards;
  -o-animation-delay: 0.1s;
  -o-animation-duration: 1s;
  -o-animation-name: content-slide-top;
  -o-animation-fill-mode: forwards;
  animation-delay: 0.1s;
  animation-duration: 1s;
  animation-name: content-slide-top;
  animation-fill-mode: forwards;
}