html {
     overflow-x: hidden;
}
 body {
     color: #333;
     background-image: url("bg.jpg");
     font-family: 'Open Sans', sans-serif;
     background-repeat: no-repeat;
     background-attachment: fixed;
     line-height: 100%;
     margin: 0px auto;
     padding: 0px;
     height: 100%;
	 width:100%;
}
 div {
     -webkit-backface-visibility:hidden;
    /* Chrome, Safari, Opera */
}
 h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     -webkit-backface-visibility: hidden;
     color: #333;
}
 img {
     max-width: 100%;
     height: auto;
}
 iframe, embed, object, video {
     max-width: 100%;
}
/************************************************ Hyperlinks ************************************************/
 a, a:visited {
     text-decoration: none;
}
 a:hover {
     text-decoration: underline;
}
 a:active, a:focus {
     outline: none;
}
/************************************************ Layout ************************************************/
 #site {
     float: left;
     position: relative;
     width: 100%;
     z-index: 5;
}
 #boxed-wrapper {
     float: left;
     width: 100%;
}
 #body-wrapper {
     float: left;
     position: relative;
     width: 100%;
}
 .right, .alignright {
     float: right;
}
 .left, .alignleft {
     float: left;
}
 .aligncenter {
     display: block;
     margin: 0 auto;
}
 .section-div {
     border-bottom: 1px dotted #ccc;
     float: left;
     margin: 20px 0;
     width: 100%;
}
 .section {
     clear: both;
     overflow: hidden;
}
 .lazy {
     display: none;
}
/************************************************ Leaderboard ************************************************/
 
/************************************************ Large Logo ************************************************/

