@import url(http://fonts.googleapis.com/css?family=Oswald:700);
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; color: #838383; margin: 0; padding: 0; position: relative; -webkit-text-size-adjust: none; }

.wrapper { margin-left: auto; margin-right: auto; width:98%; }
.wrapper p{margin:5px 0px 0px 0px; padding:0px;}
.header-top { width:100%; min-height: 40px; background:#f6f7f8; }
.header-links { float:left; margin-top: 12px;}
.header-links a { font-size: 13px; font-weight: bold; color: #515050; text-align:center; text-decoration:none; }
.header-links a:hover {color: #0B7964; }
.header-links li { display: inline; padding-right: 15px; }
.header-content { min-height: 150px; }
.right{float:right;}
.left{float:left;}
.overflow{overflow:auto;}
#cartidiv a:hover { color:#0B7964; }
.logo a img[src="clear.gif"]{width:auto; height:auto;}

.curr select {border-left: 1px dashed #fff; width: 60px; height: 40px; border:0px; border-left: 1px solid #000}
.lang select {width: 60px; height: 40px; border:0px;} 
.curr-lang {float:right; margin-top:10px;}
.curr-lang div {float:left}
.curr-lang select{
   overflow: hidden;
   background: url(new_arrow.png) no-repeat right #727070;  
   color:white;
   -webkit-appearance: none;
   padding:5px;
   border-radius: 0;
   height:28px;
	}
.curr-lang select:focus{border:0; outline: none;}
.curr-lang select option{background: #727070; color:white; line-height:20px;}
.flags{margin-top: 33px; position: relative; z-index: 999999;}
.flags ul { height: 23px; width:40px; border: 1px #E9E9E9 solid; padding:0px; margin:0px; overflow:hidden;}
.flags:hover ul {overflow:visible;}
.flags ul li { padding: 0px 10px; z-index: 2; list-style-type:none; }
.flags ul li a{display:block;}
.flags:hover ul{ overflow:visible; border-bottom:0px;}
a#submit { z-index: 1; }

.social { float: right; }
.social li {display: inline; margin: 5px; height: 28px; width: 28px; float: left; }
.social li a, .socialtwo li a{ display: block;height: 100%;width: 100%; }
.socialtwo {display:none; width: 80%; margin:0px auto;}
.socialtwo li{display: inline; margin: 5px; height: 28px; width: 28px; float: left;}
#ico-facebook { background-image: url("ico-facebook1.png"); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s;
transition: all ease 0.3s; }
#ico-facebook:hover { background-position: 0px -28px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); }
#ico-twitter { background-image: url("ico-twitter1.png"); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
#ico-twitter:hover { background-position: 0px -28px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); }
#ico-google { background-image: url("ico-google1.png"); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s;    transition: all ease 0.3s; }
#ico-google:hover { background-position: 0px -28px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); }
#ico-pinterest { background-image: url("ico-pinterest1.png"); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s;transition: all ease 0.3s; }
#ico-pinterest:hover { background-position: 0px -28px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); }
#ico-youtube { background-image: url("ico-youtube1.png"); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s;transition: all ease 0.3s; }
#ico-youtube:hover { background-position: 0px -28px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); }
#ico-blog { background-image: url("ico-blog1.png"); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s;        transition: all ease 0.3s; }
#ico-blog:hover { background-position: 0px -28px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); }

.clear { clear:both; }

.logo { float:left; width: 33.33%; font-family: 'Oswald', sans-serif; color:#0B7964; line-height: 135px; margin-top: auto; margin-bottom: auto; }
.logo a { text-decoration: none; }
.logo img {max-width:98%; height:auto;}
.companyname {
    font-size: 4vw;
    background: linear-gradient(to bottom, #1EBA7B, #29BC1D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@import url(http://fonts.googleapis.com/css?family=Oswald:700);
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; color: #838383; margin: 0; padding: 0; position: relative; -webkit-text-size-adjust: none; }

.wrapper { margin-left: auto; margin-right: auto; width:98%; }
.wrapper p{margin:5px 0px 0px 0px; padding:0px;}
.header-top { width:100%; min-height: 40px; background:#f6f7f8; }
.header-links { float:left; margin-top: 12px;}
.header-links a { font-size: 13px; font-weight: bold; color: #515050; text-align:center; text-decoration:none; }
.header-links a:hover {color: #0B7964; }
.header-links li { display: inline; padding-right: 15px; }
.header-content { min-height: 150px; }
.right{float:right;}
.left{float:left;}
.overflow{overflow:auto;}
#cartidiv a:hover { color:#0B7964; }
.logo a img[src="clear.gif"]{width:auto; height:auto;}

.curr select {border-left: 1px dashed #fff; width: 60px; height: 40px; border:0px; border-left: 1px solid #000}
.lang select {width: 60px; height: 40px; border:0px;} 
.curr-lang {float:right; margin-top:10px;}
.curr-lang div {float:left}
.curr-lang select{
   overflow: hidden;
   background: url(new_arrow.png) no-repeat right #727070;  
   color:white;
   -webkit-appearance: none;
   padding:5px;
   border-radius: 0;
   height:28px;
	}
.curr-lang select:focus{border:0; outline: none;}
.curr-lang select option{background: #727070; color:white; line-height:20px;}
.flags{margin-top: 33px; position: relative; z-index: 999999;}
.flags ul { height: 23px; width:40px; border: 1px #E9E9E9 solid; padding:0px; margin:0px; overflow:hidden;}
.flags:hover ul {overflow:visible;}
.flags ul li { padding: 0px 10px; z-index: 2; list-style-type:none; }
.flags ul li a{display:block;}
.flags:hover ul{ overflow:visible; border-bottom:0px;}
a#submit { z-index: 1; }

.social { float: right; }
.social li {display: inline; margin: 5px; height: 28px; width: 28px; float: left; }
.social li a, .socialtwo li a{ display: block;height: 100%;width: 100%; }
.socialtwo {display:none; width: 80%; margin:0px auto;}
.socialtwo li{display: inline; margin: 5px; height: 28px; width: 28px; float: left;}
#ico-facebook { background-image: url("ico-facebook1.png"); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s;
transition: all ease 0.3s; }
#ico-facebook:hover { background-position: 0px -28px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); }
#ico-twitter { background-image: url("ico-twitter1.png"); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
#ico-twitter:hover { background-position: 0px -28px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); }
#ico-google { background-image: url("ico-google1.png"); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s;    transition: all ease 0.3s; }
#ico-google:hover { background-position: 0px -28px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); }
#ico-pinterest { background-image: url("ico-pinterest1.png"); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s;transition: all ease 0.3s; }
#ico-pinterest:hover { background-position: 0px -28px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); }
#ico-youtube { background-image: url("ico-youtube1.png"); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s;transition: all ease 0.3s; }
#ico-youtube:hover { background-position: 0px -28px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); }
#ico-blog { background-image: url("ico-blog1.png"); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s;        transition: all ease 0.3s; }
#ico-blog:hover { background-position: 0px -28px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); }

.clear { clear:both; }

.logo { float:left; width: 33.33%; font-family: 'Oswald', sans-serif; color:#0B7964; line-height: 135px; margin-top: auto; margin-bottom: auto; }
.logo a { text-decoration: none; }
.logo img {max-width:98%; height:auto;}
.companyname { font-size: 4vw; color: #0B7964; }

.search-bar { float: left;	position: relative;	padding: 0;	margin: 51px 0 0 15%; width:300px;}
.search-bar form {height:41px; }
.search-bar form button {
    background: linear-gradient(to bottom, #1EBA7B, #29BC1D);
    padding: 6px 13px;
    border: 0px;
    border-bottom: 1px solid #00246B;
    width: 28.4%;
}
.search-bar form button:hover{ cursor:pointer;}
.search-field { float: left; border: 1px solid #d9d9d9; background: #fff; font-size: 12px; line-height: 12px; color: #B9B9B9; padding: 10px 10px 10px; margin-right: 2px; width:63%; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.08) inset;-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.08) inset;-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.08) inset; height:17px;}

.my-cart { float:right; font-size:13px;	line-height:21px; padding: 3px 5px 4px 0px; margin-top: 55px; }
.my-cart-inner {text-align:right;}
.my-cart-inner::after{clear:both;}
.my-cart a { color: #424141; font-weight: bold; text-decoration:none; }
.my-cart h3 {
    float: left;
    font-size: 13px;
    background: linear-gradient(to bottom, #1EBA7B, #29BC1D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 5px 0 0;
    line-height: 21px;
    text-transform: uppercase;
    text-align: right;
}
.nav-container { min-height:50px; margin-top: 10px; width: 100%; z-index:2; position:absolute;}

.top-menu {
    background: linear-gradient(to bottom, #1EBA7B, #29BC1D);
    position: relative;
    z-index: 10;
}

.main-container { background: #fff; z-index:1; padding-top: 99px; margin: 0 auto; padding: 20px 0px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); clear:both; position:relative;}
.main-container-inner{padding:0px 10px;}

.slider {width:99%; margin:0px auto; margin-top: 60px;}
.content-info { }
.navigator {
    background: linear-gradient(to bottom, #1EBA7B, #29BC1D);
    display: inline-block;
    width: 19%;
    vertical-align: top;
    padding-top: 10px;
    overflow: hidden;
    float: right;
    margin-top: 15px;
}

.right-menu { width: 96%; margin:0px auto; }
.aligner { display:inline-block; width:80%;  }
.footer {width:100%; margin: 0 auto; background: #4c4c4c; padding-top: 10px; padding-bottom: 10px; }
.copyright { width:100%; background: #353535; padding-top: 10px; padding-bottom: 10px; text-align: center; }


/* Landscape phones and down */
@media (max-width : 568px) 
{
.header-links {width:100%;}
.header-links ul{text-align:center; width:100%; padding:0px;}
.header-links li {padding:0px 8px;}
.social{display:none;}
.socialtwo{display: block !important; margin:10px auto;}
.footer{overflow:auto;}
.logo{width:100%; text-align: center; float:none; line-height: 80px;}
.logo a img{max-width:80%; height:auto;}
.companyname{font-size:40px;}
.search-bar{margin:0px auto; float:none; width:100%;}
.search-field{width:63.9%;}
.my-cart{float:none; padding:0px; margin:0px auto; margin-top:5px; width:98%;}
.curr-lang{display:none;}
.nav-container{position:static;}
.slider{margin-top:0px;}

/*header menu*/
.menu_header_bg{width:100%;}
.menu li {float:none; display:block}
.wrapper_menu .menu{padding:0px; height:100%;}
.menu li:hover .dropdown_1column, .menu li:hover .dropdown_2columns, .menu li:hover .dropdown_3columns, .menu li:hover .dropdown_4columns, .menu li:hover .dropdown_5columns {display:block;}
.menu li:hover{margin-right:0px;}
.menu-container:after{z-index:-1;}
.menu_dark_theme ul li:hover, .menu_dark_theme ul li.nodrop:hover {border:0px;}
.dropdown_1column, .menu li:hover .dropdown_2columns, .menu li:hover .dropdown_3columns, .menu li:hover .dropdown_4columns, .menu li:hover .dropdown_5columns {left:0px; top:0px; position:static; width:100%;}
.menu li:hover .dropdown_1column, .menu li:hover .dropdown_2columns, .menu li:hover .dropdown_3columns, .menu li:hover .dropdown_4columns, .menu li:hover .dropdown_5columns{left:0px; top:0px;}
.menu .col_1, .menu .col_2, .menu .col_3, .menu .col_4, .menu .col_5, .menu .col_6{float:none;}
.dropdown_1column{display:none;}
.menu .dropdown_1column, .menu .dropdown_2columns, .menu .dropdown_3columns, .menu .dropdown_4columns, .menu .dropdown_5columns, .menu .dropdown_fullwidth{position:static; width:96%; padding:10px 0px 10px 10px;}
.menu .levels li ul {position:static; margin:0px; border:0px !important; background:none !important;}
.menu_dark_theme ul li:hover dropdown_1column{display:block;}
.menu .levels li {float: none; width: 100%;}
/*end of header menu*/

.content-area-div{width:100%;}
.left-mobile-menu{display:none;}
.footer-text-content{width:100%; float:none;}
.footer-menu-content {width:100%; float:none;}
.bottom-menu-cell {padding:5px; float:none !important;}
.contactus{float:none; margin-left:5px;}
.navigator{display:none;}
.aligner {width:100%;}
.main-footer-bg{float:none;}

/*currency and translation*/
.flags{position:absolute; top:7px; margin-top:0px;}
}
@media only screen and (max-width : 568px) and (orientation : landscape)
{
.logo a img { max-width: 80%; height: auto;}
.search-field{width:65.9%}
.search-bar form button {width:29%;}
/*currency and translation*/
.flags{position:absolute; top:7px; margin-top:0px;}
}
@media (min-width : 569px) and (max-width : 767px) 
{
.header-links {width:100%;}
.header-links ul{text-align:center; width:100%; padding:0px;}
.header-links li {padding:0px 15px;}
.social{display:none;}
.socialtwo{display: block !important; margin:10px auto;}
.footer{overflow:auto;}
.search-bar{margin:0px auto; float:none;}
.logo{width:100%; text-align: center; float:none; line-height: 80px;}
.companyname{font-size:40px;}
.search-field{width:60%;}
.navigator{display:none;}
.aligner{width:98%; margin:0px auto;}
.my-cart{float:none; padding:0px; margin:0px auto; width:98%; margin-top:5px;}
.curr-lang{display:none;}
.main-container{width:100%;}

/* header menu */
.menu p, .menu ul, .menu li, .menu h2, .menu h3{font-size: 1.3vw;}
.menu_header_bg{width:95%;}

.content-area-div{width:100%;}
.left-mobile-menu{display:none;}
.footer-text-content{width:100%; float:none;}
.footer-menu-content {width:100%; float:none;}
.bottom-menu-cell {padding:5px; float:none !important;}
.contactus{margin-right:10px; margin-left:10px;}
.logo a img { max-width:80%; height: auto;}
}
@media only screen and (min-width : 569px) and (max-width : 767px) and (orientation : portrait)
{
.logo a img { max-width: 80%; height: auto;}
.flags{position:absolute; top:7px; margin-top:0px;}
}
@media only screen and (min-width : 569px) and (max-width : 767px) and (orientation : landscape)
{
.logo a img { max-width: 80%; height: auto;}
/*currency and translation*/
.flags{position:absolute; top:7px; margin-top:0px;}
}

/* Portrait tablet to landscape and desktop, Ipad*/
@media (min-width : 768px) and (max-width : 1199px)
{
.search-bar { position: absolute; margin: 0px auto; left: 39%; margin-top: 47px; width:300px;}
.contactus{float:left !important;}
/*header menu*/
.menu p, .menu ul, .menu li, .menu h2, .menu h3{font-size: 1.3vw;}
.menu_header_bg{width:95%;}
/*end of header menu*/
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
{
.main-container{width:95%;}
.search-bar{width:250px; left:43%;}
.search-bar form button {width:27.4%; padding: 6px 0px;}
.navigator{display:none;}
.aligner{width:98%; margin:0px auto;}
.my-cart h3 {display:none;}
.contactus {margin-left:10px; margin-right:10px;}
.bottom-menu-cell {padding:0px 15px;}
}

/* Large desktop */
@media (min-width: 1200px) 
{
.wrapper, .m-container, .product-listing, .main-container {width:1170px;}
}
0b7964