/*
Theme Name: Camelife
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#858585;}
a{ color:#192352;}
.logged-in div.wpcf7{position: relative !important; margin:0px;}
#wpadminbar ul:after{ clear:inherit;}
ul,ol li{ list-style-type:none;}
#navigation{ float:right;}
#navbtn{ display:none;}
.nav-menu{}
.nav-menu li{ position:relative; float:left;}
.nav-menu li .menuarrow{ display:none;}
.nav-menu li > a{ font:normal 16px/74px 'GOTHIC_5'; color:#fff; padding:0 16px; white-space:nowrap; display:block;}
.nav-menu li:hover > a, .nav-menu li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{ background:#acb0af; color:#fff; text-decoration:none;}
.nav-menu .sub-menu{ position:absolute; left:0; top:100%; background:#192352; min-width:220px; box-shadow:0 0 5px #333; transition: all 300ms ease-out 0s; display:none; z-index:999;}
.nav-menu .sub-menu .sub-menu{ left:100%; top:0;}
.nav-menu li:hover > .sub-menu{ display:block;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu .sub-menu a{ font:normal 14px/40px Arial, Helvetica, sans-serif; padding:0 10px; white-space:nowrap;}
.nav-menu .sub-menu li+li{ border-top:1px solid #acb0af;}
.nav-menu li .menuarrow{ display:none;}

header{ background:#fff; padding:6px 0 0;}
.fifty{ width:50%; float:left;}

#header-top{ padding:4px 0 0;}
#header-top ul li{ position:relative; float:left;}
#header-top ul li img{ position:absolute; top:2px; left:0;}
#header-top ul li a{ font:400 italic 15px/17px 'Lora', serif; color:#000000; padding:0 23px;}

#search{ float:right; border:solid 1px #b19a7a; width: 350px;}
#search input[type="search"] {border:none;color:#b0b0b0;float: left;font: italic 13px/38px 'Lora', serif;height:37px;margin: 0;text-indent: 10px;width:calc(100% - 41px);}
#search button[type="submit"] {background: #fff url(assets/images/icon1.jpg) no-repeat scroll 50% 50%;border:none;border-radius: 0;cursor: pointer;display: block;float: left;height: 37px;margin: 0;width: 39px; font-size:0;}

#blue_bar{ background:#192352; margin:10px 0 0;}
#logo{ float:left;}
#banner{ margin:0 auto; text-align:center;}

.gap{ padding-bottom:30px; padding-top:30px;}
.gap-top{ padding-top:30px;}
.gap-bottom{ padding-bottom:30px;}

#content{ padding:30px 0 30px;}
#content h1{ font:400 italic 37px/39px  'Lora', serif; padding:15px 0 0; color:#2c3e52;}
#content h2{ font:400 25px/28px 'Lora', serif; padding:15px 0 0; color:#000;}
#content h3{ font:300 21px/24px 'Roboto', sans-serif; color:#000; padding:15px 0 0 ;}
#content h5{ font:400 italic 16px/23px 'Lora', serif; padding:15px 0 0 ;}
#content p{ font:400 15px/24px 'Roboto', sans-serif; padding:15px 0 0;}

.woocommerce .woocommerce-breadcrumb{ display:none;}
.pagenation-holder{ background:#192352; margin:10px 0 0; padding:4px;}
.pagenation-holder a{ color:#fff;}
.spring{ background:url(assets/images/icon5.png) no-repeat 50% 100%; padding:0 0 30px; display:block;}
.yellow_underline{/* background:url(assets/images/yelo.jpg) no-repeat 0 100%;*/ border-bottom:2px solid #ecb862; padding:0 0 8px; display:inline-block;}
.spring_box{ width:24.25%; float:left; text-align:center; margin:0 0 0 1%;}
.spring_box:nth-child(4n+1){ clear:left; margin-left:0;}
a.buy, .woocommerce .pro_box a.button{ border:solid 1px #c2c2c2; background:#fff; padding:0 35px; font:400 italic 16px/41px 'Lora', serif; margin:15px 0 0 0; display:inline-block; color:#717171;}
#content .spring_box h5{ padding:5px 0 0;}
a.readmore{ background:#edb862; font:400 16px/54px 'Roboto', sans-serif; color:#fff; padding:0 35px; display:inline-block; margin:15px 0 0; text-align:center; text-transform:uppercase; border-radius:5px;}
.box{ background:#4a2c89;}
.col-3:hover img{ opacity:0.2;}

footer{ background:#656875; padding:25px 0 0;}
footer h2{ font:400 22px/24px 'Roboto', sans-serif; padding:15px 0 10px;  color:#fff;}
.ftr_sec{ width:25%; float:left; min-height:280px;}
.ftr_sec:first-child{ width:17%;}
.ftr_sec:nth-child(4n+3){ width:30%;}
.ftr_sec+.ftr_sec{ padding:0 3%; border-left:solid 1px #848691;}
.ftr_sec ul li{}
.ftr_sec ul li a{ font:400 14px/16px  'Lora', serif; padding:0 0 10px; display:block; color:#fff;}
.social ul li{ float:left; margin:0 0 4px;}
.social ul li a{ padding:0 4px;}

.frm_sec input[type="text"], .frm_sec input[type="email"], .frm_sec input[type="password"], .frm_sec input[type="tel"]{ height:36px; background:#878993; border:none; text-indent:10px;font:normal 15px/36px Arial, Helvetica, sans-serif; width:100%; box-sizing:border-box; color:#fff; margin:10px 0 0;}
.frm_sec  textarea{ height:70px; background:#878993; border:none; padding:5px;font:normal 15px/22px Arial, Helvetica, sans-serif; width:100%; resize:none; box-sizing:border-box; color:#fff; margin:10px 0 0;}
.frm_sec input[type="submit"], .frm_sec input[type="button"]{ border:0; cursor:pointer; color:#fff; background:#a17631;font:400 15px/30px 'Lora', serif; text-transform:capitalize; padding:0 20px; margin:10px 0 0; display:inline-block; transition: all 300ms ease-out 0s;}

#footer_bottom{ background:#192352; padding:10px 0; font:400 14px/16px 'Lora', serif; color:#fff;}
#footer_bottom p{ font:400 14px/28px 'Lora', serif; color:#fff;} 
#footer_bottom img{ float:right;}

#left-sec{ width:256px; float:left;}
#right-sec{ float:right; width:888px;}
.widget_categories, .widget_product_categories{ border:solid 1px #e0a064;}
#content .widget_categories h2, #content .widget_product_categories h2{ background:#192352; font:400 20px/41px 'Roboto', sans-serif; text-transform:uppercase;  text-align:center; margin:-10px 15px 0; color:#fff; padding:5px 0;}
.widget_categories ul, .widget_product_categories ul{ padding:10px 0 10px;}
.widget_categories ul li, .widget_product_categories ul li{ padding:0 15px;}
.widget_categories ul li+li, .widget_product_categories ul li+li{ border-top:solid 1px #bfbfbf;}
.widget_categories ul li a, .widget_product_categories ul li a{ font:500 15px/17px 'Roboto', sans-serif; text-transform:uppercase; color:#949494; background:url(assets/images/icon6.png) no-repeat 0 10px; padding:10px 0 10px 30px; display:block;}
.widget_categories ul li:hover a, .widget_product_categories ul li:hover a{ color:#192352;}

.listing-option{ padding:10px; background:#192352; margin:0 0 15px; color:#fff;}
#content .listing-option p{ padding:6px 0; margin:0;}
.listing-option label{ margin:6px 5px 0 0; float:left; width:auto; color:#fff;}
.listing-option select{ margin:0; float:left; width:auto; min-width:116px; padding:0 15px 0 0;}
.listing-option input[type="button"]{ height:36px; background:#fff; border:1px solid #e1dede;font:normal 15px/26px 'Roboto', sans-serif; width:auto; margin:0 5px; box-sizing:border-box; color:#585858; padding:0 10px;}
.short-option{ float:left; padding:0 50px 0 0;}
.pagenation{ float:right; padding:8px 0 0; vertical-align:top;}
.pagenation a, .pagenation span{ display:inline-block; width:32px; height:16px; text-align:center;  font:500 14px/16px 'Roboto', sans-serif; color:#fff; padding:0 14px;}
.pagenation span{ color:#fff;}
.pagenation a.pagenation-left, .pagenation span.pagenation-left{ background:url(assets/images/pagenation-left.png) no-repeat 50% 100%;}
.pagenation a.pagenation-right, .pagenation span.pagenation-right{ background:url(assets/images/pagenation-right.png) no-repeat 50% 100%;}
.listing-section{ float:left;}
.listing-section+.listing-section{ float:right;}

.pro_box{ width:32.66%; float:left; margin:0 0 20px 1%; text-align:center; position:relative;}
.pro_box:nth-child(3n+1){ clear:left; margin-left:0;}

.pro_box2{ width:32.66%; float:left; margin:0 0 20px 1%;  position:relative; padding: 5px 10px;}
.pro_box2:nth-child(3n+1){ clear:left; margin-left:0;}
.pro_box2 img{display:block; margin:o auto;}


.product-quantity{ float:left;}
.product-quantity > div, .product-option > div{ padding:0 0 5px;}
.product-option{ float:left; margin:0 0 0 15px;}
.product-quantity input[type="text"]{ height:52px; line-height:52px; font-size:16px; text-align:center; text-indent:0;}
.numbers-row input[type="text"]{ height:52px; line-height:52px; font-size:16px; text-align:center; text-indent:0;}

.numbers-row{ width:125px; padding:0 32px; position:relative; margin:5px 0 5px;}
.numbers-row .inc{ position:absolute; right:0; top:0; border:1px solid #e0e0e0; width:30px; height:52px; text-align:center; color:#828282; font:400 30px/52px 'Raleway', sans-serif; cursor:pointer; background: #fff;}
.numbers-row .dec{ position:absolute; left:0; top:0; border:1px solid #e0e0e0; width:30px; height:52px; text-align:center; color:#828282; font:400 30px/52px 'Raleway', sans-serif; cursor:pointer; background: #fff;}
.numbers-row input{ margin:0 !important;}
.price{ font:500 15px/22px 'Lora', serif; color:#192352; padding:5px 0 1px; display:block;}
.price del{ color:#f00; padding:0 5px 0 0;}
.add-to-cart-button{ border:0; cursor:pointer; font:400 17px/46px 'Lora', serif; color:#fff; background:#192352; border-radius:4px; display:inline-block; text-transform:uppercase; padding:0 30px; margin:5px 0 0;}
.buy-now{ border:0; cursor:pointer; font:600 17px/46px 'Raleway', sans-serif; color:#fff; background:url(images/buy-now.png) no-repeat 10px 50% #d0cd0c; border-radius:4px; display:inline-block; text-transform:uppercase; padding:0 20px 0 30px; text-shadow:0 0 2px #999; margin:5px 0 0 5px;}
.add-to-wisht{ border:0; cursor:pointer; font:600 17px/46px 'Raleway', sans-serif; color:#fff; background:url(images/add-to-wish.png) no-repeat 10px 50% #8b8b8b; border-radius:4px; display:inline-block; text-transform:uppercase; padding:0 20px 0 40px; text-shadow:0 0 2px #999; margin:5px 0 0 5px;}
.add-to-cart-button:hover, .buy-now:hover, .add-to-wisht:hover{ box-shadow:0 0 5px #333;}
.idTabs{ border-top:solid 1px #ccc;}
#tab-section .idTabs > div{   display:inline-block;}
#tab-section .idTabs a{  color:#666; display:block; font:400 20px/46px 'Lora', serif; padding:0 15px;text-transform:uppercase; border-top:solid 2px #fff;}
#tab-section .idTabs a:hover, #tab-section .idTabs a.selected{border-top:solid 2px #000;}
#tab-section .tab_container{ padding:5px 0;}
#tab-section .tab_container > div{padding:1px 10px 10px;}
#content h4.note{ font:normal 36px/40px 'journalregular'; color:#94c178;}

.gallery-section { overflow: hidden; position:relative; text-align:center; max-width:500px; margin:0 auto;}
.gallery-section ul{ list-style-type:none;  margin:0;}
.gallery-section:after, .gallery-section div:after, .gallery-section ul:after{  clear: both; content: ""; display: block; line-height: 0; visibility: hidden; font:400 14px/16px 'Raleway', sans-serif;}
.gallery-section img{ border: 0 none;  height: auto;  max-width: 100%; vertical-align: middle;border:1px solid #bcbcbc}
.product-img-box{ display:block; overflow:hidden; position:relative;}
.product-img-box ul li+li{ display:none;}
.product-thumb {  padding:10px 0;  z-index: 999;}
.product-thumb ul{ margin:0;}
.product-thumb ul li {  float: left; padding:5px !important;  text-align: center;  width:25%; box-sizing:border-box; }
.product-thumb ul li:nth-child(4n+1){ clear:left;}
.product-thumb ul li img {  border:1px solid #bcbcbc; box-sizing:border-box;}
.zoomContainer {    left: 0 !important;    top: 0 !important;}

#content p.price del{ font-size:18px;}
#content p.price ins, #content p.price > span.woocommerce-Price-amount{ font:500 31px/34px 'Lora', serif; color:#192352;  padding:15px 0 20px;}

.tinvwl-after-add-to-cart{ display:block; clear:both;}
.tinvwl_add_to_wishlist_button{font: 400 italic 18px/34px 'Lora', serif; margin:10px 0 0 !important; border:1px solid #c2c2c2; background:#fff; color:#717171; padding:0 20px;}
.wishlist_item .product-name{ text-align:center;}
#content form p{ padding:0;}
.woocommerce-MyAccount-navigation ul li+li{ border-top:1px solid #9a9dac;}
.woocommerce-MyAccount-navigation ul li a{  background:#656875; color:#fff; font:400 italic 18px/34px 'Lora', serif; display:block; padding:0 10px;}
.product_meta > span{ display:block; padding:5px 0 0;}
td.product-quantity .quantity input[type="text"] {    height: 36px;}
td.product-quantity .numbers-row .button {    display: none;}

.elp-widget{ padding:6px 0 0;}
.elp-widget label{ color:#fff; margin:0 0 4px;}
.elp-widget .es_button{ padding-top:0;}
.elp-widget .es_textbox{ padding-bottom:0;} 
.elp-widget input[type="text"]{ margin:0;}
.elp-widget .es_textbox_button{    border: 0;  cursor: pointer;  color: #fff; background: #a17631; font:400 15px/30px 'Lora', serif;  text-transform: capitalize;   padding: 0 20px;  margin: 10px 0 0;  display: inline-block; transition: all 300ms ease-out 0s;}
.shopnow{background:#192352; border:1px solid #192352; color:#fff;  display:inline-block; font:italic 400 16px/41px "Lora",serif; margin:15px 0 0; padding:0 35px;}
.search #content article{ border-top:1px solid #999; margin:0 0 15px;}
.search #content article img{ width:auto; height:auto; max-width:100%; max-height:280px;  margin:10px 0 0;}
#banner{ position:relative;}
#banner > .wrapper{ position:absolute; left:0; right:0; bottom:50px; text-align:center;}
#banner > .wrapper a{ color:#fff; background:#192352; display:inline-block; padding:0 26px; border-radius:24px; font:300 19px/34px 'Roboto', sans-serif; margin:0 0 0 -550px;}

@media only screen and (max-width: 1198px) {
.nav-menu li > a{ font-size:13px; padding:0 12px; }
.ftr_sec + .ftr_sec{ padding:0 2%;}
.ftr_sec{ width:22%;}
#right-sec{ width:725px;}
.short-option{ padding:0 22px 0 0;}
.pagenation a, .pagenation span{ padding:0 7px; width:27px;}
#banner > .wrapper{bottom:40px;}
#banner > .wrapper a{margin:0 0 0 -400px;}
}
@media only screen and (max-width: 990px) {
#header-top ul li a{ padding:0 20px;}
#logo{ float:none; margin:0 auto; text-align:center;}
#navigation{ float:none;}
.nav-menu li > a{ font-size:14px; padding:0 15px;}
#right-sec{ width:478px;}
.short-option{ padding:0 36px 10px 0;}
.pagenation{ float:none; margin:0 auto;}
.listing-section + .listing-section{ float:none; margin:0 auto; text-align:center;}
.gap-top{ padding-top:15px;}
.listing-section{ float:none; margin:0 auto; text-align:center; display:table;}
.nav-menu li > a{ line-height:45px;}
#content h1{ font:400 italic 32px/37px  'Lora', serif;}
#banner > .wrapper{bottom:26px;}
#banner > .wrapper a{margin:0 0 0 -300px;  font:300 14px/26px "Roboto",sans-serif;}
}
@media only screen and (max-width: 740px) {
#navigation{ padding:8px; background:#000;}
#navbtn{ display:block; background:url(assets/images/navigation.png) no-repeat 0 0; width:auto; height:28px; font-size:0; cursor:pointer; text-align:right; font-size:18px; line-height:28px; text-transform:uppercase;}
.nav-menu{ display:none;}
.nav-menu li{ float:none;}
.nav-menu li+li{ border-top:1px solid #acb0af;}
.nav-menu li > a{ font:normal 16px/40px Arial, Helvetica, sans-serif;}
.nav-menu li .menuarrow{ position:absolute; right:2px; top:2px; width:36px; height:36px; z-index:99; background:url(images/nav-arrow.png) no-repeat 50% 50%; display:block; cursor:pointer; border-radius:3px;}
.nav-menu li:hover > .menuarrow, .nav-menu li.active > .menuarrow,.nav-menu li.current_page_item > .menuarrow{ background:url(images/nav-arrow.png) no-repeat 50% 50% #192352;}
.nav-menu .sub-menu{ position:relative; margin:0 3px;}
.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu li:hover > .sub-menu{ display:none;}
.fifty{ float:none; width:100%; margin:0 auto;}
.fifty ul{ margin:0 auto; display:table;}
#search{ float:none; margin:0 auto; display:table; width:300px; margin:10px auto;}
.spring_box{ width:48%; margin:0 1% 10px;}
.spring_box:nth-child(4n+1){ clear:none; margin: 0 1% 10px;}
.ftr_sec:first-child{ width:100%; float:none;padding: 0 2%;}
.ftr_sec+.ftr_sec{ border-left:none;}
.ftr_sec:nth-child(4n+3){ width:100%;}
.ftr_sec{ width:100%; min-height:inherit;}
.box{ background:none;}
.col-3:hover img{ opacity:1;}
#left-sec{ float:none; margin:0 auto;}
#right-sec{ float:none; width:100%; margin:10px 0 0;}
.pro_box{ width:48%; margin:0 1% 15px;}
.pro_box:nth-child(3n+1){ clear:none; margin:0 1% 15px;}
footer{ padding:10px 0 0;}
#footer_bottom{ text-align:center; margin:10px 0 0;}
#footer_bottom img{ float:none;}
#banner > .wrapper{ bottom:10px;}
#banner > .wrapper a { font:300 12px/22px "Roboto",sans-serif; margin:0 0 0 -240px;}

.pro_box2, .pro_box2:nth-child(3n+1){ width:98%; float:none; margin:0 1% 20px; }

}
@media only screen and (min-width: 740px) {
.nav-menu{ display:block !important;}
}
@media only screen and (max-width: 450px) {
.spring_box{ width:98%;}
#content h1{ font-size:25px; line-height:29px;}
#header-top ul li a{ font-size:12px; padding:0 17px;}
.pro_box{ width:100%; float:none;}
.listing-option{ text-align:center;}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count, .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ float:none; display:inline-block;}
#content .listing-option p{ margin:0 0 6px;}
#banner > .wrapper{ bottom:8px;}
#banner > .wrapper a { font:300 8px/16px "Roboto",sans-serif; margin:0 0 0 -150px; padding:0 12px;}
}