/*
Theme Name: Magic Mug BD
Theme URI: http://magicmugbd.com
Author: Fahim
Author URI: http://lastfocusit.com
Version: 1.0
Description: Offical Theme of Magic Mug BD LTD.
*/






@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

*{margin:0;padding:0;}
body {font-family: Roboto Condensed; font-size: 14px; font-weight: normal; background: url(img/bg.png) repeat;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size:14px;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
img {border:none; max-width: 100%; height: auto;}
abbr {display: none;}
div, span, input, textarea {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }


/**Element**/
.fixwidth{width: 1038px; margin:0 auto; display:block; padding:  0px 30px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background: #fff; }
.fix{overflow:hidden;}
.floatright {float: right;}
.floatleft{float:left;}
.shadow {box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); margin-top: 10px; margin-bottom: 10px;}
/**Elment End**/
.my_button a {background: url(img/bbg.png) repeat-x; color: #fff; background-position: 0px -60px; transition: all 0.8s}
.my_button a:hover {background-position: 0px 0px; color: #fff;}
.my_button_anchor {background: url(img/bbg.png) repeat-x; color: #fff; background-position: 0px -60px; transition: all 0.8s }
.my_button_anchor:hover {background-position: 0px 0px; color: #fff;}

.button {background: url(img/bbg.png) repeat-x !important; color: #fff !important; background-position: 0px -60px !important; transition: all 0.8s !important; border: 1px solid #ED145B !important; color: #ED145B !important; box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.075) inset, 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 2px rgba(0, 0, 0, 0.1) !important; padding: 8px 12px !important; font-size: 13px !important; font-weight: normal !important; text-transform: capitalize !important; }
.button:hover {background-position: 0px 0px !important; color: #fff !important; border: 1px solid #ED145B !important;}










/**Header area**/
.header_area {}
.header {padding: 30px; }
.header_bottom_border {border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.logo {}
.logo img{width: auto; height: 66px;}
.header_details {}
.search_bar {border: 1px solid #ccc; border-radius: 3px;  display: block;}
.search {border: 0px solid #ccc; font-size: 12px; width: 160px; float: left; padding: 6px 8px; padding-bottom: 7px;}
.single_details {background: url(img/phone.png) no-repeat no-repeat 0px center; margin-right: 30px;}
.single_details:last-child {background: url(img/cash.png) no-repeat 0px center; margin-right: 30px;}
.single_details h1{color: #3D3528; font-size: 25px; margin-left: 25px; margin-top: -2px;}
.single_details:last-child h1{ margin-left: 40px;}
.header_menu {margin-left: 50px; margin-top: 19px;}
.header_menu ul{list-style: none;}
.header_menu ul li{float: left; margin-right: 25px;} 
.header_menu ul li:last-child{ margin-right: 0px;} 
.header_menu ul li a{font-size: 14px; color: #2D2D2D; letter-spacing: 1px; text-transform: uppercase;}
.header_menu ul li a:hover{color: #ED145B;}
.mobile_menu { margin-bottom: 30px;}
.mobile_menu h1{font-size: 25px; color: #202020; margin-bottom: 15px;}
.mobile_menu ul{list-style: none;}
.mobile_menu ul li{margin-top: 10px;}
.mobile_menu ul li a{font-size: 16px; color: #404040;}
.mobile_menu ul li a:hover{color: #ED145B;}
.mobile_menu_switch {}
.mobile_menu_switch a{color: #fff; background: #ED145B; padding: 10px 13px; display: block; border-radius: 3px; transition: background 0.8s;}
.mobile_menu_switch a:hover{background: #303030; }
.submit {float: right; padding: 6px; margin-top: 2px;}





/**Slider area**/
.slider_area {}
.slider {padding-bottom: 30px; }
.slingle_slider {}
.slingle_slider img{width: 100%; height: 100% !important;}
.ws-title a {color: #ED145B;}
.ws_playpause {display: none;}
.ws-title {max-width: 60%; left: 1em !important}
.ws_bullets {display: none;}



/**Ads Area**/
.ads_area {}
.ads {padding-bottom: 30px;}
.leftads {width: 250px; height: 150px;}
.rightads {width: 700px; height: 150px;}
.rightads img{width: 100%; height: 150px;}
.leftads img{width: 100%; height: 150px;}

/**main Area**/
.main_content_area {}
.main_content {padding-bottom: 30px;}
.category_area {width: 25.3%; border: 1px solid #ccc; border-radius: 10px; display: block;}
.category_area h1{font-size: 25px; text-transform: uppercase; text-transform: uppercase; text-align: center; padding: 10px 0px; font-weight: bold;}
.category_area ul li a{font-size: 14px; padding: 10px 30px; display: block; border-top: 1px solid #ccc; color: #2D2D2D; text-align: left;}
.category_area ul li a:hover{color: #ED145B;}
.ui-tabs-active a{background: #ED145B; color: #fff !important;}
.homepage_product_area {width: 74.4%;}
.single_homepage_product {width: 312px; border: 1px solid #ccc; padding: 10px; border-radius: 5px; margin-left: 29px; margin-bottom: 30px; transition: border 0.3s}
.single_homepage_product:hover {border-color: #ED145B;}
.single_homepage_product:hover .homepage_product_img img{opacity: 0.8;}
.homepage_product_img {display: block;}
.homepage_product_img img{width: 100%; height: 160px; transition:all 0.3s;}
.product_details {margin-top: 10px;}
.product_title {margin-bottom: 10px;}
.product_title h1{font-size: 16px; color: #505050;}
.product_price {font-size: 16px; color: #505050; margin-bottom: 10px;}
.product_type {margin-bottom: 10px;}
.prodcut_add_to_cart {margin-bottom: 10px;}
.loadmore_area {width: 96%;}
.loadmore {}
.loadmore a{border: 1px solid #ED145B; padding: 15px; display: block; color: #ED145B; font-size:16px;  text-transform: uppercase; border-radius: 5px; }
.loadmore a:hover {}
#tinynav1 {display: none; }
#tinynav1 {border: 1px solid #aaa; padding: 5px 10px; width: 150px; border-radius: 3px; margin: 15px auto;}
.prodcut_add_to_cart p {border: 0px !important; padding: 0px !important;}
.prodcut_add_to_cart .amount {display: none;}
.added_to_cart {display: none !important;}
.added {pointer-events: none; cursor: default; opacity: 0.5;}
.empty-product { margin-top: 50px;}
.empty-product p{text-align: center; font-size: 16px; color: #303030;}
#colorbox img {width: 100%; height: auto;}
.pp_description {font-size: 18px !important; margin-top: 8px !important;}





/**Footer area**/
.footer_area {}
.footer {padding-bottom: 30px; padding-top: 30px;}
.footer_line { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px;}
.footer_menu {}
.footer_menu ul{list-style: none;}
.footer_menu ul li{margin-top: 4px; text-align: left;}
.footer_menu ul li a{color: #606060;  }
.footer_menu ul li a:hover{color: #ED145B; text-decoration: underline;}
.footer_menu h1{color: #202020; font-size: 18px; margin-bottom: 8px;}
.about_magicmug {width: 350px; text-align: center; margin-left: 170px; margin-top: 15px;}
.about_magicmug h1{color: #202020; font-size: 18px; margin-bottom: 8px;}
.about_magicmug p{color: #606060;}
.about_magicmug a{color: #606060;  }
.about_magicmug a:hover{color: #ED145B; text-decoration: underline;}
.about_magicmug_mobile {width: 100%; text-align: center; margin-bottom: 30px; display: none;}
.about_magicmug_mobile h1{color: #202020; font-size: 18px; margin-bottom: 8px;}
.about_magicmug_mobile p{color: #606060; width: 360px;}
.social_profile {text-align: right;}
.social_profile ul{list-style: none;}
.social_profile ul li{margin-top: 4px; text-align: right;}
.social_profile ul li a{color: #606060;  }
.social_profile ul li a:hover{color: #ED145B; text-decoration: underline;}
.social_profile h1{color: #202020; font-size: 18px; margin-bottom: 8px;}


/**Blog Ads**/
.blog_ads {width: 480px; margin-right: 18px; height: 110px;}
.blog_ads img{width: 100%; height: 100%;}
.blog_ads:last-child {margin-right: 0px;}


/**Blog Main Area**/
.blog_main_area {}
.blog_main {padding-bottom: 30px;}
.blog_main_left {width: 70%;}
.single_blog_title {display: block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0px; margin-bottom: 30px;}
.single_blog_title h1{text-transform: uppercase; font-size: 25px; font-weight: bold; color: #303030;}
.single_blog_title h1 i {color: #404040; font-size: 22px; margin-right: 10px; cursor: context-menu;}
.single_blog_paragraph {}
.single_blog_paragraph p{margin-bottom: 25px; line-height: 28px; text-align: justify; font-size: 18px; color: #262626;}
.single_blog_paragraph p a {color: #ED145B;}
.single_blog_paragraph:b {font-size: 22px; }
.single_blog_paragraph h1, .single_blog_paragraph h2, .single_blog_paragraph h3, .single_blog_paragraph h4, .single_blog_paragraph h5, .single_blog_paragraph h6 {margin-bottom: 15px; font-size: 20px; font-weight: bold; color: #404040;}
.blog_main_right {width: 25%;}
.blog_img_widget {width: 243px; line-height: 0; margin-bottom: 30px; max-width: 100%;}
.blog_img_widget img{width: 100%; height: auto;}
.sidebar_post_area {display: block; margin-bottom: 20px;}
.sidebar_title {background: #ED145B; padding: 10px; border: 1px solid #ED145B; }
.sidebar_title h1{ font-size: 18px; font-weight: bold; color: #fff; text-align: center; }
.single_sidebar_post {display: block; padding: 15px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.single_sidebar_post_title {display: block; margin-bottom: 15px;}
.single_sidebar_post_title h1{font-size: 18px; color: #202020;}
.single_sidebar_post_img {width: 213px; height: 140px; margin-bottom: 15px; max-width: 100%;}
.single_sidebar_post_img img{width: 100%; height: 100%;}
.single_sidebar_post_des {width: 180px; margin-bottom: 15px;}
.single_sidebar_post_des p{color: #505050; line-height: 18px;}
.single_sidebar_post_permalink {}
.single_sidebar_post_permalink a{padding: 6px 10px; display: block; border: 1px solid #ED145B; color: #ED145B; text-transform: uppercase; width: 70px; border-radius: 3px;}




/**Page**/
.page_area {}
.page {padding-bottom: 30px;}
.page_content {}




/**Woocommerce Page**/
.woocommerce_page_area {}
.woocommerce_page {}
.woocommerce_page_content {}



/**404 Error**/
.error_area {}
.error {padding-bottom: 30px;}
.single_error {text-align: center;}
.single_error h1{font-size: 200px; color: #303030;}
.single_error p{font-size: 16px; color: #303030;}

/**Mini Cart**/
.mini_cart {position: fixed; right: 0px; background: #fff; padding: 15px; border: 1px solid #ccc; border-right: none; z-index: 9999; margin-top: 100px; display: none; }
.single_mini_cart {background: url(img/cart.png) no-repeat left 0px;}
.single_mini_cart a{color: #ED145B; margin-left: 28px;}
.footer_checkout_anchor {position: fixed; bottom: 0px; width: 100%; display: none;}
.footer_checkout_anchor a{background: #fff; display: none; padding: 0px; color: #fff; text-align: center;}

/**Search**/
.searchresult {}
.result_title {font-size: 20px; margin-left: 29px; margin-bottom: 30px; color: #303030;}


/**contact us**/
.contact-us-address {margin-bottom: 50px;}
.single_clmn {margin-bottom: 10px; width: 100%;}
.single_clmn p{margin: 0px; color: #606060;}
.left_clmn {width: 160px;}
.middle_clmn {}
.right_clmn { margin-left: 50px; width: 400px;}
.contact-us-form {}
.contact-us-form p{overflow: hidden; display: block; width: 100%; margin-bottom: 25px;}
.wpcf7-form p:nth-child(1){ width: 50%;}
.contact-us-form h1{font-size: 25px; color: #606060; font-weight: normal;}
.wpcf7-form-control {border: 1px solid #ccc; padding: 8px; border-radius: 3px; color: #808080; resize: none; transition: all 1s;}
.wpcf7-form-control:focus {box-shadow: inset 0px 0px 5px 0px #ccc;}
.your-name {}
.your-name input[type=text] {width: 94% !important;}
.your-email input[type=email]{width: 94% !important;}
.your-email {}
.wpcf7-text {width: 96%;}
.wpcf7-textarea {width: 96%;}
.your-subject {}
.wpcf7-submit {float: right; background: url(img/cb.png) repeat-x; box-shadow: none !important; border: 1px solid #BBBBBB; padding: 8px 30px; color: #505050; margin-right: 10px; cursor: pointer; font-family: inherit;}
.firstname {width: 47% !important; float: left; margin-right: 5%;}
.emailaddress {width: 47% !important;}

/**Check Out**/
.input-text { padding: 8px 10px; border: 1px solid #ccc; border-radius: 3px; transition: all 1s; resize: none; color: #808080;}
.input-text:focus { box-shadow: inset 0px 0px 5px 0px #ccc !important;}
.col-1,.col-2 {float: none !important; width: 100% !important;}
.woocommerce-shipping-fields h3 {display: none;}
#billing_first_name_field, #billing_email_field, #billing_phone_field {width: auto !important; float: none !important; overflow: hidden !important;}
.woocommerce-billing-fields  h3{font-weight: bold; font-size: 20px; margin-bottom: 10px;}
#customer_details {width: 35% !important; float: left;}
#order_review {width: 55%; float: right;}
#order_review_heading {display: none;}
.cart_item {display: none;}
.cart-subtotal {display: none;}
#payment {background: #fff !important; overflow: hidden; width: 100%;}
.payment_box {background-color: #fff !important; border: 1px solid #ccc;}
.woocommerce-checkout-review-order-table thead {display: none;}
.shipping th, .shipping td, .order-total th, .order-total td {border-top: none !important;}
.woocommerce-checkout-review-order-table {border: none !important;}
.checkout_h {}
.checkout_h h1{font-size: 20px; font-weight: bold;}
.order-total {width: 100%; overflow: hidden; margin-bottom:30px;}
.order-total div{float: left;}
.order-total div:first-child{width: 150px;}
.shipping {width: 100%; overflow: hidden; margin: 20px 0px;}
.shipping div{float: left; }
.shipping div:first-child{ width: 150px;}
.total_chk {margin-top: 6px;}
.order-total span {font-size: 22px;}
.thankyou {padding: 100px 0px;}
.thankyou h1{font-size: 25px; margin-bottom: 10px; color: #202020;}
.thankyou p{ color: #505050;}
.woocommerce .product-thumbnail img{height: 50px !important; width: auto !important;}
.woocommerce .cart{margin-bottom: 50px !important;}
.div { float: left;}
.my-cart .product-remove {}
.my-cart .cart_items {width: 100%; overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 5px !important; margin-bottom: 9px !important;}
.my-cart .update {float: right !important; margin-top: 25px !important;}
.my-cart .product-remove {margin-right: 20px;}
.my-cart .product-remove a{margin-top: 15px;}
.my-cart .product-name a{color: #404040; pointer-events: none; cursor: default; }
.my-cart .product-name {margin-top: 15px !important; }
.my-cart .product-quantity {margin-top: 9px; float: right; margin-right: 50px;}
.my-cart .product-subtotal {margin-top: 15px !important; color: #404040; float: right;}
.my-cart .product-thumbnail { margin-right: 20px;}
.cart-title {margin-bottom: 30px;}
.cart-title h1{font-size: 20px; font-weight: bold;}
.my-cart .amount {float: right; }
.my-cart .product-subtotal { width: 100px;}












/**Pc Mini Cart**/
.pc_mini_cart {background: #fff; position: fixed; right: 0px; border: 1px solid #ccc; border-right: none; z-index: 999; transition: all 1s; margin-right: -150px;}
.pc_mini_cart_button {}
.pc_mini_cart_button a{padding: 15px; display: block; }
.pc_single_minicart {width: 150px; margin-top: 15px;}
.pc_single_minicart a{color: #ED145B;}
.pc_mini_cart_margin {margin-right: 0px !important;}






/**Csutom Page**/
.custom_page_area {}
.custom_page {padding-bottom: 30px;}
.custom_page_content {}
.full-page {width: 100%; margin-bottom: 40px;}
.page-half {width: 43%;}
.page-half h1 { font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.page-half input {width: 100%;	border: 1px solid #ccc; padding: 8px; border-radius: 3px; color: #000; resize: none; transition: all 0.5s; float: left}
.page-half textarea{width: 100%;	border: 1px solid #ccc; padding: 8px; border-radius: 3px; color: #000; resize: none; transition: all 0.5s; float: left}
.page-half input:focus{box-shadow: inset 0px 0px 5px 1px #ccc;}
.page-half textarea:focus{box-shadow: inset 0px 0px 5px 1px #ccc;}
.page-half label{width: 100%; float: left; margin-bottom: 6px; margin-top: 18px;}
.file2 {margin: 10px 0px;}
.file3 {}
.marginright {margin-right: 7%;}
.marginleft {margin-left: 7%;}
#billing {width: 25px; padding: 0px;}
.same {width: inherit !important; margin: -1px 0px 0px 0px  !important; }
.mug_type_label {width: 80px !important; margin: 0px  !important; margin-top: 8px !important;}
.same_as_billing {}
.same_as_billing label {padding-left: 10px;}
.same_as_billing input {width: initial;}
.mug_types input {width: initial;}
.mug_types label {width: inherit;margin: 0px; float: none; margin-bottom: 10px;padding-left: 10px;}
input[type=checkbox]:not(old):checked + label{
  background-position : 0 -20px;
}

input[type=radio]:not(old):checked + label{
  background-position : 0 -19px;
}
.radio {width: 100%; margin-top: 10px;}
.mug_types { float: left;}
.paper {margin-top: 20px;}
.paper radio{width: initial !important;}
#paper {margin-top: 1px;}
#COD {margin-top: 1px;}
.location_radio {margin-top: 1px;}
.payment {width: 100%; margin-top: 40px; float: left;}
.payment ul{list-style: none}
.payment ul li{margin-bottom: 10px;}
.payment h1{margin-bottom: 15px;}
.payment h2{margin: 30px 0px; font-size: 18px;}
.quantity  {margin-top: 25px; margin-bottom: 10px; width: 100%;}
.quantity label {width: initial; margin: 7px 0px 0px 0px; margin-right: 30px;}
.quantity_box {float: left; padding: 5px 20px; border: 1px solid #ccc;}
.mug_type {float: left; padding: 5px 20px; border: 1px solid #ccc; }
.error_valid {color: red; margin-top: 5px; float: left; font-size: 12px;}
.latest {
   display: none;
}
.mug_type {text-align: center;}
.quantity_box {text-align: center;}

/**About Us**/
.about_us_area {}
.about_us {}
.border-hole {border: 1px solid #ccc;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.top_box_area {width: 100%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; border-bottom: 1px solid #ccc;}
.left_box_area {width: 50%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; border-right: 1px solid #ccc;}
.right_box_area {width: 50%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.single_about_us {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; padding: 20px;}
.single_about_us h1{color: #353535; font-size: 25px; text-align: center; margin-bottom: 20px;}
.textwidget{color: #555; font-size: 16px; text-align: center; line-height: 30px;}



/**Single Product Page**/
.images { width: 50%; float: left; margin-right: 50px; overflow: hidden;}
.summary { float: left; overflow: hidden; }
.related {overflow: hidden; width: 100%; float: left; margin-top: 100px;}
.related-title  h2{font-size: 25px; color: #333; margin-bottom: 30px;}
.related ul {list-style: none; }
.related ul li{float: left; width: 30%; margin-left: 5%;}
.related ul li:first-child{margin-left: 0px;}




/*EXTRA*/
.ad-image-wrapper {width: inherit !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.lightbox {width: 100% !important; max-width: 100% !important;}
.ad-image {height: inherit !important;}