/* DEPRECATED: Use main.css for all new styles. */
/*  css reset */
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%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; font-family: 'segoe_uiregular'; color:#afaaad; background-color:#3D383B; transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
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; }
a { text-decoration:none; }
.clearfix { clear:both; height:1px; width:100%; margin:0 !important; padding:0 !important; }
/*  Custom CSS ystrax */
h1 { color: #000000; font-size: 25px; text-align:center; padding-top:20px; }
.fl { float:left; }
.fr { float:right; }
.center { text-align:center !important; }
strong { font-weight: bold; }
@font-face { font-family: 'segoe_uiregular'; src: url('../fonts/segoeui_0-webfont.eot'); src: url('../fonts/segoeui_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeui_0-webfont.woff') format('woff'), url('../fonts/segoeui_0-webfont.ttf') format('truetype'), url('../fonts/segoeui_0-webfont.svg#segoe_uiregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'century_gothicregular'; src: url('../fonts/gothic_0-webfont.eot'); src: url('../fonts/gothic_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothic_0-webfont.woff') format('woff'), url('../fonts/gothic_0-webfont.ttf') format('truetype'), url('../fonts/gothic_0-webfont.svg#century_gothicregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face {
    font-family: 'univers_lt_std57_condensed';
    src: url('../fonts/univers_lt_std_57_condensed_0-webfont.eot');
    src: url('../fonts/univers_lt_std_57_condensed_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/univers_lt_std_57_condensed_0-webfont.woff') format('woff'),
         url('../fonts/univers_lt_std_57_condensed_0-webfont.ttf') format('truetype'),
         url('../fonts/univers_lt_std_57_condensed_0-webfont.svg#univers_lt_std57_condensed') format('svg');
    font-weight: normal;
    font-style: normal;

}
header { display:none; width:100%; height:42px; background-color:#464044; font-family: 'century_gothicregular'; font-size:18px; line-height:42px; text-align:right; border-bottom:1px solid #221f21; }
header span, .wrapper { display: block; margin: 0 auto; max-width: 1100px; }
nav { min-height:72px; width:100%; background-color:#3d383b; border-top: 1px solid #544F52; }
nav .fl { margin-top: 14px; }
.menu li { float: left; padding: 27.5px 20px; background-image:url(img/nav_bg.png); background-repeat:no-repeat; background-position: right center; position:relative; }
.menu li a { color:#afaaad; font-size:17px; }
.menu li a:hover { color:#fff; }
.last_menu { padding-right:0 !important; background-image:none !important; }
.active { color:#fff !important; }
/*Responsive nav*/
.mobile_nav { width: 100%; display:none; }
.collapse-button { display:none; }
.collapse-button { -moz-box-sizing: border-box; background-color: ##BDBDBD; background-repeat: repeat-x; border-style: solid; border-width: 1px; color: #FFFFFF; cursor: pointer; font-size: 14px; padding: 7px 10px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); width: 40px; border-color:#464044; }
.collapse-button .icon-bar { background-color: #F5F5F5; border-radius: 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); display: block; height: 2px; margin: 2px 0; width: 18px; }
.mobile_nav_ul a { border: 1px solid #464044; color: #AFAAAD; display: block; margin-top: 0px; padding: 8px 5px; }
.slider { clear:both; padding-bottom:45px; background-color:#FFFFFF; }
.slides a { display:block; }
.content { background-image:url(img/home_top_bg.png); background-color:#FFFFFF; background-repeat:no-repeat; background-position: top center; padding-top: 10px; }
.content p { font-size:16px; color:#383737; text-align:center; line-height:24px; margin-bottom:17px; padding-top:17px; font-weight: bold; }
.home { }
.read_more { background-color: #5E5E5E; clear: both; margin-bottom: 5px; padding: 2px 11px; color:#fff; }
.read_more a { color:#fff; }
footer { background-color: #262325; clear: both; font-size: 16px; min-height: 40px; padding-top: 8px; width: 100%; }
footer .wrapper { color:#919191; }
.copy { margin-top:8px }
.title_main {
  background: url("img/title.png") no-repeat scroll -12px center #2D2D2D; border: 1px solid #B8B8B8; color: #03F0F0; display: block; font-size: large; line-height: 42px;  margin-top: 25px; max-width: 225px; min-height: 42px; padding: 0 0 0 35px; text-align: left; text-transform: uppercase; }
/*.title_main { background: url("img/title.png") no-repeat scroll left center #2D2D2D; border: 1px solid #B8B8B8; color: #03F0F0; display: block; font-size: large; line-height: 42px; margin-top: 25px; min-height: 42px; padding: 0 0 0 50px; text-align: left; text-transform: uppercase; max-width: 200px; }*/
.facts .wrapper li { color: #383737; line-height: 23px; list-style: disc outside none; margin-left: 23px; }
.facts .fl, .facts .fr { width:49%; }
.contact .fl { width:43%; }
.contact .fr { width:48%; text-align:center; }
.contact .fr p { background-color: #F4F4F4; padding: 25px; text-align: left; }
.form span { display:block; clear:both; margin-bottom:10px; min-height:32px; }
.form { background-color: #F4F4F4; border: 1px solid #B8B8B8; padding: 15px;  max-width: 430px; }
.form label { float: left; width: 140px; color:#383737; }
.form span input { float: left; min-height: 30px; min-width:250px; }
input[type="submit"] { float:none !important; background-color: #3D383B; border: medium none; color: #FFFFFF; min-width: 30px !important; text-transform: uppercase; }
.specs { text-align:center; }
.specs ul li { display:inline-block; list-style-type:none; margin:0 12px; }
.specs ul { margin:0 auto; }
.prod_title a { text-transform:uppercase; font-size:20px; background-color: #1F1F1F; border: 1px solid #FFFFFF; color: #FFFFFF; display: block; height: 29px; padding: 20px 0; text-align: center; width: 255px; margin-top:-3px; display:block; }
.prod_box { border: 1px solid #7F573F; float: left; margin-bottom: 15px; margin-right: 19px; min-height: 225px; }
.gree .prod_title { background-color:#00a4a6 !important; }
.lil .prod_title { background-color:#94292D !important; }
.sun .prod_title { background-color:#165892 !important; }


.gree .prod_box { border:1px solid #065f60 !important; }
.classy_box h2 { color:#1d5e5f !important; font-size:21px !important; text-transform:uppercase; }
.prod_box > img { margin: 0 40px 8px; }
.newpro h2 { color: #1D5E5F !important; text-align:left; font-size: 21px !important; text-transform: uppercase; }
.single_title { text-transform:uppercase; color:#00f0ff; font-size:28px; display:block; margin:12px 0; }
.prod_detail .fl { width:47.8%; margin-bottom:50px; }
.prod_detail .fr { margin-bottom:50px; background-color: #262325; min-height: 679px; padding: 0 2%; position: relative; width: 48.15%; }
.prod_detail p { color: #FFFFFF; text-align: left; }
.back { bottom: 17px; color: #FF3C00; display: block; font-size: 16px; position: absolute; right: 30px; text-align: right; }
.back a { color: #FF3C00; }
.types p { clear: both; display: block; min-height: 34px; }
.types img { float: left; margin-right: 17px; }
.types span { display: block; text-align: left; color:#383737; }
.typelist { clear: both; display: block; margin-bottom: 15px; min-height: 40px; }
hr { clear: both; color: #FFFFFF; }
.types ul li { color:#383737; }
.more_specs { clear: both; color: #383737; font-size: 17px; margin-bottom: 40px; text-align: left; }
.more_specs p { text-align:left !important; padding-top:8px; }
.more_specs img { float: left; margin-right: 13px; }
.history .wrapper { background: url("img/h.png") no-repeat scroll left top / contain  rgba(0, 0, 0, 0); }
.contact p { text-align:left; }
.history p, .facts p { text-align:justify; }
.history p { font-style:italic; }
tr, td { border:1px solid; }
.submenu { background-color: #3D383B; display: none; left: 0; position: absolute; top: 68px; width: 230px; z-index: 99999999; }
.submenu li { background-image: url(img/sublibg.png); background-position: bottom center; background-repeat: no-repeat; display: block; float: none !important; padding:12.5px 30px; }
.submenu > li:last-child { background-image: none; }
.parent:hover .submenu { display:block; }
textarea { min-height: 75px; min-width: 250px; resize:none; }
.contact { min-height:515px; }
.mobile_nav_ul .submenu, .mobile_nav_ul .submenu_prod { border: medium none; display: none; padding-left: 4%; position: inherit; width: 96%; }
.submenu_prod { display:none; }
.mobile_nav_ul .submenu_active { display:block; }
.mobile_nav_ul .submenu li { background-image: none; border-top: medium none; display: block; float: none !important; padding: 0; }
.faq { background-color: #7E2F55; color: #FFFFFF; padding: 5px 16px; }
.mobile_a.plus, .mobile_b.plus { background-image: url(img/plus.png); background-position:97% center; background-repeat:no-repeat; }
.newnav1 .mobile_a.plus, .newnav2 .mobile_b.plus { background-image: url(img/minus.png) !important; }
.prod_wrap { display: block; margin: 0 ; max-width: 100%; text-align: center; }
.facts .fl > span, .facts .fr > span { float: left; }
/*.facts .fr p, .facts .fr ul, .facts .fl p, .facts .fl ul { float: right; width: 90%; }*/
.classic .prod_title { background-color: #623A6F; color: #FFFFFF; display: block; line-height: 35px; margin-bottom: 8px; min-height: 35px; text-align: center; }
.classic h2 { color: #000000; display: block; font-size:17px; }
.factbox { background-color: #F4F4F4; border: 1px solid #B8B8B8; min-height:152px; }
.factbox span { /*color: rgb(7, 98, 142);*/ color:#3c3c3c; display: block; height: 58px; line-height: 58px; padding-left: 65px; text-transform: uppercase; font-size: 18px; border-bottom: 1px solid rgb(184, 184, 184); }
.factbox ul { padding: 20px 10px; margin-bottom:40px; }
.factbox p { background-color: rgb(244, 244, 244); padding: 10px 20px; }
.hivico { background: url(img/hiv_ico.png) no-repeat scroll left center transparent; /*color:#B03AF6 !important;*/ }
.docico { background: url(img/doc_ico.png) no-repeat scroll left center transparent; /*color:#0B26F0 !important;*/}
.fact { background: url(img/fact.png) no-repeat scroll left center transparent; /*color:#0BA2F0 !important;*/ }
.trans { background: url(img/trans_ico.png) no-repeat scroll left center transparent;/*color:#F72972 !important;*/ }
.micro { background: url(img/micro.png) no-repeat scroll left center transparent; /*color:#E30040 !important;*/ }
.check_hiv { background: url(img/check_hiv.png) no-repeat scroll left center transparent; /*color:#002441 !important;*/ }
.cure { background: url(img/cure.png) no-repeat scroll left center transparent; /*color:#EA00FF !important;*/}
.syringe { background: url(img/syringe.png) no-repeat scroll left center transparent; /*color:#FF6000 !important;*/}
.condom_ico { background: url(img/condom_ico.png) no-repeat scroll left center transparent; /*color:#54C500 !important;*/}
.marg_pad_topnone { margin-top:0px; padding-top:0 !important; }
.classy_box { background-color: #F6F6F6; border: 1px solid #C5C0C0; display: block; min-height: 165px; padding-left: 3%; padding-top: 2%; width: 97%; }
/*.product .initial { background: url(img/product-bg.gif) repeat-x scroll 0 -110px transparent; border-top: 1px solid #999999; }
*/
.product .initial { background: url(img/product-bg.png) no-repeat scroll 0 -110px transparent; border-top: 1px solid #999999; }

.product { float: left; height: 300px; margin:9px 69px 9px 0; border: 1px solid #2E2D2D; overflow: hidden; position: relative; width: 221px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius: 8px; -webkit-background-clip: padding-box; }
.product .initial, .product .hover { border: medium none; min-height: 300px; position: relative; width: 221px; cursor:pointer; }
.animated { animation-duration: 1s; animation-fill-mode: both; }
.product .hover img { height: 300px; left: 0; position: absolute; top: 0; width: 220px; }
.product .initial img { border: 0 none; height: 300px; left: 0; position: absolute; top: 0; vertical-align: middle; width: 220px; }
.product h1 { font-size: 23px; font-weight: normal; letter-spacing: 0; margin: 0; padding: 14px 10px 0 0; }
.product .title-intro { font-size: 2.35em; line-height: 1em; margin-bottom: 0; padding-top: 14px; }
.casa { background: rgb(107,54,128); background: -moz-linear-gradient(45deg, rgb(107,54,128) 0%, rgb(163,121,168) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgb(107,54,128)), color-stop(100%, rgb(163,121,168))); background: -webkit-linear-gradient(45deg, rgb(107,54,128) 0%, rgb(163,121,168) 100%); background: -o-linear-gradient(45deg, rgb(107,54,128) 0%, rgb(163,121,168) 100%); background: -ms-linear-gradient(45deg, rgb(107,54,128) 0%, rgb(163,121,168) 100%); background: linear-gradient(45deg, rgb(107,54,128) 0%, rgb(163,121,168) 100%); }
.jeans { background: rgb(250, 184, 20); }
.prem { background: rgb(233, 129, 179); }
.premm { background: rgb(0, 145, 54); }
.insp { background: rgb(83, 174, 186); }
.vp01 { background:#9360A3; }
.ddab29 { background:#ddab29; }
.greenz { background:#40AB74; }
.greyz { background:#5e5e5f; }
.bluez { background:#3BBAE7; }
.banz { background:#d5721e; }
.new-pro-heading {background: url("img/new-pro-heading.png") no-repeat scroll right 0 rgba(0, 0, 0, 0); float: left; padding: 0 87px 0 0;}

.new-pro-heading-rt {background: url("img/new-pro-heading-rt-bg.png") no-repeat scroll right 0 rgba(0, 0, 0, 0); float: left; padding: 0 101px 0 0;}
.new-pro-heading-lt { background: url("img/new-pro-heading-lt-bg.png") no-repeat scroll left 0 rgba(0, 0, 0, 0); border: medium none; color: #FFFFFF;
float: left; font-family: 'univers_lt_std57_condensed'; font-size:21px; height: 44px; line-height:35px; margin: 0; padding: 0 0 0 31px;}
.initial h1{font-family: 'univers_lt_std57_condensed'; font-size:19px; color:#636161; text-transform:uppercase;}
.contact .fl > p { font-family: century_gothicregular; font-size: 16px;}
.parrot{ max-width:100%;}
label.error { color: #FF0000; height: 32px; text-align: center; width: 100%; }
.contact_bg { background: url("img/parrot.jpg") no-repeat scroll right 0px rgba(0, 0, 0, 0);}
.resimg{ width:100%; height:100%;}
.con_bg{ display:none;}
.panel .product{float: none !important; margin: 0 auto !important;}
 #owl-demo .item{
        padding: 30px 0px;
        margin: 5px;
        color: #FFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
    }

.owl-carousel .owl-wrapper:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    transition: height 500ms ease-in-out 0s;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -moz-user-select: none;
}
.grabbing {
    cursor: url("grabbing.png") 8 8, move;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
}
.owl-buttons{ position: absolute; bottom: 70px; width: 100%;} 
.owl-prev { float: left;  }
.owl-next { float: right;}
.item #products-filtered { float: none;   margin: 0;   text-align: center; }
.item .product {   float: none;   margin: 0 auto !important;   text-align: center; }

.owl-prev {
  background: url("img/arro2.png") repeat-x scroll 0 0 transparent;
  height: 43px;
  margin-left: -10px;
  width: 25px;
}

.owl-next {
  background: url("img/arro1.png") repeat-x scroll 0 0 transparent;
  height: 43px;
  margin-right: -5px;
  width: 25px;
}
.classic .owl-buttons {
  bottom: 100px;
}
.classic .owl-prev { margin-left: 7px !important;}
.classic .owl-next { margin-right: 10px !important;}


@media screen and (max-width: 1115px) {
.product{margin:9px 69px 9px 0 !important;}
}


/* --- iPad Landscape --- */
@media screen and (max-width: 1024px) {
.content { padding:0 20px; }
.products .wrapper { min-width:100% !important; }
footer .copy, nav .fl img { margin-left: 12px; }
.mobile_nav_ul > li { background-color: #3D383B; }
.mobile_nav, .collapse-button { display:block; }
.menu { display:none; }
.mobile_nav_ul { float: left; width: 100%; }
}





/* --- iPad Portrait --- */
@media screen and (max-width: 880px) {
}



/* iPad portrait */
@media screen and (max-width: 768px) {
.facts .fl, .facts .fr { width:100%; }
.prod_box { margin-bottom: 15px; margin-right: 0 !important; text-align: center; width: 50% !important; }
.prod_title { text-align: center; }
.prod_title > a { margin: -3px auto 0 !important; }
}


/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px) {
.form span input { min-width: 97%; }
.form span textarea { min-width: 97%; }
.contact_bg{background: none !important;}
.con_bg{ display:block !important; background: url("img/parrot_cell.png") no-repeat scroll right 0 rgba(0, 0, 0, 0); height:352px; width:300px; margin:0 auto;}

}

/* --- Kindle Landscape --- */
@media screen and (max-width : 600px) {
}



/* iPhone 5 landscape */
@media screen and (max-width: 568px) {
header { text-align:center; }
.content p { text-align:justify; }
footer .wrapper .fl, footer .wrapper .fr, nav .wrapper .fl, nav .wrapper .fr { text-align:center; margin:0 auto; float:none !important }
.flex-control-paging li a { width:11px !important; height:11px !important; }
.collapse-button { width: auto; margin:0 auto; float:none !important; }
footer .wrapper span { display:block; padding-bottom:20px !important; }
.prod_box { float: none !important; margin-bottom: 15px; margin-right: 0 !important; text-align: center; width: 100% !important; }
/*.specs h1 { width: 100% !important; } */
.specs h1 { margin-top:20px; }
footer .copy, nav .fl img { margin-left: 0 !important; }
.contact .fl, .contact .fr { width:100%; }

.fruits li{ 
  display: inline-block;
  line-height: 50px;
  list-style-type: none;
  margin: 0 12px;
  min-height: 104px;
  width: 52%;
} 
.factbox span{ line-height:28px !important; font-size:17px; }

}


/* Android Landscape */
@media screen and (max-width: 515px) {
}



/* iPhone Landscape */
@media screen and (max-width: 480px) {
}


/* iPhone portrait */
@media screen and (max-width: 320px) {
}


/* Crappy Android portrait */
@media screen and (max-width: 240px) {
}