/*
Theme Name: iiStore3 Theme
Theme URI: http://www.dfythemes.com
Description: Wordpress theme, responsive and has custom style for mobile devices
Version: 1.2
Author: http://www.dfythemes.com
*/

/* FONTS */



h1, h2, h3, h4{ color:#00a387;} 
h1 > a, h2 > a, h3 > a, h4 > a , p > a{ color:#00a387; } 
ul{ margin:0; padding:0;} ul li{ list-style:none;}

.lato_semibld{font-family: 'latosemibold';} .lato_bld{font-family: 'latobold';}
.font24{ font-size:24px;} .green{ color:#00a387;} .font18{ font-size:18px;} .red{ color:#e74e3e;}
.m_b_20{ margin-bottom:20px;} .m_b_30{ margin-bottom:30px;} .m_t_0{ margin-top:0;} .m_r_15{ margin-right:15px;}
html, body{ background:#f5f5f5; font-family: 'latoregular'; font-size:16px; color:#363636;}

.header{ background:#363636; padding:20px 0px;} .navbar-brand{ height:auto; padding:0; margin-right:60px;}
.navbar-default{ background:none; border:none;} .navbar{ border-radius:0; margin:0; min-height:inherit;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ background:none; color:#00a387;} .navbar-default .navbar-nav > li > a{  font-size:18px; color:#f5f5f5; padding-left:27px; padding-right:27px;} 
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color:#00a387;} 
.cart{ float:right; font-size:18px; color:#f5f5f5; margin-top:-38px;} .cart span, .cart i{ color:#00a387;} .cart i{ margin-right:6px;}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 556px;
  margin-bottom: 0px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 556px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}

.carousel-caption{ bottom: inherit; top:0; left:0; letter-spacing:1px; width:46%; text-align:left; color:#fff; text-shadow:none;} 
#myCarousel .container{ position:relative; } #myCarousel p{font-family: 'latosemibold'; font-size:38px; } 
#myCarousel h1{font-family: 'latobold'; font-size:96px; margin-top:0;} 
#myCarousel .btn-primary{ background:#00a387; font-family: 'latobold'; font-size:38px; border:none; border-radius:13px; padding:16px 35px;}

.prodct_sec{ padding:50px 0px;} .sortterm select{ width:65%; margin-left:1%; background:#e1e1e1 url(../images/drop_arrow.png) 96% 12px no-repeat; border:none; border-radius:5px; height:40px; color:#7d7d7d; font-size:24px; -moz-appearance:inherit; -o-appearance:inherit; -webkit-appearance:inherit; padding-left:25px;}
.fr{ float:right;} .fl{ float:left;} .fl h2{    font-size: 30px;
    font-family: 'latosemibold';
    margin-top: 0;}

.products{ width:100%; float:left;} 
.products li{ width:30%; float:left; padding:15px 15px; text-align:center; border:#e0e0e0 3px solid; background:#fff; margin:0 7px 7px 0px;} 
.products li:nth-child(3n+3){ margin-right:0;} 
.products li a, .products li img {
    border: medium none; text-decoration:none;
    display: block;
    height: auto;
    max-width: 100%;
    outline: medium none; position:relative;
}
.products li a .onsale {
    background: #00a387;
    color: #fff; z-index:999;
    float: right;
    font-family: 'latobold';
    font-size: 16px;
    left: 50%; margin-left:-30px;
    padding: 0 9px 3px;
    position: absolute;
    text-transform: uppercase;
}

.products li h3 {
    color: #00a387;
  font-family: 'latosemibold'; text-transform:inherit;
    font-size: 30px;
    padding: 10px 0;
}

.products li .button {
    background: #00a387; text-decoration:none;
    border-radius: 4px; margin-top:10px;
    color: #fff;
    display: inline-block;
    float: right;
    font-family: 'latosemibold';
    font-size: 16px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
}

.products li .button:hover{ background:#029178;}

.products li  .amount{ color:#e74e3e;  font-family: 'latobold'; font-size:24px;} 
.products li { text-decoration:none;} .products li del .amount{ color:#363636; font-size:24px; margin-left:10px;}
.prod_botm .btn-primary{ background:#00a387; font-family: 'latobold'; font-size:32px; border:none; border-radius:10px; width:100%; max-width:370px; padding:10px 35px;} .prod_botm .btn-primary:hover{background:#029178;}

.footer_top{ background:#fff; padding:35px 0px;} .footer_top h3{ font-size:24px;} .fotr_blog p{ margin-bottom:0;} 
.footersocial{ padding-top:50px;} .footersocial ul li{ margin-bottom:10px;}
.footersocial ul li a{ display:inline-block; width:36px; background:#cbced4; border-radius:50%; font-size:25px; color:#fff; text-align:center; height:36px;} 
.footersocial ul li a:hover{ background:#00a387;} .footer_botm{ background:#363636; font-size:12px; color:#fff; padding:25px 0px;} 

.blog_sec{ padding:50px 0px; background:#fff;}
.blog_left{ background:#f5f5f5; padding:20px;} 
.blog_left h3{ font-size:30px; font-family: 'latosemibold'; margin-top:0;} 
.blog_left ul li{ margin-bottom:5px;} .blog_left ul li a{ display:block; text-decoration:none; color:#363636;} 
.blog_left ul li a:hover{ color:#00a387;} 

.blog_col{ margin-bottom:50px;} .blog_col .thumbnl{ margin:0 0 20px; padding:0;} .blog_col .thumbnl img{ width:100%;} 
.link1{ text-decoration:underline; color:#00a387; font-size:30px;} .link1:hover{ text-decoration:none; color:#00a387;} 

.post_comment_form{ background:#f5f5f5; padding:30px 40px; border-radius:2px;    margin-bottom: 10px;} 
.post_comment_form h2{ text-transform:inherit;} .post_comment_form label{ font-size:24px; text-transform:uppercase; font-weight:normal;}
.post_comment_form input[type=email], .post_comment_form input[type=password]{ width:70%; padding-left:30px; height:50px; background:#e1e1e1; border:none; margin-bottom:20px; font-size:24px;} .post_comment_form textarea{ width:100%; height:208px; padding-top:12px; padding-left:30px; background:#e1e1e1; border:none; margin-bottom:20px; font-size:24px;} 

.post_comment_form .form-submit input[type="submit"]{ background:#00a387; font-family: 'latobold'; font-size:30px; border:none; border-radius:10px; padding:12px 50px;    color: #fff;}
.post_comment_form .form-submit input[type="submit"]:hover{ background:#029178;}
.contact_sec{ padding:50px 0px;} .contact_sec .map img{ width:100%;} 

.contact_form input[type=email], .contact_form input[type=password], .contact_form input[type=text], .contact_form input[type=subject]{ width:70%; padding-left:30px; height:50px; background:#e1e1e1; border:none; margin-bottom:21px; font-size:24px;} .contact_form textarea{ width:100%; height:208px; padding-top:12px; padding-left:30px; background:#e1e1e1; border:none; margin-bottom:21px; font-size:24px;} 
.contact_form .btn-primary{ background:#00a387; font-family: 'latobold'; font-size:30px; border:none; border-radius:10px; padding:12px 50px;float:left}
.contact_form .btn-primary:hover{ background:#029178;}

.subscribesec{ background:#363636; padding:60px 0px;}
.subscribesec .contact_form input[type=email]{ width:62%; background:#6c6c6c; color:#fff; box-shadow:none; padding-left:15px; margin:0 15px 0px 0px; display:inline; position:relative; bottom:-6px;}

.product_detail{ padding:50px 0px;} 
.larg_img{ background:#fff; border:#e0e0e0 3px solid;}
.larg_img img{ max-width:100%;} 
.product_cart .images .thumbnails > a {
    border: 3px solid #e0e0e0; display:block;
    float: left;
    width: 23%; margin-right:2.6%;
}
.product_cart .images .thumbnails > a:last-child{ margin-right:0;}
.product_cart .images .thumbnails > a img{ width:100%;} .product_cart .images .thumbnails{ margin-top:6px;}

.product_cart .amount{ color:#e74e3e;  font-family: 'latobold'; font-size:30px;} 
.product_cart ins{ text-decoration:none; margin-left:10px;} .product_cart del .amount{ color:#363636; font-size:30px; }

.single_add_to_cart_button{ background:#00a387; color:#fff; width:100%; max-width:340px; display:block; text-align:center; font-family: 'latobold'; font-size:30px; border:none; border-radius:10px; padding:12px 30px; letter-spacing:1px;}
.single_add_to_cart_button:hover{ background:#029178; color:#fff; text-decoration:none;} 

.woocommerce-tabs{ background:#fff; padding:50px 0px;} 
.woocommerce-tabs ul.tabs {
    float: left; margin-bottom:15px;
    width: 100%;
}
.woocommerce-tabs.wc-tabs-wrapper  ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    margin-right: 40px;
    width: auto;
}

.woocommerce-tabs.wc-tabs-wrapper  ul  li.active a, .woocommerce-tabs.wc-tabs-wrapper  ul  li:hover a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #00a387;
}
.woocommerce-tabs.wc-tabs-wrapper  ul  li a {
    color: #363636;
    display: inline-block; text-transform:uppercase;
    float: left;
    font-size: 28px;
    padding: 0;
}

.panel{ border:none; width:100%; float:left; box-shadow:none;} 
#tab-description ul li{ list-style:disc; display:block; float:none; margin:0 0 10px 0px;} 
#tab-description ul li:before{ content:"\f111"; font-family: 'FontAwesome'; color:#333; font-size:8px; margin-right:10px; margin-top:6px; float:left;}

.prod_video{ padding:50px 0px;} .related_product{ background:#fff;}


.bx-wrapper
{
float: left;
}
.orderby
{
    width: 35%;
   
    margin-bottom: 10px;
    color: black;
    width: 20%;

    border: none;
    border-radius: 5px;
    height: 34px;
    color: #7d7d7d;
    font-size: 20px;
    -moz-appearance: inherit;
       margin-top: 17px;
    padding-left: 25px;
}
body > div > div > div.container > div.t_wrap.text-center > div > h1
{
display:none;
}
.woocommerce-result-count
{
    float: left;
    width: 50%;
	    font-size: 15px;
		    padding-top: 20px;
}
.typeBox {
    position: absolute;
    background: black;
    padding: 4px;
    border-radius: 5px;
    left: 0px;
    top: 0px;
    color: white;
    font-weight: 800;
	    z-index: 9999;
}

.woocommerce-pagination ul li
{
display:inline-block;
}
.woocommerce-pagination ul li a
{
color:red;
}
.woocommerce-pagination ul
{
float: right;
    padding-bottom: 20px;
    padding-right: 0%;
    margin-right: -18px;
}
.woocommerce-pagination ul li span
{
    padding: 13px;
    background:#00A387;
    color: #E7E8E8;
    font-size: 14px;
    font-weight: bolder;
    border: 2px solid #E7E8E8;
}
.woocommerce-pagination ul li a
{
    padding: 11px;
    background: #FFFFFF;
    color: #363636;
    font-size: 14px;
    font-weight: bolder;
    border: 1px solid black;
}
.Search_bx  input[type="text"]
{
width: 100%;
    height: 35px;
    padding: 11px;
    font-size: 16px;
    border: 1px solid #00A5AC;
}
.Search_bx  .btn_s
{
display:none;
}
.Search_bx  
{
padding-bottom: 8px;
}
.pagination .current
{
    padding: 13px;
    background: #00A387;
    color: #E7E8E8;
    font-size: 14px;
    font-weight: bolder;
    border: 2px solid #E7E8E8;
}
.pagination span 
{
    padding-right: 5px;
    font-size: 16px;
}
.pagination a
{
    padding: 11px;
    background: #FFFFFF;
    color: #363636;
    font-size: 14px;
    font-weight: bolder;
    border: 1px solid black;
	    margin-left: 2px;
		text-decoration:none;
}
.pagination a:hover
{
    background: #00A387;
	    color: #E7E8E8;
}
.pagination {
    float: right;
	}
.stars a:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: WooCommerce;
    text-indent: 0;
	content: "\e021";
}
.stars a {
    position: relative;
    height: 1em;
    width: 2em;
    text-indent: -999em;
    text-decoration: none;
    margin-right: 1px;
    display: inline-block;
	    color: #E74E3E;
}
p.stars.selected a.active:before, p.stars:hover a:before {
    content: "\e020";
}
.social_toper
{
float: left;
   width:100%;
    margin-top: 6px;
}
.social_toper i{
    color: #E74E3E;
    font-size: 17px;
    margin-right: 5px;
    margin-left: 5px;
	padding: 5px 0 10px 0;
}
.commentlist li .comment_container
{
    float: left;
    width: 100%;
    border: 1px solid #E7E8E8;
    padding: 6px;
    box-shadow: 2px 2px #E7E8E8;
    margin-bottom: 3px;
}
.commentlist li .comment_container img
{
float: left;
}
.commentlist li .comment_container .comment-text
{
float: left;
    padding-left: 10px;
}
.woocommerce-product-rating
{
float: left;
    width: 100%;
}	
	
.pro_title{float:left; width:100%; background:#e7e8e8;margin-top: 8px;}
.pro_title .pull-left .fa{float:left; width:50px; height:50px; line-height:34px; color:#fff; font-size:22px; background:#00A387; padding:10px; text-align:center;}
.pro_title .pull-left span{float:left; color:#363636; text-transform:uppercase; font-size:20px; font-family:'latosemibold'; margin:12px 0 0 15px; letter-spacing:1px;}
.slide_nav{padding:14px 20px 0 0;}
.slide_nav a{color:#fff; font-size:25px; margin-left:6px;}
.onsale
{
    background: #00a387;
    color: #fff;
    z-index: 999;
    float: right;
    font-family: 'latobold';
    font-size: 16px;
    left: 50%;
    margin-left: -30px;
    padding: 0 9px 3px;
    position: absolute;
    text-transform: uppercase;
}
.subscribesec h2
{
    font-size: 30px;
    font-weight: 100;
}	
.products.new_arrivala{
    float: none !important;
    width: 1040px !important;
}

.products.new_arrivala li{width:33%;}
.form-error
{
border: 1px solid #E74E3E !important;
}
.form-success
{
    border: 1px solid #4CAF50 !important;
}
.error-box span
{
    width: 100%;
    padding: 6px;
    background: #E74E3E;
    color: white;
    margin-top: 2px;
}
.summary .woocommerce-Price-currencySymbol
{
	font-size: 30px;
}

.sub-menu{position:absolute; width:200px; top:100%; left:0; display:none; background:#fff;}

.nav > li.menu-item:hover > .sub-menu{display:block; z-index:9999; border-top:4px solid #23282D; border-radius:0; padding:0;}

.nav > li.menu-item > .sub-menu li{float:left; width:100%;}
.menu-item-has-children{padding-bottom: 10px;}

.nav > li.menu-item > .sub-menu li a{padding:10px 20px; border-bottom:2px solid #23282D; display:block; padding:15px 25px; color:#2c3e50; font-size:14px; text-transform:uppercase; font-family:'latobold';}

.nav > li.menu-item > .sub-menu li a:hover, .nav > li.menu-item > .sub-menu li.current_page_item a{color: #fff;
    background: #23282D;}

.nav > li.menu-item > .sub-menu li:last-child a{border-bottom:0;}
@media (min-width:768px) and (max-width:990px){ 
.navbar-brand{ margin-right:10px;} .navbar-default .navbar-nav > li > a{ padding-left:8px; padding-right:8px;} 
.carousel-caption{ width:100%;} #myCarousel p{ font-size:20px;} #myCarousel h1{ font-size:56px;} #myCarousel .btn-primary{ font-size:25px;} 
.carousel, .carousel .item{ height:316px;} .sortterm select{ width:64%;} .t_wrap_prod h2{ margin-top:8px;} 
.subscribesec, .subscribesec .text-right{ text-align:center;} .subscribesec .contact_form input[type=email]{ margin-bottom:10px; bottom:0;}
 
}

@media (max-width: 767px) { .cart{ width:100%; text-align:center; margin:0;} 
.carousel, .carousel .item{ height:auto;} .carousel-inner > .item > img{ position:inherit;} 
.carousel-caption{ width:100%; position:inherit; text-align:center;} #myCarousel p{ font-size:20px;} #myCarousel h1{ font-size:50px;} #myCarousel .btn-primary{ font-size:25px; padding:6px 15px;} .t_wrap_prod h2, .cont_rw_prd, .footer, .contact_sec{ text-align:center;} .sortterm.fr{ float:none; text-align:center; margin-bottom:15px;} .footersocial{ padding-top:10px;} .products li{ width:48.5%; margin-right:3% !important;} .products li:nth-child(2n+2){ margin-right:0 !important;} 
.blog_left{ margin-bottom:30px;} .blog_col{ text-align:center;} .blg_t_left.fl, .social_t_blg.fr{ float:none;} .social_t_blg.fr{ margin-bottom:15px;}
.post_comment_form{  padding:20px 20px; } 
.post_comment_form input[type=email], .post_comment_form input[type=password], .post_comment_form textarea, 
.contact_form input[type=email], .contact_form input[type=password], .contact_form input[type=text], .contact_form input[type=subject], 
.contact_form textarea{ width:100%; font-size:18px; padding-left:15px;} 

.subscribesec, .subscribesec .text-right{ text-align:center;} .subscribesec .contact_form input[type=email]{ margin:0px 0px 10px 0px; bottom:0; width:100%;} 
.contact_sec .contact_form{ margin-top:30px;} 
.contact_form .btn-primary{ padding:12px 40px;} 
.summary.entry-summary{ margin-top:30px;} 
.video_sec iframe{ width:100% !important;}

}

@media (max-width: 480px) {
	
	.products li{ width:100%; margin-right:0 !important;}
	
}

@media (max-width: 380px) {.post_comment_form .form-submit input[type="submit"]{ font-size:25px; padding:12px 34px;}}

h1, h2, h3, h4, h5, .footer_top h3, .footer_botm{font-family:Lato !important;}
p, ul li{ font-size:16px !important;}
.product_cart{ padding-top:30px; padding-bottom:30px;}
.product_cart .images{ width:49%; float:left;  }
.product_cart .images center{ background:#fff; width:100%; float:left; margin-bottom:5px;  border:#e0e0e0 3px solid;}
.product_cart .images center img{ max-width:100%;} 
.product_cart .summary.entry-summary{ width:49%; float:right; text-align:left;} 
.product_cart .summary.entry-summary h1{ font-size:36px; font-family:Lato !important;}
.woocommerce-tabs{ width:100%; float:left; margin-top:30px; padding:25px; border-radius:5px;} 
.product_cart .summary.entry-summary #rtrn{ font-size:16px; margin-bottom:20px;} 
.product_cart .summary.entry-summary .cart{ float:none; margin:0 0 25px;} 
.single_add_to_cart_button, .product_meta span{ font-family:Lato !important;}
.product_cart .amount{font-family:Lato !important; font-weight:bold;} 
.woocommerce-tabs .panel{ text-align:left; padding:0 20px;} .woocommerce-tabs .panel p{ font-size:16px;} 
.woocommerce-tabs .panel h2{ font-size:30px; font-family:Lato !important; text-transform:inherit; }
.woocommerce-tabs .panel h3{ font-size:24px; font-family:Lato !important; text-transform:inherit;}
.woocommerce-tabs .panel ul li{ font-size:17px;}  
.woocommerce-tabs .panel #review_form label{ width:15%; float:left; margin-right:2%; } 
.woocommerce-tabs .panel #review_form input[type=text] { width:40%; background:#f5f5f5; height:35px; border:#e1e1e1 1px solid;} 
.woocommerce-tabs .panel #review_form textarea { width:68%; background:#f5f5f5; height:240px; border:#e1e1e1 1px solid;} 
.woocommerce-tabs .panel  #submit{ background:#00a387; padding:6px 25px; margin-left:17%; border-radius:3px; border:none; color:#fff; color:#fff; cursor:pointer;} .woocommerce-tabs .panel  #submit:hover{ background:#018f77;}
.related.products h2{font-size:30px; font-family:Lato !important; text-align:left;} 
.products li h3, #productsUl li a, .related.products h3{ font-family:Lato !important;}
.product_cart .images .thumbnails > a img{ height:auto;}

.product_cart .summary.entry-summary .product_meta{ width:100%; float:left; margin-top:15px;} 
.product_cart .summary.entry-summary .product_meta .sku_wrapper{ display:none;} 
.product_cart .summary.entry-summary .product_meta .posted_in{ font-weight:bold; font-size:18px; text-transform:uppercase;} 
.product_cart .summary.entry-summary .product_meta .posted_in a{ color:#e74e3e;}


@media (min-width:768px) and (max-width:990px){ 
.product_cart .images, .product_cart .summary.entry-summary{ width:100%;} 
.woocommerce-tabs.wc-tabs-wrapper ul li a{ font-size:18px;} .woocommerce-tabs.wc-tabs-wrapper ul li{ margin-right:25px;} 
.woocommerce-tabs .panel #review_form label{ width:24%;} 
.woocommerce-tabs .panel #review_form textarea{ width:74% !important;} 
.woocommerce-tabs .panel #review_form input[type="text"]{ width:50%;} 
.woocommerce-tabs .panel #submit{ margin-left:26%;}

}

@media (max-width: 767px) {
.product_cart .images, .product_cart .summary.entry-summary{ width:100%;} 
.woocommerce-tabs.wc-tabs-wrapper ul li a{ font-size:18px;} .woocommerce-tabs.wc-tabs-wrapper ul li{ margin-right:25px;} 
.woocommerce-tabs .panel #review_form label, .woocommerce-tabs .panel #review_form input[type="text"]{ width:100%;} 
.woocommerce-tabs .panel #review_form textarea{ width:100% !important;} 
.woocommerce-tabs .panel #submit{ margin-left:0;} .products li h3{ font-size:18px;} 
.woocommerce-tabs{ padding:25px 15px;} .woocommerce-tabs .panel{ padding:0 15px;}}

@media (max-width: 370px) { .woocommerce-tabs.wc-tabs-wrapper ul li{ margin-right:0; width:100%;}}