/* ------------------------------------
	Base
------------------------------------ */

body { font-family: 'Playfair Display', serif; font-family: 'Montserrat', sans-serif; font-size: 16px; background: #f4f3f0; color: #444; }

a , a:visited { /*color: #138ff8; */}
a:hover { text-decoration: underline; color: #444; }
a.alt { color: #f51919; }

h1 , h2 , h3 , h4 , h5 , h6 { margin-bottom: 20px; margin-top: 0; }

h1 { text-transform: uppercase; font-size: 26px; font-weight: 700; position: relative; }
h1:after { /*content: ''; display: block; width: 75px; margin: 10px 0; height: 2px; background: #f51919; */}
h1.center { text-align: center; }
h1.center:after { margin: 10px auto 0; }

.bordered-title { padding-bottom: 15px; border-bottom: 2px solid #444; }
.bordered-title-2 { font-size:13px; text-transform:uppercase; font-weight:bold; margin-bottom:10px; padding:6px 0 0 5px; }
.bordered-title-3 { font-size:18px; text-transform:uppercase; font-weight:bold; margin-bottom:10px; padding:0 0 17px 0; border-bottom:#666 solid 2px; }

p , ul , ol { margin: 0 0 20px 0; }

img { max-width: 100%; max-height: 100%; vertical-align: middle; }



.clear { clear: both; }

.button { display: inline-block; vertical-align: middle; line-height: 1; border: 0; color: #fff; background: #F51919; text-transform: uppercase; padding: 8px 16px; border-radius: 2px; transition: all 0.3s; }
.button:hover , .button:focus { background: #3dbb9b; color: #fff; text-decoration: none; }
.button:active { background: #2e9e82; }

.button.inverse { background: #fff; color: #F51919; }
.button.inverse:hover , .button.inverse:focus { background: #F51919; color: #fff; text-decoration: none; }
.button.inverse:active { background: #da1717; }

.button.ghost { background:rgba(255,255,255,0.20); border: 1px solid #8a8a8a; color:#8a8a8a; border-radius:100px; font-size:12px; text-transform:uppercase; padding:10px 35px; font-family: 'Montserrat', sans-serif;   }
.button.ghost:hover , .button.ghost:focus { background: #eb5b0d; border: 1px solid #eb5b0d; color: #fff; text-decoration:  }
.button.ghost:active { background: #da1717; }

.section { padding: 40px 0; }
.grey-bg { background: #f6f8f8; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.white-bg { background: #fff; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.dark-bg { background: #302f2f; color: #e8e8e8; }

.text-blue { color: #0f65b5; }
.text-red { color: #f51919; }
.text-black { color: #444; }

.rating { font-size: 16px; color: #ffae00; }
.rating .fa { display: inline-block; margin: 0 3px 0 0; }

.button_main { text-align:center; float:left; width:100%;}


/* ------------------------------------
	Header
------------------------------------ */

.main-header { background:#FFFFFF; -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.05); box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.05); margin-bottom:35px;}

.logo { line-height: 80px; }

.user-links { line-height: 40px; margin:20px 0 0 0; }

.user-links .social-links { float: right; }
.user-links .social-links a { display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; background: #666; font-size: 15px; border-radius: 50%; transition: all 0.5s; }
.user-links .social-links a.facebook { background: #4278c9; }
.user-links .social-links a.twitter { background: #60b6ff; }
.user-links .social-links a.google-plus { background: #f51919; }
.user-links .social-links a.pinterest { background: #d11515; }
.user-links .social-links a:hover { background: #444; }

.user-links .account-links { float: right; background:#eb5b0d; border-radius:100px; margin-right:20px; padding:0 30px; }
.user-links .account-links a { display: inline-block; font-family: 'Montserrat', sans-serif;  font-size: 12px; color: #FFFFFF; }
.user-links .account-links a .fa { display: inline-block; margin-right:2px; font-size: 13px; color: #FFFFFF; }

.header_three_link_main { float:left; width:100%; padding:5px; background:#d4d4d4;}
.header_three_link { float:left; width:100%; font-size:13px; color:#000; border-right:#333 solid 1px; padding:5px 0; }
.header_three_link a{ color:#000; }

/* ------------------------------------
	Navigation
------------------------------------ */

.navigation { background: #444; display:none; }

.mainmenu {}

.menu-trigger { display: block; color: #fff; background: #f51919; line-height: 55px; font-size: 18px; text-align: center; text-transform: uppercase; transition: all 0.3s; }
.menu-trigger span { display: inline-block; margin: 0 5px; }
.menu-trigger:hover , .menu-trigger:focus { color: #fff; background: #3dbb9b; text-decoration: none; }

.menu-wrapper { display: none; position: absolute; background: #ececec; padding:10px 0; width: 100%; z-index: 999; }
.menu-wrapper .close-menu { display: block; margin: 0 auto; width: 50px; height: 50px; line-height: 50px; background: #fff; font-size: 30px; text-align: center; cursor: pointer; border: 2px solid #e8e8e8; }
.menu-wrapper .close-menu .fa { position: relative; bottom: 4px; }
.menu-box { border: 2px solid #fff; margin: 10px auto; }
.menu-box .title { padding: 10px 20px; background: #f6f8f7; font-size: 18px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.menu-box .title img { max-height: 22px; margin-right: 5px; position: relative; bottom: 2px; }
.menu-box .linklist { background: #fff; margin: 0; padding: 0; list-style: none; height: 160px; overflow: auto; }
.menu-box .linklist li {}
.menu-box .linklist a { display: block; font-size: 13px; padding: 4px 20px; border-bottom: 1px solid #ececec; color: #444; }
.menu-box .linklist li:last-child a { border-bottom: 0; color: #F51919; }


.searchbar { line-height: 55px; font-size: 0; }
.searchbar .input { line-height: 1; border: 0; font-size: 14px; vertical-align: middle; width: 75%; height: 35px; padding: 0 10px; font-style: italic; }
.searchbar .button { font-size: 15px; width: 25%; height: 35px; padding: 0 10px; border-radius: 0; }

.mobile-deals { text-align: center; line-height: 55px; }
.mobile-deals a { display: inline-block; line-height: 1.5; color: #fff; font-size: 18px; }
.mobile-deals a .fa { font-size: 28px; display: inline-block; vertical-align: middle; margin-right: 8px; transform: rotate(-10deg); transition: all 0.3s; }
.mobile-deals a:hover { text-decoration: none; }
.mobile-deals a:hover .fa { transform: rotate(-30deg); }

.cat_all_link { float:left; width:100%; text-align:left;}
.cat_all_link a{ font-size:14px; font-weight:bold; text-transform:uppercase; color:#F00; padding:0 0 0 15px; }


.main_banner { float:left; width:100%; padding:0 0 30px 0;}


/* ------------------------------------
	Subscribe
------------------------------------ */

.subscribe { background: #f51919 url(../images/special-bg.png) repeat center center; color: #fff; text-align: center; }
.subscribe h1:after { background: #fff; }

.subscribe-form { padding: 15px 0 0; }
.subscribe-form .textbox { background: #fff; padding: 10px; border-radius: 3px; width: 90%; max-width: 600px; display: block; margin: 0 auto 30px; border: 0; color: #888; text-align: center; font-style: italic; font-size: 18px; }
.subscribe-form .button { background: #444; color: #fff; padding: 15px 30px; }

.subscribe_box_icon { float:left; width:100%; text-align:center; margin-top:-70px; margin-bottom:20px;}
.left_subscribe_box { float:left; width:100%; margin-top:30px;}


/* ------------------------------------
	List Page
------------------------------------ */

.main_heading { float:left; width:100%; text-align:center;}
.main_heading h1 { float:left; width:100%; text-align:center; font-family: 'Playfair Display', serif; font-size:39px; color:#000000; text-transform:capitalize; font-weight:normal;}
.main_heading h1 span { float:left; width:100%; text-align:center; font-family: 'Montserrat', sans-serif; font-size:13px; color:#7e7e7e; text-transform:uppercase; font-weight:normal; padding:10px 0 0 0;}

.content_box { float:left; width:100%; padding:30px; background:#FFFFFF; }
.product_box_main { float:left; width:100%; margin-bottom:50px; }
.product_box_img { float:left; width:100%; text-align:center; }
.product_box_title { float:left; width:100%; text-align:left; font-family: 'Montserrat', sans-serif; font-size:16px; color:#000000; text-transform:capitalize; font-weight:normal; padding:12px 0 6px 0;}
.product_box_tag { float:left;}
.psd_tag { float:left; background:#683dbf; font-family: 'Montserrat', sans-serif; font-size:11px; text-align:center; color:#FFFFFF; text-transform:uppercase; font-weight:normal; padding:2px 6px; margin-right:5px;}
.html_tag { float:left; background:#24a816; font-family: 'Montserrat', sans-serif; font-size:11px; text-align:center; color:#FFFFFF; text-transform:uppercase; font-weight:normal; padding:2px 6px; margin-right:5px;}

.product_box_dt_title { float:left; width:100%; text-align:left; font-family: 'Montserrat', sans-serif; font-size:30px; color:#000000; text-transform:capitalize; font-weight:normal; padding:0;}
.product_box_dt_tag { float:left; margin:0 0 15px 0;}



/* ------------------------------------
	Detail Page
------------------------------------ */

.product_detail_box_main { float:left; width:100%; }
.download_btn { float:left; background:#1caf11; padding:10px 10px; border-radius:100px; font-size:12px; font-family: 'Montserrat', sans-serif; text-transform:uppercase; margin:30px 0 0 0;}
.download_btn a { color:#FFFFFF; padding:10px 25px; }
.product_box_description { float:left; padding:30px 0 0 0; font-size:13px; font-family: 'Montserrat', sans-serif; color:#555555; text-transform:capitalize; line-height:1.7; text-align:left; }

.detail_page_right_colom { float:left; width:100%; }
.detail_page_right_colom_ad_block { float:left; width:100%; background:#FFFFFF; padding:30px; text-align:center; margin-bottom:40px; }
.product_box_download { float:left; width:100%; padding:40px 0 0 0; }

.click-zoom { float:left; width:100%; text-align:left; font-size:14px; color:#6F6F6F; padding:0 0 15px 0;}

.page-top-ad  { float:left; width:100%; margin:20px 0; border:#D4D4D4 solid 1px; }

/* ------------------------------------
	Popup
------------------------------------ */


.box {
  width: 100%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding:0;
  border-radius:100px;
  background-clip: padding-box;
  text-align: center;
  font-size:13px;
}

.button {
  font-size: 1em;
  padding:12px 30px;
  color: #fff;
  border-radius:100%;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
   border-radius:100px;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:1000 !important;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin:15% auto;
  padding:0 0 50px 0;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
  z-index:1000 !important;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
  background:#1caf11;
  border-radius:4px 4px 0 0;
  text-align:center;
  color:#FFFFFF;
  font-family: 'Montserrat', sans-serif;
  padding:20px 0;
  font-size:17px;
  text-transform:uppercase;
  letter-spacing:1px;
}

.popup .close {
  position: absolute;
  top: 12px;
  right: 20px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color:#FFFFFF !important;
  opacity:7;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  overflow: auto;
  padding:0 30px;
  text-align:center;
  font-size:13px;
  color:#8f8f8f;
}

.subscribe_input {
	width:100%;
	padding:0 50px;
	margin:30px 0;

}

.subscribe_input  input{
	width:100%;
	font-size:13px;
	background:#e6e6e6;
	border:none;
	height:40px;
}

.subscribe_submit_btn{
		text-align:center;
		font-size:13px;
}





@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

/* ------------------------------------
	Footer
------------------------------------ */

.main-footer { padding: 30px 0; background: #222; color: #666; text-align: center; }
.main-footer p { margin: 0; font-size: 13px; text-transform: uppercase; }

footer{padding: 25px 0;}
footer p{ color: #5f707d; font-size:13px; margin:0 0 8px 0; font-family: 'Montserrat', sans-serif; }
footer p a{margin-right: 20px;color: #5f707d;}
footer p a i{margin-right: 5px;}
.container .left{float: left; display: inline;}
.container .right{float: right; display: inline;}