* { margin: 0; padding: 0; }

body {text-align: center; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 85%; line-height: 140%; background: #FFF; color: #323232;}

.clear { clear: both; }


.nowrap {white-space: nowrap;}
a { color: #0088c7; text-decoration: underline;}
a:hover {text-decoration: none; color: #288a0e;}

.whitebg {background: #FFF;}
.bordertop {border-top: 1px solid #e4e4e4}


.center {text-align: center !important;}
.font75 {font-size: 75%;}
.font85 {font-size: 85%;}
.font125 {font-size: 125%;}
.left {text-align: left !important}
.hidden {display: none !important;}


label { color: #222;  font-style: italic; font-weight: 100; display: block; margin-bottom: 0.1em; margin-top: 0.6em;}
label kbd {color: red;}

label.error {color: #F00; font-size: 75%; padding: 0.3em;}
input.valid { border-color:#198b26; background: #e4ece0 url(../img/tick.png) no-repeat 98% 50%;}
input.error { border-color: #F00; background: #f3e5e5 url(../img/cross.png) no-repeat 98% 50%;}
textarea.valid { border-color:#198b26;background: #e4ece0 url(../img/tick.png) no-repeat 98% 10%;}
textarea.error { border-color: #F00;background: #f3e5e5 url(../img/cross.png) no-repeat 98% 10%;}

#cart_steps #logo_cart a {color: #FFF !important; text-decoration: none;}

/* ==================     DESKTOP  =======================  */

@media screen and (min-width: 801px)

{

.ff {font-family: 'Comfortaa', cursive;}

.circle { width: 234px; height: 234px; border: 5px solid #d2d2d2; overflow: hidden; border-radius:117px; text-align: center; margin-bottom: 1em;}
.lbl {position: absolute; top: 20px; right: -10px;  padding: 5px 10px; text-align: center; color: #fff; border-radius: 25px; font-size: 75%; text-transform: uppercase; font-weight: 900; letter-spacing: 1px; border: 2px solid #FFF;}
.discount {background: #e54b49;}
.new {background: #37cd0f;}
.popular {background: #e78200;}


.h2 {font-size: 220%; font-weight: 900; margin-bottom: 1em; text-align: center; text-transform: uppercase; line-height: 140%; }

.w1000 {width: 1000px; margin: 0 auto; background:inherit;}

#header_c {background: #259fa5;}
#header_c header {position: relative; height: 130px;}

#logo {width: 490px; height: 130px; position: absolute; top:0px; left: 0;}
#logo a {width: 490px; height: 130px; display: block; text-indent: -9999px; background: url(../img/logo.png) no-repeat;}
#logo.hlwn a {width: 490px; height: 130px; display: block; text-indent: -9999px; background: url(../img/hlwn/logo_halloween.png) no-repeat;}
#logo.hlwn a:hover {background-position: 0 -130px;}
#logo a:hover {background-position: 0 -130px;}


#top_contacts {position: absolute; top: 30px; right: 0; color: #FFF;font-weight: 300;}
#top_contacts ul {list-style: none; line-height: 160%;}
#top_contacts a {color: #FFF; text-decoration: none;}
#top_contacts a:hover {text-decoration: underline;}
#top_contacts i {margin-right: 8px;}

#menu_c {background: #eea140; width: 100%;z-index: 1000;}
#menu {height: 50px;  position: relative;}

#video_banner {position: absolute; top: 40px; right: 280px; width: 180px; height: 50px;}
#video_banner a {display: block;width: 180px; height: 50px; text-indent: -9999px; background: url(/img/vid_banner.png) no-repeat;}

#menu ul li {list-style: none; position: relative;float: left;}

#menu ul li a {display: block; color: #222; text-transform: uppercase; font-weight: 300; height: 50px; line-height: 50px; padding: 0 0.5em; text-decoration: none; margin: 0 0.4em; font-size: 85%; letter-spacing: 1px;}
#menu ul li:hover {background: #b5451a;}
#menu ul li:hover a {color: #FFF; background: #b5451a; text-shadow: none;}
#menu ul li:hover a:hover {color: #FFF; background: #b5451a; text-shadow: none;}

#menu ul li ul {display: none}
#menu ul li:hover ul {display: block; position: absolute; top: 50px; left: 0;z-index: 100; background: #b5451a; }

#menu ul li:hover  ul li a {color: #FFF; white-space: nowrap;  margin: 0; padding: 0 0.8em; font-weight: 100;min-width: 250px; }
#menu ul li:hover ul li a:hover {color: #FFF; text-decoration: underline; background: #802704;}

#menu ul li:hover  ul li a span {font-size: 75%;}

#menu select {-webkit-appearance: menulist; }
#menu select:focus {color: #222;}


#top_cart {position: absolute; top: 10px; right: 180px;color: #FFF; border: 1px solid #FFF; border-radius: 25px; padding: 0.3em 0.8em;}
#top_cart i {margin-right: 0.5em;}
#top_cart a {color: #FFF; text-decoration: underline; font-weight: 900;}
#top_cart a:hover {color: #FFF; text-decoration: none;}


#top_cart.zero {color: #FFF;}
#top_cart.zero a {color: #FFF; text-decoration: none;}



/* CURRENCY */

#currency_select {position: absolute; top: 145px; right: 0px;z-index: 100;}
#currency_select ul {list-style: none; }
#currency_select ul li {display: block; background: #FFF url(../img/arr_d.png) no-repeat 85% 50%;   text-transform: uppercase; font-weight: 300; color: #676e75; border: 1px solid #FFF; font-size: 85%; padding: 0 15px 0 5px; position: relative;}
#currency_select ul li ul {display: none;}

#currency_select ul li:hover {background: #FFF; color: #222; cursor: pointer; cursor: hand;}
#currency_select ul li:hover ul {display: block; position: absolute; top: 19px; right: -1px;z-index: 100; background: #FFF; width: 230px; padding: 1em; padding-right: 0; font-size: 120%;}
#currency_select ul li:hover ul li {background: #FFF; float: left; width: 3.5em; padding: 0}
#currency_select ul li:hover ul li a {color: #222; white-space: nowrap; display: block; font-weight: 300; margin: 0 !important; padding: 0.3em; text-transform: uppercase; text-align: center; text-decoration: none;}
#currency_select ul li:hover ul li a:hover {color: #FFF; text-decoration: none; background: #eea140;}

select.currency {display: none;}


/*  LANGUAGE */


#lang_select {position: absolute; top: 15px; left: 135px; z-index: 100; font-size: 85%; font-weight: 400; color: #FFC;}
#lang_select span { background: #FFC; padding: 0 0.5em; color: #222; border-radius:5px; display: inline-block;}
#lang_select a {color: #FFF; font-weight: 100;}

/*#lang_select ul {list-style: none;}
#lang_select ul li {display: block; background: #FFF url(../img/arr_d.png) no-repeat 90% 50%;   text-transform: uppercase; font-weight: 300; color: #676e75; border: 1px solid #FFF; font-size: 85%; padding: 0 15px 0 5px; position: relative;}
#lang_select ul li ul {display: none;}


#lang_select ul li:hover {background: #FFF; color: #222;}
#lang_select ul li:hover ul {display: block; position: absolute; top: 20px; left: -1px;z-index: 100; background: #FFF; }
#lang_select ul li:hover ul li {background: #FFF; }
#lang_select ul li:hover ul li a {color: #222; white-space: nowrap; display: block; font-weight: 300; margin: 0; padding: 0.3em 0; width: 80px; text-transform: uppercase; text-align: center; font-size: 120%;}
#lang_select ul li:hover ul li a:hover {color: #FFF; text-decoration: none; background: #eea140;}
*/
select.languages {display: none;}

.col1 {width: 235px; margin-right: 20px; float: left;}
.col2 {width: 235px; margin-right: 20px; float: left;}
.col3 {width: 235px; margin-right: 20px; float: left;}
.col4 {width: 235px; float: left;}

.col1_2 {width: 490px; float: left; margin-right: 20px;}
.col1_3 {width: 745px; float: left; margin-right: 20px;}
.col2_4 {width: 745px; float: left;}
.col2_3 {width: 490px; float: left;margin-right: 20px;}
.col3_4 {width: 490px; float: left;}


.no_right_margin {margin-right: 0 !important;}


.blue_fringe_down { height: 4px; background: #0088c7 url(../img/fringe.png) repeat-x;}
.blue_fringe_up { height: 4px; background: url(../img/fringe.png) repeat-x;background-position: 0 -12px;}
.orange_fringe { height: 4px; background: #FFF url(../img/fringe.png) repeat-x; background-position: 0 -4px;}
.grey_fringe_down { height: 4px; background: #FFF url(../img/fringe.png) repeat-x; background-position: 0 -8px;}

#footer_c { border-top: 1px solid #e4e4e4;}
footer {position: relative; height: 130px; padding: 3em 0;}

footer .col1 ul {list-style: none; }
footer .col1 ul li {margin-bottom: 0.4em;}
footer .col1 .payment_icons {font-size: 200%; color: #7e7e7e;}
.ccnow_icon { color: #000; font-size: 2.3em; letter-spacing: -1px; position: relative;}
.ccnow_icon strong {color: #0067ae; font-weight: 700; font-size: 0.8em;}
.ccnow_icon i {position: absolute; bottom: 0; right: -5px; font-size: 0.3em;}


footer .col2 ul {list-style: none; }
footer .col2 ul li {margin-bottom: 0.4em;float: left; margin-right: 0.4em;}
footer .col2 a {color: #1058a2; text-decoration: none; text-transform: capitalize; margin-right: 0.4em;}
footer .col2 a:hover {color: #222; text-decoration: underline;}


footer .col3 ul {list-style: none; }
footer .col3 ul li {margin-bottom: 0.4em; }
footer .col3 .social_icons {font-size: 200%; }
footer .col3 .social_icons .fa-twitter-square {color: #56adf0;}
footer .col3 .social_icons .fa-facebook-square {color: #3a548d;}
footer .col3 .social_icons .fa-youtube-square {color: #cd362d;}

footer .col4 ul {list-style: none; }
footer .col4 ul li {margin-bottom: 0.4em; }
footer .col4 ul li .fa {margin-right: 5px;}
footer .col4 a {color: #222; text-decoration: none;}
footer .col4 a:hover {color: #1058a2; text-decoration: underline;}

#testimonials_c {background: #d9d9d9; }
#testimonials {position: relative; padding-top:3em;}
#testimonials .col1_3 {height: 361px; position: relative;}
#testimonials .col4 span {display: block; height: 361px; background: url(../img/testimonials_pic.png) no-repeat 50% 0;}

#testimonials .cont {width: 691px; height: 407px; background: url(../img/testimonial_bg.png) no-repeat; position: absolute; bottom: -20px;}
#testimonials .cont .content {position: relative;}

.arrow_left {display: block; cursor: pointer; height: 36px; width: 36px; color: #FFF; border: 5px solid #FFF; border-radius: 24px; text-align: center; line-height: 36px; background: #682598; font-size: 32px; font-weight: bold; position: absolute; top: 170px; left: -20px;}
.arrow_right {display: block; cursor: pointer; height: 36px; width: 36px; color: #FFF; border: 5px solid #FFF; border-radius: 24px; text-align: center; line-height: 36px; background: #682598; font-size: 32px; font-weight: bold;top: 170px; right: -20px; position: absolute}

.arrow_left:hover, .arrow_right:hover  {background: #FFF; color: #682598; border-color: #682598;}

.testimonial_block {color: #FFF; padding: 3em; font-size: 150%; line-height: 120%; font-weight: 100; letter-spacing: 1px;}
.testimonial_author {color: #b29ec5; font-family: 'Roboto'; font-weight: 100; margin-top: 1em;}
/*
.testimonial_block {width: 235px; margin-right: 20px; float: left;}
.testimonial_content {font-weight: 300; font-style: italic; padding: 1em 0; border-bottom: 1px solid #CCC; margin-bottom: 1em; min-height: 210px;}
.testimonial_content .fa-quote-left {color: #EAEAEA; font-size: 200%; margin-right: 0.4em}
.testimonial_author em {color: #666;}

*/

#popular{position: relative; padding: 2em 0;}
#all_products {position: relative; padding: 60px 0;}
#all_products .content {margin-bottom: 2em;}
.popular_block {width: 235px; float: left; margin-right: 20px; text-align: center;position: relative; margin-bottom: 0.5em;}
.popular_block img {height: 238px; }
.popular_block img:hover {border-color: #BBB;}
.popular_block .item_title {display: block; font-size: 125%; font-weight: 900; text-transform: uppercase; margin-bottom: 0.5em}
.popular_block .item_desc {display: block; font-style: italic; min-height: 100px; font-weight: 100;}
.separat .item_desc {display: block; font-style: italic; min-height: 120px; font-weight: 100;}
.separat .item_title {display: block; font-size: 125%; font-weight: 900; text-transform: uppercase; margin-bottom: 0.5em; min-height: 40px;}
.popular_block .min_price {display: block; padding: 0.5em 0;  font-weight: 300; font-style: italic;border-top: 1px solid #CCC;margin-bottom: 0.5em}
.popular_block .view_more {padding: 0.2em 0.6em; text-decoration: none; font-weight: 300; }

#index_content {padding: 2em 0;}
#inner_content {padding: 2em 0;}
.wide_content_block { line-height: 160%; }

#all_products .popular_block {margin-bottom: 40px;}

#index_top_banner_c {background: #0088c7;}
#index_top_banner {position: relative; height: 354px;}
#index_top_banner a {display: block;height: 354px; background: url(../img/top_banner.png) no-repeat; width: 1000px; text-indent: -9999px;}
#index_top_banner a:hover {background-position: 0 -354px;}

#index_video {margin:0 auto; display: none; background: #0088c7; padding: 1em 0;}
#index_video h3 {display: none;}
#index_video iframe {height: 563px; width: 1000px;}
#index_video .close {padding: 0.5em 0;  z-index: 100; color: #FFF;}
#index_video .close a {color: #FFF;}

/* XMAS BANNER */

#xmas_banner_c {background: #36bfc3;}
#xmas_banner {position: relative; height: 332px; background: url(../img/nl/xmas2015/1.png) no-repeat;}
    #xmas_banner .text {position: absolute; top: 20px; right: 0; width: 500px; text-align: left; color: #FFF;}
    #xmas_banner .text h1 {font-size: 2em; line-height: 1.2em; margin: .5em 0; letter-spacing: -1px;}

    #xmas_banner .text .btn {display: inline-block; text-decoration: none; color: #FFF; font-weight: bold; text-transform: uppercase; padding: 5px 10px; border: 1px solid #FFF; border-radius: 5px;}
    #xmas_banner .text .btn:hover {color: #fffd70; border-color: #fffd70;}


    #xmas_banner .text .cpn strong {font-size: 24px; display: block; border-top: 1px dotted #FFF; padding-top: 10px;}


.blue_button {background: #1058a2; color: #FFF; text-align: center; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}
a.blue_button:hover {background: #cedceb; color: #1058a2}

#howto_c {background: #FFF;padding: 3em 0;}
#howto #text_version {display: none;}
#howto .blue_button {text-decoration: none; display: inline-block; font-weight: 300;padding: 0.5em 2em; font-size: 120%; background: #259fa5;}
#howto .blue_button:hover {color: #222; background: #d3eced;}


#feat_c {background: #f49800; }
#feat {padding-top: 1em; color: #FFF;}
#feat .col1 span { width: 235px; height: 312px; display: block; background: url(../img/feat_pic.png) no-repeat;}
#feat  div {font-size: 160%; line-height: 120%; text-transform: uppercase; font-weight: 900;}
#feat div i {margin-bottom: 0.1em; margin-top: 1em; margin-right: 0.3em;}

#content_block1_c  {background: #FFF; padding: 2em 0;border-bottom: 1px solid #e4e4e4; text-align: left;}
#content_block2_c  {padding: 2em 0; text-align: left;}

#whatfor  {background: #FFF; padding: 3em 0;border-bottom: 1px solid #e4e4e4; text-align: left;}
#whatfor .blue_button {display: inline-block;padding: 0.2em 0.7em; text-decoration: none; font-weight: 300;}

#cform_c  { text-align: left; border-bottom: 1px solid #e4e4e4; background: #FFF;border-top: 1px solid #e4e4e4;}
#cform {background: url(../img/contact_pic.png) no-repeat 0 100%;padding: 2em 0;}
#cform .col2 ul {list-style: none; margin-top: 1em; color: #CCC; line-height: 200%;}
#cform .col2 ul li i {margin-right: 0.5em}
#cform .col3_4 ul li {list-style: none; margin-bottom: 1em;}

input.blue_button {border: none; color: #FFF; text-transform: uppercase; text-align: center;  font-weight: 900;  padding: 1em 0; cursor: pointer; cursor: hand; width: 235px; font-size: 120%; white-space: normal; letter-spacing: 2px;}

.text_field {border: 1px solid #cacaca; padding: 0.5em; width: 99%; font-size: 110%;}
.text_field:hover {background: #FAFAFA; border-color: #b9b9b9;}
textarea.text_field {overflow: auto; height: 100px;}

.select { border: 1px solid #cacaca;  width: 50%; font-size: 110%; border-radius: 0;
    background: #FFF url(/img/arr_d.png) no-repeat 95% 50%; padding: 0.5em;
    -webkit-appearance: none;
    display: inline-block;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;}

.callbacktime {margin: 1em 0;}
.callbacktime li {padding: 0; margin-bottom: 0.5em !important;}
.callbacktime input {margin-right: 1em;}
.callbacktime span {color: #999; font-style: italic; font-weight: 100;}

/* TESTIMONIALS PAGE */

#testimonials_page_c {padding: 2em 0;}
.testimonial_item {border-bottom: 1px dotted #e4e4e4; margin-bottom: 20px;}
.testimonial_item .testimonial_image {display: block; width: 48px; height: 48px; border-radius: 32px; overflow: hidden; border: 5px solid #EAEAEA; float: right;}
.testimonial_item .testimonial_image img {width: 52px;}
.testimonial_item .testimonial_author {color: #222;}
.testimonial_item .testimonial_author em {color: #666; font-size: 85%; display: block;}
.testimonial_item .testimonial_product {color: #666; font-size: 85%;}
.testimonial_item .testimonial_product a {color: #666;}
.testimonial_item .testimonial_title {font-size: 140%; font-weight: 100; font-style: italic; margin-bottom: 0.5em;}
.testimonial_item .testimonial_date {font-size: 85%; color: #666;}

::-webkit-input-placeholder {color:#e5e5e5; font-style: italic; font-size: 10pt; font-weight: 100;font-family: 'Roboto', sans-serif; }
::-moz-placeholder          {color:#e5e5e5; font-style: italic;font-size: 10pt; font-weight: 100;font-family: 'Roboto', sans-serif; }/* Firefox 19+ */
:-moz-placeholder           {color:#e5e5e5; font-style: italic;font-size: 10pt; font-weight: 100;font-family: 'Roboto', sans-serif; }/* Firefox 18- */
:-ms-input-placeholder      {color:#e5e5e5; font-style: italic;font-size: 10pt; font-weight: 100;font-family: 'Roboto', sans-serif;}
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

#page404_c {background: #270040;}
#page404 {color: #FFF;}
#page404 .col1_2 {background: url(../img/dmn.png) no-repeat 0 100%; min-height: 350px;}
#page404 .col3_4 .content {margin-top: 5em;}
#page404 .col3_4 .content .h2 {line-height: 140%;}
.col1 .block_title {font-weight: 100; font-size: 200%; line-height: 120%;}
.ruler {border-bottom: 1px dotted #ccc; margin: 2em 0;}

#more_app_c {background: #FFF; }
#more_app {padding: 4em 0; }
#more_app i {display: block; font-size: 300%; margin-bottom: 0.5em;}
#more_app a {text-decoration: none;}

#more_app_page i {font-size: 250%; opacity: 0.5; margin-bottom: 0.5em;}
#more_app_page:hover i {opacity: 1;}
#more_app_page {color: #FFF; padding: 1em; text-align: center; margin-bottom: 1em;}
#more_app_page .quote {font-size: 200%; line-height: 130%;  margin-bottom: 0.5em;}
#more_app_page .author {font-weight: 100; font-style: italic;}
#more_app_page.conference {background: #0088c7;}
#more_app_page.audio {background: #682598;}
#more_app_page.biz {background: #259fa5;}
#more_app_page.security {background: #0b7277;}

.story .col4 {background: #ffe799; padding: 1em 0;}
.story .col4 .circle {border-width: 1px; width: 220px; height: 220px; margin-left: 7px;}
.story .col4 .item_desc {padding: 0 0.5em}
.story .col4 .min_price {margin: 0 0.5em}


/* CONTENT */


.content p { margin-bottom: 1em;}
.content ul {list-style: circle; margin-left: 3em; line-height: 180%;margin-bottom: 1em;}
.content ol {margin-left: 3em; line-height: 180%;margin-bottom: 1em;}
article.content h2 {font-size: 220%; font-weight: 100; margin-bottom: 1em; text-align: center; text-transform: uppercase;margin-top: 1.5em; }

.content h3 {font-size: 180%; font-weight: 100; margin-bottom: 0.5em; margin-top: 1.5em;}
.content h4 {font-size: 150%; font-weight: 100; margin-bottom: 0.5em; margin-top: 0.5em;}

.content_table {border-collapse: collapse; border: 1px solid #ebebeb;}
.content_table th {padding: 0.3em 0.6em; font-weight: 900; text-align: left; background: #ebebeb;}
.content_table td {padding: 0.3em 0.6em; border-bottom: 1px solid #ebebeb;}

.note { color: #0073a8; border: 1px solid #EaEAEA; padding: 0.3em 1em; list-style: none; background: #f2f2f2; font-style: italic;}
.red_text {color: #bd1d1d;}

#toggle {display: none;}

#contact_page {background: #FFF; padding-top: 2em;}
#contact_page #cform_c {border-bottom: none;}

.message_load {font-size: 200%; color: #666;}
.message_send {display: block; padding: 0.5em 0; border-top:1px solid #cacaca; margin-top: 1em; color: #198b26;}
.message_send i {margin-right: 0.5em;}

/* FAQ */

.faq .col1 .block_title {font-size: 140%;}
.faq_bottom {padding: 2em 0;}



.alignright {float: right; margin-left: 2em; margin-bottom: 2em;}


.content_steps {list-style: none !important;}
.content_steps li {margin-bottom: 1.5em;}
.content_steps img {float: left; width:48px; margin-right: 20px;}
.content_steps .clear {clear: both;}

/*
.page_block { width: 48%; float: left; min-height: 130px; margin-bottom: 20px; }
.page_block h3 {margin-top: 0; line-height: 120%; padding-right: 40px; font-size: 150%; font-weight: 400;}
.page_block .short_content {padding-right: 40px;}
*/


.howtobehave {background: #0088c7 url(../img/howtobehave.png) no-repeat 30px 50%; padding-right: 20px; min-height: 220px; color: #fff; padding-top: 30px; padding-left: 250px;}

.small_circle {display: block; width: 64px; height: 64px; border-radius: 48px; border: 1px solid #BBB; overflow: hidden; float: left; margin-right: 20px; margin-bottom: 10px;}
.small_circle img {width: 64px;}

.selector_none {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}



#bot_but {position: fixed; bottom: 0;  left: 10%;  height: 35px; width: 401px; }

#support_button {width: 200px; float: right; }
#support_button a { display: block;height: 50px; width: 200px; background: #288a0e; color: #FFF;line-height: 50px; text-decoration: none;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

}
#support_button a:hover { background: #1058a2;}


#callback { width: 200px; float: left; margin-left: 1px;}

#callback a {text-decoration: none; color: #000; display: block; height: 35px; line-height: 35px;  background: #eea140;width: 200px;-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;}
#callback a:hover {color:#FFF;background: #b5451a}


/* BROWSER UPDATE */

.buorg {
    position:absolute;
    width:100%;
    top:0px;
    left:0px;
    border-bottom:1px solid #A29330;
    background:#FDF2AB no-repeat 1em 0.55em url(http://browser-update.org/img/dialog-warning.gif);\
    text-align:left;
    cursor:pointer;
    font-family: Arial,Helvetica,sans-serif; color:#000;
    font-size: 12px;
}
.buorg div {
    padding:5px 36px 5px 40px;
}
.buorg a {
    color:#E25600;
}
#buorgclose {
    position: absolute;
    right: .5em;
    top:.2em;
    height: 20px;
    width: 12px;
    font-weight: bold;
    font-size:14px;
    padding:0;
}





}

/* ====================================================     MOBILE  =====================================================  */

@media screen and (max-width: 800px)

{

.nomobile {display: none;}

label.error {display: block;}


.h2 {font-size: 220%; font-weight: 100; margin-bottom: 0em; text-align: center; text-transform: uppercase; line-height: 140%; margin-bottom: 0.5em;}
.w1000 {width: 100%; }

#header_c {background: #259fa5; }
#header_c header {width: 100%; height: 70px; position: relative;}

#logo {width: 175px; position: absolute; top: 15px; left: 20px; }
#logo a {width: 175px; display: block; text-indent: -9999px; background: url(../img/logo_m.png) no-repeat; background-size:  175px; height: 15px;}


#menu_c {background: #eea140;position: relative;}
#menu { padding-top:1em; text-align: left; width: 100%; display: none;}
#menu ul li {list-style: none; padding:0 0.5em; margin-bottom: 0.5em;}
#menu ul li a {color: #222; text-transform: uppercase; font-weight: 900; height: 36px; line-height:normal; text-decoration: none; margin: 0; letter-spacing:normal;}
#menu ul li ul {display: block; margin: 0.5em; font-size: 85%;}
#menu ul li ul li {display: inline; }
#menu ul li ul li a {font-weight: 100; white-space: nowrap; margin: 0; padding: 0.8em 0; text-decoration: underline; text-transform: capitalize;}

#toggle { background: #FFF; text-align: center; padding: 0.5em 0;border-bottom: 1px solid #EAEAEA; width: 100%;}

/* CURRENCY */

#currency_select {position: absolute; top: 10px; right: 10px;z-index: 200;}
#currency_select ul {list-style: none; display: none;}

select.currency {-webkit-appearance:none; width: 4em; background:#FFF url(../img/arr_d.png) no-repeat 85% 50%; border: none; text-transform: uppercase;
    -moz-appearance:none;
    appearance:none; padding: 2px 15px 2px 5px;}


/*  LANGUAGE */

#lang_select {position: absolute; top: 40px; left: 20px; z-index: 100; font-size: 85%;}
#lang_select span {display: inline-block; background: #fff; color: #000; padding: 0 0.5em;}
#lang_select a {color: #FFC;}

#lang_select ul {list-style: none; display: none;}

select.languages {-webkit-appearance:none;width: 7em; background:#FFF url(../img/arr_d.png) no-repeat 90% 50%; text-transform: uppercase;
    -moz-appearance:none;
    appearance:none; padding: 2px 15px 2px 5px;
    border: none;}


#top_cart {color: #FFF; background: #2e721a; text-align: center; padding: 0.5em 0; margin: 0; width: 100%;}
#top_cart a {color: #FFF; text-decoration: underline; font-weight: 300;}



#top_cart.zero {color: #9c9c9c; margin: 0;background: #FFC; }
#top_cart.zero a {color: #9c9c9c; text-decoration: none;}


#popular{ padding: 1em 0; width: 100%; }

.popular_block {text-align: center; margin-bottom: 2em;width: 50%; position: relative; float: left;}
.popular_block img {width: 95%; border: 1px solid #EAEAEA; padding: 1px; margin-bottom: 0.5em;}
.popular_block img:hover {border-color: #BBB;}
.popular_block .item_title {display: block; font-size: 85%; font-weight: 900; text-transform: uppercase; margin-bottom: 0.5em}
.popular_block .item_desc {display: none;}
.popular_block .min_price {display: block; padding: 0.5em 0;  font-weight: 300; font-style: italic; position: absolute; bottom: 40px; right: 20px;}
.popular_block .view_more {display: none;}

.lbl {position: absolute; top: 20px; right: 20px;  padding: 5px 10px; text-align: center; color: #fff; border-radius: 25px; font-size: 75%; text-transform: uppercase; font-weight: 900; letter-spacing: 0; border: 2px solid #FFF;}
.discount {background: #e54b49;}
.new {background: #37cd0f;}
.popular {background: #e78200;}


/* VIDEO BANNER*/


#index_top_banner_c {background: #0088c7;}
#index_top_banner {position: relative;}
#index_top_banner a {display: block;height:220px; background: url(../img/top_banner_m.png) no-repeat 50% 100%; background-size: 100%; text-indent: -9999px;display: none;}


#index_video {margin:0 auto;  background: #0088c7; padding: 0;}
#index_video h3 {color: #FFF; padding: 1em 0; text-align: center; font-weight: 100;}
#index_video iframe {height: 250px; width: 100%;}
#index_video .close {padding: 0.5em 0;  z-index: 100; color: #FFF; display: none;}
#index_video .close a {color: #FFF;}


#hlwn_banner_c {background-color: #ffc800;}
#hlwn_banner {position: relative;background: url(../img/hlwn/banner_en.png) no-repeat 50% 100%; background-size: 100%; min-height: 300px;}
#hlwn_banner.lang_es {background: url(../img/hlwn/banner_es.png) no-repeat 50% 100%;background-size: 100%; min-height: 300px;}
#hlwn_banner.lang_it {background: url(../img/hlwn/banner_it.png) no-repeat 50% 100%;background-size: 100%; min-height: 300px;}


/* HOW TO */

#howto {background: #FFF; padding-bottom: 2em;}
#howto img#scheme { display: none;}
#howto .h2 {padding:0.5em;}
#howto ol {margin: 0 2em; text-align: left;}
#howto ol li span.stm {width: 32px; float: left; margin-right: 0.5em; display: block; height: 32px;}

#howto ol li span#st1 {background: url(/img/steps_m.png) no-repeat 0 0;}
#howto ol li span#st2 {background: url(/img/steps_m.png) no-repeat 0 -32px;}
#howto ol li span#st3 {background: url(/img/steps_m.png) no-repeat 0 -64px;}
#howto ol li span#st4 {background: url(/img/steps_m.png) no-repeat 0 -96px;}
#howto ol li span#st5 {background: url(/img/steps_m.png) no-repeat 0 -128px;}

#howto ol li {clear: both; padding-left: 0.5em; margin-bottom: 0.5em; min-height: 3em; border: 1px solid #FFF;}

/* FEATURES */

#feat_c {background: #f49800; }
#feat {padding: 1em 0; color: #FFF;font-size: 120%; line-height: 120%; text-transform: uppercase; font-weight: 100;}
#feat .col2_4  {padding-left: 2em; margin-bottom: 0.5em;}

#more_app i {display: block; font-size: 200%; margin-top: 0.5em;}

.howtobehave {background: #0088c7 url(../img/howtobehave.png) no-repeat 50% 0; padding-top: 220px;  color: #fff; padding-left: 1em; padding-right: 1em; padding-bottom: 1em;}

/* CONTENT */

#index_content {width: 100%;}

 .content {padding: 1em; }
.content p { margin-bottom: 0.5em;}
.content ul {list-style: circle; margin-left: 1.5em; line-height: 160%;margin-bottom: 0.5em;}
.content ol {margin-left: 1.5em; line-height: 160%;margin-bottom: 0.5em;}
.content h2 {font-size: 220%; font-weight: 100; margin-bottom: 0.5em; text-align: center; text-transform: uppercase; line-height: 120%; margin-top: 1.3em;}
.content h3 {font-size: 180%; font-weight: 100; margin-bottom: 1em;line-height: 120%; margin-top: 1em;}

.page_block {margin-bottom: 2em;}
.page_block h3 {font-size: 1.5em;}

.content img {width: 75%;}
.content iframe {width: 95%; height: 55%;}

.faq .col1 .block_title {font-size: 140%; margin-bottom: 1em; }
.ruler {border-bottom: 1px dotted #ccc; margin: 2em 0;}

.small_circle {display: block; width: 64px; height: 64px; border-radius: 48px; border: 1px solid #BBB; overflow: hidden; float: left; margin-right: 20px; margin-bottom: 10px;}
.small_circle img {width: 64px;}


/* TESTIMONIALS*/

#testimonials_c {background: #FFF; border-top: 1px solid #e4e4e4; width: 100%;}
#testimonials {position: relative; padding: 1em 0;}
.testimonial_block { width: 95%; margin: 0 auto; margin-bottom: 1em; border-bottom: 1px solid #CCC; padding-bottom: 1em; }
.testimonial_content {font-weight: 300; font-style: italic;margin-bottom: 0.5em; }
.testimonial_content .fa-quote-left {color: #EAEAEA; font-size: 120%; margin-right: 0.4em}
.testimonial_author em {color: #666;}

.arrow_left {display: block; cursor: pointer; height: 36px; width: 36px; color: #FFF; border: 5px solid #FFF; border-radius: 24px; text-align: center; line-height: 36px; background: #CCC; font-size: 24px; font-weight: bold; position: absolute; bottom: 10px; left: 20px;}
.arrow_right {display: block; cursor: pointer; height: 36px; width: 36px; color: #FFF; border: 5px solid #FFF; border-radius: 24px; text-align: center; line-height: 36px; background: #CCC; font-size: 24px; font-weight: bold;bottom: 10px; right: 20px; position: absolute}


/* FOOTER */

#footer_c { border-top: 1px solid #e4e4e4;width: 100%;}
footer {position: relative; padding: 1em 0 3em 0;}

footer .col1{width: 90%; float: left; margin-left: 20px;  }
footer .col1 ul {list-style: none; }
footer .col1 ul li {margin-bottom: 0.2em;}
footer .col1 .payment_icons {font-size: 120%; color: #7e7e7e;}
.ccnow_icon { color: #000; font-size: 1.3em;  position: relative;}
.ccnow_icon strong {color: #0067ae; font-weight: 700; font-size: 0.8em;}
.ccnow_icon i {position: absolute; bottom: 0; right: -5px; font-size: 0.3em;}

footer .col2 {width: 90%; float: left; margin-left: 20px; padding: 1em 0;}
footer .col2 ul {list-style: none; }
footer .col2 ul li {display: inline;}
footer .col2 a {color: #1058a2; text-decoration: none; text-transform: capitalize; margin-right: 0.4em;}
footer .col2 a:hover {color: #222; text-decoration: underline;}

footer .col3 {display: none;}


footer .col4 {width: 90%; float: left; margin-left: 20px;}
footer .col4 ul {list-style: none; }
footer .col4 ul li {margin-bottom: 0.4em; }
footer .col4 ul li .fa {margin-right: 5px;}
footer .col4 a {color: #222; text-decoration: none;}

/* CONTACT FORM */

#cform_c  {padding: 1em 0; text-align: left; width: 100%;}
#cform img {display: none;}


#cform .col1 .block_title {font-size: 140%; text-align: center !important; display: block;}
#cform .col2 ul {list-style: none; margin-top: 1em; color: #CCC; line-height: 200%; padding: 1em;}
#cform .col2 ul li i {margin-right: 0.5em}
#cform .col3_4 {padding: 1em;}
#cform .col3_4 ul li {list-style: none; margin-bottom: 1em;}

input.blue_button {text-transform: uppercase; text-align: center;  font-weight: 300;  padding: 1em; font-size: 120%; white-space: normal;}

.text_field {border: 1px solid #cacaca; padding: 0.5em; width: 75%; font-size: 110%;}
.text_field:hover {background: #FAFAFA; border-color: #b9b9b9;}
textarea.text_field {overflow: auto; height: 100px;}


.message_send {display: block; padding: 0.5em 0; border-top:1px solid #cacaca; margin-top: 1em; color: #198b26;}
.message_send i {margin-right: 0.5em;}

#bot_but {position: fixed; bottom: 0; width: 100%; text-align: center; padding: 0.5em 0; background: #EAEAEA; font-size: 85%;}
#bot_but a {text-decoration: none;}

#support_button {width: 48%; float: left; }

#support_button i {margin-right: 0.5em;}

#callback {width: 48%; float: right;}

/* DISPLAY:NONE*/

 .scrollToTop, #top_contacts, #footer .col2, .share_buttons, #video_banner  {display: none;}


#page404_c {background: #270040;}
#page404 {color: #FFF;}
#page404 .col1_2 {display: none;}
#page404 .col3_4 .content {margin-top: 0em;}
#page404 .col3_4 .content .h2 {line-height: 140%;}




}





/* ANIMATIONS */


.text_field:focus, input.blue_button:hover, .add_to_cart:hover, #instant_order .offer .buy_now:hover
{-webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: pulse;
  animation-name: pulse;}

#main_image i:hover {-webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;}


/* WATERMARK */
.watermark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url(../img/watermark.png) center center no-repeat;
    z-index: 1100;
}


.red_risk { display:inline-block; background:#F03; color:#FFF; padding:0 10px;}
.orange_risk { display:inline-block; background: #FC6; color:#000; padding:0 10px;}
.light_risk { display:inline-block; background: #CFC; color:#000; padding:0 10px;}
.no_risk { display:inline-block; background: #0C3; color:#FFF; padding:0 10px;}