/************************************************ Navigation ************************************************/
 #nav-wrapper {
     position: relative;
     width: 100%;
     z-index: 5000;
}
 #nav-container {
     margin: 0 auto !important;
     position: relative;
     width: 1000px;
     height: 70px;
}
 #nav-logo {
     float: left;
     line-height: 4.9;
     margin: 0 2%;
    /* 20px / 1000px */
     overflow: hidden;
     margin-top:20px;
     max-width: 200px;
     height: 40px;
}
 .fixed {
     -moz-box-shadow: 0 9px 20px -15px #000;
     -ms-box-shadow: 0 9px 20px -15px #000;
     -o-box-shadow: 0 9px 20px -15px #000;
     -webkit-box-shadow: 0 9px 20px -15px #000;
     box-shadow: 0 9px 20px -15px #000;
     position: fixed !important;
}
/************************************************ Homepage ************************************************/
 #content-wrapper {
     float: left;
     margin-top: 20px;
     position: relative;
     width: 100%;
}
 #content, #content-wrapper article {
     background: #fff;
     -moz-box-shadow: 0 10px 20px -18px #333;
     -ms-box-shadow: 0 10px 20px -18px #333;
     -o-box-shadow: 0 10px 20px -18px #333;
     -webkit-box-shadow: 0 10px 20px -18px #333;
     box-shadow: 0 10px 20px -18px #333;
     margin: 0 auto;
     overflow: hidden;
     position: relative;
     width: 1000px;
}
 #content-main {
     float: left;
     position: relative;
     width: 66%;
    /* 660px / 1000px */
     z-index: 10;
}
 .content-full {
     margin-right: 0 !important;
     width: 100% !important;
}
/************************************************ Posts ************************************************/
 .post-margin-top {
     margin-top: 0 !important;
}
 #post-header {
     background: #fff;
     border-bottom: 1px solid #ddd;
     float: left;
     padding: 20px 2%;
    /* 20px / 1000px */
     width: 96%;
    /* 960px / 1000px */
}
 #post-area {
     float: left;
     width: 100%;
}
 .post-section, #disqus_thread {
     float: left;
     margin: 0 0 20px 3.0303030303%;
    /* 20px / 660px */
     width: 96.9696969696%;
    /* 640px / 660px */
}
 .post-section-full {
     float: left;
     margin: 0 2% 20px 2%;
    /* 20px / 1000px */
     width: 96%;
    /* 960px / 1000px */
}
 h3.post-cat {
     color: #fff;
     display: inline-block;
     font: 800 10px/100% 'Open Sans', sans-serif;
     margin-bottom:5px;
     padding: 6px 10px;
     text-transform: uppercase;
}
 h3.post-cat a, h3.post-cat a:hover {
     color: #fff;
}
 h1.story-title {
     color: #444;
     float: left;
     font-size: 46px;
     font-weight: 700;
     letter-spacing: -2px;
     line-height: 120%;
     width: 100%;
}
 #post-byline {
     float: left;
     margin-top: 15px;
     width: 100%;
}
 #video-embed {
     float: left;
}
 #featured-image {
     float: left;
     line-height: 0;
     overflow: hidden;
     position: relative;
}
 #featured-image img {
     width: 100%;
}
 #featured-caption {
     color: #aaa;
     float: left;
     font: italic 10px/100% 'Open Sans', sans-serif;
     margin-top: 5px;
     text-align: center;
     text-transform: uppercase;
     width: 100%;
}
 #content-area {
     margin-top: 20px;
     font: 16px/160% 'Open Sans', sans-serif;
	 
}
 #content-area p {
     display: block;
     margin-bottom: 20px;
}
 #content-area ul {
     list-style: disc outside;
     margin: 10px 0;
}
 #content-area ol {
     list-style: decimal outside;
     margin: 10px 0;
}
 #content-area ul li, #content-area ol li {
     margin-left: 50px;
     padding: 5px 0px;
}
 #content-area h1 {
     font-size: 28px;
     font-weight: 700;
     line-height: 120%;
     margin: 10px 0;
     text-transform: uppercase;
     width: 100%;
}
 #content-area h2 {
     font-size: 22px;
     font-weight: 700;
     line-height: 120%;
     margin: 10px 0;
     text-transform: uppercase;
     width: 100%;
}
 #content-area h3 {
     font-size: 18px;
     font-weight: 700;
     line-height: 120%;
     margin: 10px 0;
     text-transform: uppercase;
     width: 100%;
}
 #content-area h4 {
     font-size: 16px;
     font-weight: 700;
     line-height: 120%;
     margin: 10px 0;
     text-transform: uppercase;
     width: 100%;
}
 #content-area h5 {
     font-size: 14px;
     font-weight: 700;
     line-height: 120%;
     margin: 10px 0;
     text-transform: uppercase;
     width: 100%;
}
 #content-area h6 {
     font-size: 10px;
     font-weight: 700;
     line-height: 120%;
     margin: 10px 0;
     text-transform: uppercase;
     width: 100%;
}
 #content-area blockquote p {
     color: #aaa;
     font: bold italic 24px/120% 'Open Sans', sans-serif;
     margin: 30px 10%;
     width: 80%;
}
/************************************************ Footer ************************************************/
 #footer-wrapper {
     color: #000;
     float: left;
     font: 13px/150% 'Open Sans', sans-serif;
     overflow: hidden;
     padding-top: 20px;
     width: 100%;
}
 #footer {
     margin: 0 auto;
     padding: 0 20px;
     position: relative;
     width: 1000px;
}
 #footer-nav {
     border-bottom: 1px solid #444;
     float: left;
     width: 100%;
}
 #footer-nav .menu {
     float: left;
     position: relative;
     text-align: center;
     width: 100%;
}
 #footer-nav .menu li {
     display: inline-block;
     padding: 10px 20px;
}
 #footer-nav .menu li a {
     color: #fff;
     float: left;
     font: 600 10px/100% 'Open Sans', sans-serif;
     text-transform: uppercase;
}
 #footer-nav .menu li a:hover {
     text-decoration: none;
}
 #footer-nav .menu li ul {
     display: none;
}
 #footer-leaderboard {
     border-bottom: 1px solid #444;
     float: left;
     line-height: 0;
     padding-bottom: 20px;
     position: relative;
     text-align: center;
     width: 100%;
}
 #footer-widget-wrapper {
     float: left;
     margin: 40px 0;
     width: 100%;
}
 h4.footer-widget-header {
     color: #777;
     float: left;
     font: 800 16px/100% 'Open Sans', sans-serif;
     margin-bottom: 15px;
     text-transform: uppercase;
     width: 100%;
}
 .footer-widget {
     border-left: 1px solid #444;
     float: left;
     margin: 0 0 20px 2%;
    /* 20px / 1000px */
     padding-left: 1.9%;
    /* 19px / 1000px */
     width: 30%;
    /* 300px / 1000px */
}
 .footer-widget:first-child {
     border-left: none;
     margin-left: 0;
}
 .footer-widget p {
     float: left;
     margin-bottom: 15px;
     width: 100%;
}
 #logo-footer {
     float: left;
     line-height: 0;
     margin-bottom: 20px;
     overflow: hidden;
     text-align: center;
     max-width: 100%;
}
 #footer-info-text {
     float: left;
     margin-bottom: 10px;
     width: 100%;
}
 #copyright {
     float: left;
     font: 11px/17px 'Open Sans', sans-serif;
     margin-top: 5px;
     width: 100%;
}


 .plan{
     width: 210px;
     margin-top:0px;
     font-style:condensed;
     font-size: 40px;
     color: #888;
     text-align: center;
}
 .plan:hover{
     width: 210px;
     margin-top:0px;
     font-style:condensed;
     font-size: 40px;
     color: #4b7b2f;
     text-align: center;
}
 .headerr span{
     font-size: 14px;
    margin-left:-10px;
}
 .month{
     font-size: 14px;
     color: #333;
     padding: 0px;
     margin: -5px;
}
 .o_listitem:hover {
     box-shadow: 0 1px 1px 0 rgba(0,0,0,0.);
}
 .o_listitem1:hover {
     box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
 table {
     width: 100%;
}
 td, th {
     padding: 8px;
}


.buton{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;padding:9px 10px;font-size:17px;text-decoration:none;text-align:center;font-weight:700;margin:6px 0 20px;color:#fff;cursor:pointer;display:block}
.buton:visited{color:#f0f7da}
@media (min-width: 346px) {.buton{font-size:19px}}
@media (min-width: 374px) {.buton{font-size:26px}}
.buton:active{transform:translate(0px,2px);-webkit-transform:translate(0px,2px);box-shadow:0 1px 0 0;-webkit-box-shadow:0 1px 0 0;-moz-box-shadow:0 1px 0 0}

.mpv:hover{background-color:#fb7e21;text-decoration:none;color:#fff;}
a, a:visited {color: #0d3a80;	}a:hover,h2 a:hover,#sidebar-wrapper .sidebar-list-text p a:hover,#footer-widget-wrapper .sidebar-list-text p a:hover,#footer-nav .menu li a:hover {	color: #ba1f24;	}#wallpaper {background: url() no-repeat 50% 0;	}#info-wrapper,span.post-header,h4.widget-header,h4.sidebar-header,h1.cat-title,span.post-header {background: #111111;	}span.home-header-wrap h4.widget-header:after,span.sidebar-header-wrap h4.sidebar-header:after,h4.post-header span.post-header:after,span.cat-title-contain h1.cat-title:after {border-color: transparent transparent transparent #111111;	}span.home-header-wrap,span.sidebar-header-wrap,h4.post-header,span.cat-title-contain {border-bottom: 1px solid #111111;	}#social-sites-wrapper ul li,nav .menu li:hover ul li a:hover,h3.post-cat,.woocommerce span.onsale,.woocommerce-page span.onsale,span.post-tags-header,.post-tags a:hover,span.post-tags-header,.post-tags a:hover,.tag-cloud a:hover {background: #ba1f24;	}.headlines-list h3,nav .menu li:hover a,h1.cat-heading,.blog-layout1-text h3,.blog-layout2-text h3 {color: #ba1f24;	}nav .menu li a {color: #aaaaaa;	}h2.featured-headline,h2.standard-headline,#content-area h1,#content-area h2,#content-area h3,#content-area h4,#content-area h5,#content-area h6 {font-family: 'Open Sans', sans-serif;	}nav .menu li a {font-family: 'Oswald', sans-serif;	}.headlines-main-text h2 a,#sidebar-wrapper .sidebar-list-text p a,#footer-widget-wrapper .sidebar-list-text p a,.blog-layout1-text h2 a,.blog-layout2-text h2 a,h1.story-title,.related-text a,.prev-post a,.next-post a,#woo-content h1.page-title,#woo-content h1,#woo-content h2,#woo-content h3,#woo-content h4,#woo-content h5,#woo-content h6,h2.widget-feat-headline,h2.widget-stand-headline {font-family: 'Bitter', sans-serif;	}#menufication-outer-wrap.menufication-transition-in #menufication-scroll-container {overflow-y: auto !important;	}.o_left1 { float:left; width:60%; }.o_rightForm { float:right; width:38%; }
@media screen and (max-width:991px){	.o_left1 { width:100%; }	.o_rightForm { width:100%; }}
.buton_o{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:9px 10px;font-size:17px;text-decoration:none;text-align:center;font-weight:700;margin:6px 0 20px;color:#30280c;cursor:pointer;display:block}
.buton_o:visited{color:#f0f7da}
@media (min-width: 346px) {.buton_o{font-size:19px}}
@media (min-width: 374px) {.buton_o{font-size:26px}}
.buton_o:active{transform:translate(0px,5px);-webkit-transform:translate(0px,5px);box-shadow:0 1px 0 0;-webkit-box-shadow:0 1px 0 0;-moz-box-shadow:0 1px 0 0}
.orange{background-color:#fdd245;box-shadow:0 5px 0 0 #deb220;-webkit-box-shadow:0 5px 0 0 #deb220;-moz-box-shadow:0 5px 0 0 #deb220}
.orange:hover{background-color:#fbc822;text-decoration:none;color:#30280c;}

.red{background-color:#ff2a00;box-shadow:0 5px 0 0 #e12703;-webkit-box-shadow:0 5px 0 0 #e12703;-moz-box-shadow:0 5px 0 0 #e12703}
.red:hover{background-color:#fd5d3e;text-decoration:none;color:#fff;}
.buton_n{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:9px 10px;font-size:17px;text-decoration:none;text-align:center;font-weight:700;margin:6px 0 20px;color:#333;cursor:pointer;display:block}
.buton_n:visited{color:#f0f7da}
@media (min-width: 346px) {.buton_n{font-size:19px}}
@media (min-width: 374px) {.buton_n{font-size:26px}}
.buton_n:active{transform:translate(0px,5px);-webkit-transform:translate(0px,5px);box-shadow:0 1px 0 0;-webkit-box-shadow:0 1px 0 0;-moz-box-shadow:0 1px 0 0}


#nav-phone {    float: right;    margin: 0 10px 0 0;       margin-top: 30px;    max-width: 300px;}
#nav-phone a{   font-weight:bold; color:#333;}

 .formular {     padding:20px;     background: #fafafa;     display: table;  width:100%;   max-width: 330px;     text-align: center;}
 .formular input, .formular textarea, .formular select, .main button {
     display: block;
     width: 100%;
     font-size: 15px;
     color: #333;
     padding: 10px 20px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     border: none;
     margin-bottom: 10px;
	 font-family:Arial;
}
 .overlay {     position: fixed;     top: 0;     bottom: 0;     left: 0;     right: 0;     background: rgba(0, 0, 0, 0.7);     transition: opacity 500ms;     visibility: hidden;     opacity: 0;}
 .overlay:target {     visibility: visible;     opacity: 1;}

.o_toppromo { font-size:15px;text-align:center; }
.o_toppromo .red_promo{ font-weight:bold;background-color:#f51f09;color:#fff;font-size:19px; }

.o_listitem { font-size:14px;background-color:#fafafa;padding:0px;margin-bottom:20px; border:1px solid #d8d8d8; }	
.o_listitem td{     width:33%; text-align:center; color:#333; }	

.o_listitem img{     -webkit-filter: grayscale(100%);     filter: grayscale(100%); }	
.o_listitem .free_shipping { font-size:12px;padding-top:5px;padding-right:5px;font-weight:bold; text-align:right; }
.o_listitem .stock { font-size:12px;padding-bottom:5px;padding-right:5px;font-weight:bold; text-align:right; }
.o_listitem .header_checkbox { font-size:14px;background-color:#d8d8d8;padding:10px;line-height:17px;color:#333; margin:0 !important; }
.o_listitem .header_checkbox input{ float:right;margin-top:3px;margin-right:16px; }
.o_listitem .big_price { font-size:40px; font-weight:bold; }
.o_listitem .buton_n { max-width:150px; margin:0 auto; border:0; font-size:15px; background-color:#dcdcdc;  }
.o_listitem .buton_n:hover { background-color:#f5f5f5;text-decoration:none;color:#333; }
.o_listitem .o_productname { color:#888; font-weight:bold; }

.o_listitem.o_activeproduct { background-color:#fff; border: 1px solid #2879ba; }
.o_listitem.o_activeproduct .header_checkbox{ background:#2879ba; color:#fff }
.o_listitem.o_activeproduct strike { color:#f51f09; }
.o_listitem.o_activeproduct img{     -webkit-filter: grayscale(0%);     filter: grayscale(0%); }
.o_listitem.o_activeproduct .o_productname { color:#2879ba; font-weight:bold; }
.o_listitem.o_activeproduct .big_price { color:#3e6924; }
.o_listitem.o_activeproduct .buton_n { 
  box-shadow:0 2px 0 0 #ff0000;-webkit-box-shadow:0 2px 0 0 #ff0000;-moz-box-shadow:0 2px 0 0 #ff0000;
  
  background-image: linear-gradient(to right, #ff7400 0%, #ff0000 51%, #ff7400 100%); color:#fff; }

.o_checkoutitem { background-color:#fff;padding:10px;font-size:14px; }
.o_checkoutitem .o_productname { color:#2879ba; font-weight:bold; }

.o_topbar { background-color:#2879ba;height:10px;margin-bottom:5px;width:370px; }
.o_expireoffer { background:#fafafa no-repeat top right url('../images/produs.jpg');width:370px;height:100px;margin-bottom:5px;margin-top:0px;  }
.o_expireoffer .o_pheader { text-align:left;font-size:17px;padding:10px 10px 0 10px; margin-bottom:0 !important; }
.o_expireoffer .o_counter { font-size:37px;color:#f51f09;font-weight:bold;padding:5px 10px;margin-bottom:0 !important; }
.o_expireoffer .o_pfooter { font-size:12px;padding:0 10px; }
.o_formhelper { color: #333;font-size:15;margin-top:-5px;margin-bottom:15px;line-height:20px; }
.o_finalprice { font-weight:bold;color:#57873a;font-size:30px;text-align:right; }

.o_final_order_button { background-color:#ff5a00;

  box-shadow:0 2px 0 0 #ff0000;-webkit-box-shadow:0 2px 0 0 #ff0000;-moz-box-shadow:0 2px 0 0 #ff0000;
  
  background-image: linear-gradient(to right, #ff7400 0%, #ff0000 51%, #ff7400 100%);
 color:#fff; margin-top:0px;margin-bottom:10px;width:250px; border:0;font-size:20px; }

.o_preheader { background-color:#f51f09;padding:5px;color:#fff;font-weight:bold;font-size:17px;border-bottom: 1px solid #205b8b }
.o_remainingstock { font-size:18px;color:#f51f09; }

label { cursor:pointer; }

	.o-other-info { font-size:14px; }
	.o-other-info a{ color:#333; }
	.o-icon-left { float:left;font-size:26px;padding:9px 5px 25px 5px; width:40px; }

	
#o_popup { position: fixed; z-index:99999; bottom:20px; left:20px; max-width:340px; background:#eee; padding:10px; border-radius:6px; border:1px solid #2879ba; color:#444 }
#o_popup .main_text{ font-size:14px; }
#o_popup .left_side{ float:left; width:30%; max-width:100px; margin-top:10px; }
#o_popup .right_side{ float:right; width:70%; margin-top:10px; }
	
@media (max-width: 1024px) {
	#content,#nav-container { width:100% } 
	.o_left1 { width:100%; }
	.o_rightForm { width:100%; }
		.o_topbar { width:100%; }
		.o_expireoffer { width:100%; }
		.formular { max-width:100%; padding:0px; }
		.in_form { padding:20px; }
}
@media (max-width: 575px) {
	#o_popup { right:auto; }
	#nav-logo { float:left; width:40%;  }
	#nav-phone { float:right; width:45%; margin:25px 10px 15px 0px; text-align:right; line-height:16px; font-size:14px; }
		.hidden-xs { display:none; }
}

blink {    -webkit-animation: 1s linear infinite condemned_blink_effect;     animation: 1s linear infinite condemned_blink_effect;}
@-webkit-keyframes condemned_blink_effect {     0% {        visibility: hidden;    }    50% {        visibility: hidden;    }    100% {        visibility: visible;    }}
@keyframes condemned_blink_effect {    0% {        visibility: hidden;    }    50% {        visibility: hidden;    }    100% {        visibility: visible;    }}

.formular input,.formular textarea { border:1px solid #666; }
.formular .form_top_text { font-size:15px; text-align:left; }

.o-error-class {    color:#FF0000 !important;   }
input.o-error-class {    color:#FF0000 !important;  border:1px solid #FF0000 !important; }
label.o-error-class {        margin: 0px 0 10px 0;    float: left; font-size: 14px; }
.o-valid-class {    color:#00CC00 !important;  	}
input.o-valid-class {    color:#00CC00 !important;  border:1px solid #00CC00 !important;	}

/*! light-modal v1.1.0 | (c) 2017  | MIT License | git+https://github.com/hunzaboy/Light-Modal.git */
.light-modal{display:none;position:fixed;background:transparent;top:0;bottom:0;left:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;right:0;z-index:99999999;transition:background 1s;font-size:16px;visibility:hidden}.light-modal-content{background:#fff;color:#000;width:70vw;border-radius:.2em;position:relative;max-height:calc(100vh - 150px);line-height:1.4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.light-modal-content img{max-width:100%;border-radius:.2em}.light-modal-content.large-content{width:50vw}.light-modal-header{padding:20px;background:rgba(0,0,0,.2);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.light-modal-heading{margin:0;font-size:1.5em}.light-modal-heading+.light-modal-close-icon{position:static}.light-modal-body{padding:20px;overflow:auto;max-height:450px}.light-modal-footer{padding:20px;background:rgba(0,0,0,.2);text-align:right;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.light-modal-close-btn,.light-modal-close-icon{text-decoration:none;color:#fff;padding:5px 10px;border-radius:.2em;background:#ccc;font-size:1.5em;line-height:1;transition:background .2s ease-in-out}.light-modal-close-btn:hover,.light-modal-close-icon:hover{background:#666;color:#fff;}.light-modal-close-icon{position:absolute;top:-15px;right:-15px}.light-modal-close-btn{font-size:1em}.light-modal-caption{position:absolute;left:50%;transform:translateX(-50%);top:100%;padding:10px 0;background:rgba(0,0,0,.2);border-radius:.2em;width:100%;text-align:center;margin-top:5px}.light-modal:target{background:rgba(0,0,0,.5);display:-ms-flexbox;display:flex;visibility:visible}.light-modal-navigation .navigation-next,.light-modal-navigation .navigation-prev{width:32px;height:32px;border-color:#fff;transition:border-color .2s}.light-modal-navigation .navigation-next:hover,.light-modal-navigation .navigation-prev:hover{border-color:hsla(0,0%,100%,.7)}.light-modal-navigation .navigation-next{position:absolute;right:-50px;top:50%;border-bottom:1px solid;border-left:1px solid;transform:rotate(-135deg)}.light-modal-navigation .navigation-prev{position:absolute;left:-50px;top:50%;border-bottom:1px solid;border-left:1px solid;transform:rotate(45deg)}@media (max-width:480px){.light-modal-navigation .navigation-next{right:5px}.light-modal-navigation .navigation-prev{left:5px}}@keyframes a{0%{opacity:0}to{opacity:1}}.basic{animation-name:a}@media (max-width:767px){.light-modal{font-size:14px}}@supports (display:flex){@media (max-width:767px){.light-modal:target .light-modal-content{width:70vw}}}
.tooltip {    position: relative;}.tooltip .tooltiptext {    visibility: hidden;    width: 120px;    background-color: #555;    color: #fff;    text-align: center;    border-radius: 6px;    padding: 5px 0;    position: absolute;    z-index: 1;    bottom: 125%;    left: 50%;    margin-left: -60px;    opacity: 0;    transition: opacity 0.3s;}.tooltip .tooltiptext::after {    content: "";    position: absolute;    top: 100%;    left: 50%;    margin-left: -5px;    border-width: 5px;    border-style: solid;    border-color: #555 transparent transparent transparent;}.tooltip:hover .tooltiptext {    visibility: visible;    opacity: 1;}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.content-desktop {display: block;}
.content-mobile {display: none;}


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

.content-desktop {display: none;}
.content-mobile {display: block;}


}