@charset "utf-8";
/* CSS Document */
body, p, h1, h2, h3, h4,h5,h6,span, ul,ol, li, dl,dt, dd,form { padding:0; margin:0; }
html, body {padding: 0; margin: 0; height:auto; }
body input{ border:none; outline:none; border-radius:0px; }
body textarea{ border:none; outline:none; overflow:auto; border-radius:0px;  }
select::-ms-expand{display:none; }
body  select{-moz-appearance:none; -webkit-appearance:none; border-radius:0px;}
body input[type="submit"],body button { border:none; outline:none;  border-radius:0px; }
input[type=checkbox] { border:none; outline:none; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */  opacity:1; }
::-moz-placeholder { /* Firefox 19+ */ opacity:1; }
:-ms-input-placeholder { /* IE 10+ */ opacity:1; }
:-moz-placeholder { /* Firefox 18- */ opacity:1; }  
img { outline:none; border:none; max-width:100%; }
li{ list-style:none; }
a, a:hover {text-decoration:none; outline:none;}
body .pad-0 {padding:0px;}
body .mar-0 {margin:0px;}
body .container {max-width:1220px; width:100%; padding:0px 10px;}




/*Without header Bg*/
header .fixed_header {border-bottom: 1px solid rgba(255, 255, 255, 0.15);  padding: 15px 0;  border-color: #e5e5e5;  width:100%; z-index:9; transition: all 600ms ease 0s; -webkit-transition: all 600ms ease 0s; -moz-transition: all 600ms ease 0s;}
header .logo .logo_img2 {display:none;}

/* .white_color header .fixed_header { border-color:#e5e5e5; transition: all 600ms ease 0s; -webkit-transition: all 600ms ease 0s; -moz-transition: all 600ms ease 0s;}
.white_color header .fixed_header { background: #ffffff none repeat scroll 0 0; padding: 15px 0; border-color:#e5e5e5 !important;  } 
.white_color header .fixed_header .main-menu nav.navbar ul.nav li > a { color: #181a1b;  }
.white_color header .fixed_header .main-menu nav.navbar ul.nav li > a:hover, header .white_color .main-menu nav.navbar ul.nav li > a:focus { color: #fff; transition: all 600ms ease 0s; -webkit-transition: all 600ms ease 0s; -moz-transition: all 600ms ease 0s; }
.white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact li > a:hover, header .white_color .main-menu nav.navbar ul.nav.head_contact li > a:focus { color: #ff3366;}
.white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact > li.user_icon a {background:url("../images/drk_user_icon.png") no-repeat 17px center; }
.white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact > li.cart_icon a {background:url("../images/drk_cart_icon.png") no-repeat 20px center;}
.white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact > li.phone_icon a {background:url("../images/drk_phone_icon.png") no-repeat center;}
.white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact > li.mail_icon a {background:url("../images/drk_mail_icon.png") no-repeat center;}
.white_color header .fixed_header .logo .logo_img1 {display:none!important;}
.white_color header .fixed_header .logo .logo_img2 {display:block;}
.white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact > li > a::before{height:85px; border-color:#e5e5e5;}
.white_color header .fixed_header .logo a::after  { border-color:#e5e5e5;}
.white_color header .fixed_header .main-menu .our_store .menu_drop {  border-bottom:1px solid #e5e5e5; }
.white_color header .fixed_header .main-menu .our_store .menu_drop li { background: #ffffff none repeat scroll 0 0; color: #ffffff;   border-left: 1px solid #e5e5e5;    border-right: 1px solid #e5e5e5; } 
.white_color header .fixed_header .main-menu nav.navbar ul.nav li.our_store:hover .menu_drop { display:block; opacity:1;  -webkit-animation-name: fade;-webkit-animation-duration: 2s;animation-name: fade;animation-duration: 2s;}
.white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu::after { border-bottom-color: #181a1b; }
.white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu { background: #181a1b none repeat scroll 0 0; }
.white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li { border-color: #757575; }
.white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li a { color: #ffffff; }
.white_color header .fixed_header .main-menu nav.navbar ul.nav li.active > a { color: rgba(0, 0, 0, 0); } 
.white_color .main_content {padding-top:85px; } */
.white_color .main_content {padding-top:85px; } 
.white_color header .fixed_header { background: #181a1b none repeat scroll 0 0;}
.white_color .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu {  /* border: 1px solid #e5e5e5; */}
.innerpage header .fixed_header {border-bottom: 1px solid rgba(255, 255, 255, 0.15);  padding: 15px 0;  width:100%; z-index:9; transition: all 600ms ease 0s; -webkit-transition: all 600ms ease 0s; -moz-transition: all 600ms ease 0s;}
.innerpage header .main-menu { padding: 0; float:right; }
.innerpage header .logo {padding:0px; transition: all 600ms ease 0s; -webkit-transition: all 600ms ease 0s; -moz-transition: all 600ms ease 0s;}
.innerpage header .sticky { background: #ffffff none repeat scroll 0 0; padding: 5px 0; border-color:#e5e5e5; position:fixed; left: 0;right: 0;   z-index: 999; }
.innerpage header .sticky .logo a { padding-top: 4px; width: 80%; } 
.innerpage header .sticky .main-menu nav.navbar ul.nav { margin: 3px 0 ; }
.innerpage header .sticky .main-menu nav.navbar ul.nav li > a { color: #181a1b; font: 14px/34px Jost-Bold; }
.innerpage header .sticky .main-menu nav.navbar ul.nav li > a:hover, header .sticky .main-menu nav.navbar ul.nav li > a:focus { color: #fff; transition: all 600ms ease 0s; -webkit-transition: all 600ms ease 0s; -moz-transition: all 600ms ease 0s; }
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact li > a:hover, header .sticky .main-menu nav.navbar ul.nav.head_contact li > a:focus { color: #ff3366;}
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li.user_icon > a {background:url("../images/drk_user_icon.png") no-repeat 17px center; }
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li.user_icon.after_login > a {background:url("../images/drk_after_login.png") no-repeat 17px center; }
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li.cart_icon > a {background:url("../images/drk_cart_icon.png") no-repeat 20px center;}
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li.phone_icon > a {background:url("../images/drk_phone_icon.png") no-repeat center;}
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li.mail_icon > a {background:url("../images/drk_mail_icon.png") no-repeat center;}
.innerpage header .sticky .logo .logo_img1 {display:none;}
.innerpage header .sticky .logo .logo_img2 {display:block;}
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li > a::before{height:64px; border-color:#e5e5e5;}
.innerpage header .sticky .logo a::after  {height:61px; border-color:#e5e5e5;}
.innerpage header .sticky .main-menu .our_store .menu_drop {     padding-top: 9px; border-bottom:1px solid #e5e5e5; }
.innerpage header .sticky .main-menu .our_store .menu_drop li { background: #ffffff none repeat scroll 0 0; color: #ffffff;   border-left: 1px solid #e5e5e5;    border-right: 1px solid #e5e5e5; } 
.innerpage header .sticky .main-menu nav.navbar ul.nav li.our_store:hover .menu_drop { display:block; opacity:1; -webkit-animation-name: fading; /* Chrome, Safari, Opera */-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */animation-name: fading;animation-duration: 2s;}
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu::after { border-bottom-color: #181a1b; }
/* .innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu { background: #181a1b none repeat scroll 0 0; top: 51px; } */
.innerpage header .sticky .main-menu .our_store .menu_drop li.active a { color: #ff3366;}

.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li { border-color: #757575; background: #181a1b none repeat scroll 0 0; }
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li a { color: #ffffff; }
.innerpage .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.uk > a {background:url("../images/uk_flag.png") no-repeat left center;}
.innerpage .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.ind > a {background:url("../images/india_flag.png") no-repeat left center;}

.logo a::after { border-right: 1px solid rgba(255, 255, 255, 0.15); content: ""; height: 78px; position: absolute; right: 0; top: -15px; }
.logo a { display: inline-block; padding: 0 20px; position: relative; }
.main-menu .navbar .navbar-collapse { padding: 0; float: left; }
.main-menu nav.navbar ul.nav {  margin: 7px 0; transition: all 600ms ease 0s; -webkit-transition: all 600ms ease 0s; -moz-transition: all 600ms ease 0s;}
.main-menu nav.navbar { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; float: right;border-radius: 0; margin-bottom: 0; min-height: auto; position: unset; }
.main-menu nav.navbar ul.nav li > a { position:relative; color: #fff; font: 16px/34px Jost-Bold; margin-right: 37px; padding: 0; text-shadow: none !important; }
.main-menu nav.navbar ul.nav li.active > a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; box-shadow: none; color: #ff3366;  }
.main-menu nav.navbar ul.nav li > a::before { position: absolute; top: 0; left: 0; /* font:16px/34px Jost-Bold; */  overflow: hidden; padding: 0; max-width: 0; white-space: nowrap; border-bottom: 2px solid #ff3366; color: #ff3366; content: attr(data-menu); transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s;; } 
.main-menu nav.navbar ul.nav li > a:hover::before, .main-menu nav.navbar ul.nav li > a:focus::before { max-width: 100%;  transition: all 600ms ease 0s; -webkit-transition: all 600ms ease 0s; -moz-transition: all 600ms ease 0s;}
.main-menu nav.navbar ul.nav li > a:hover, .main-menu nav.navbar ul.nav li > a:focus { color: rgba(0, 0, 0, 0); transition: all 600ms ease 0s; -webkit-transition: all 600ms ease 0s; -moz-transition: all 600ms ease 0s; }
.main-menu nav.navbar ul.nav li.active > a::before {border-bottom: 2px solid #ff3366; max-width:100%;}
/* .main-menu nav.navbar ul.nav li:last-child a { margin-right: 20px; } */
.main-menu nav.navbar ul.nav.head_contact > li > a::before { border-left: 1px solid rgba(255, 255, 255, 0.15); content: " "; height: 78px; left: 0; position: absolute; top: -22px; border-bottom: medium none; } 
.main-menu nav.navbar ul.nav.head_contact > li.no-txt > a {   box-shadow: none; display: inline-block; margin-right: 0; /* padding: 1px 18px; */ text-indent: -9999px; position: relative; width: 58px;} 
.main-menu nav.navbar ul.nav.head_contact > li.phone_icon a, .main-menu nav.navbar ul.nav.head_contact > li.mail_icon a  {   box-shadow: none; display: inline-block; margin-right: 0; /* padding: 1px 18px; */ text-indent: -9999px; position: relative; width: 58px;} 
.main-menu nav.navbar ul.nav.head_contact > li > a {  box-shadow: none; padding-left: 20px; font:14px/34px Jost-Regular;  text-transform:uppercase; margin-right:0px; }
.main-menu nav.navbar ul.nav.head_contact > li.user_icon > a {background:url("../images/user_icon.png") no-repeat 17px center; padding: 0 22px 0 37px;}
.main-menu nav.navbar ul.nav.head_contact > li.user_icon.after_login > a {background:url("../images/after_login.png") no-repeat 17px center; }
.main-menu nav.navbar ul.nav.head_contact > li.cart_icon > a {background:url("../images/cart_icon.png") no-repeat 20px center; padding: 0 19px 0 46px;}
.main-menu nav.navbar ul.nav.head_contact > li.phone_icon > a {background:url("../images/phone_icon.png") no-repeat center;}
.main-menu nav.navbar ul.nav.head_contact > li.mail_icon > a {background:url("../images/mail_icon.png") no-repeat center;}

/*After Login*/
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_pro a  /*, .white_color header .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_pro a */ {background:url("../images/my_profile_wh.png") no-repeat left center;}
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_ord a /* , .white_color header  .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_ord a */ {background:url("../images/my_order_wh.png") no-repeat left center;}
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_tick a/* , .white_color header .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_tick a */ {background:url("../images/my_ticket_wh.png") no-repeat left center;}
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_fav a /*  , .white_color header  .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_fav a */ {background:url("../images/my_fav_wh.png") no-repeat left center;}
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.logout a /* ,.white_color header  .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.logout a */{background:url("../images/logout_wh.png") no-repeat left center;}
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_dow a {background:url("../images/my_dow_wh.png") no-repeat left center;}
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.suport_icon a {background:url("../images/suport_icon_wh.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li.user_icon ul.dropdown-menu { right: 25px; } 
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_pro a {background:url("../images/my_profile.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_ord a {background:url("../images/my_order.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_tick a {background:url("../images/my_ticket.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_fav a {background:url("../images/my_fav.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_dow a {background:url("../images/my_dow.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.suport_icon a {background:url("../images/suport_icon.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.logout a {background:url("../images/logout.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li > a:hover {color:#ff3366;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_pro a:hover {background:url("../images/my_profile1.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_ord a:hover  {background:url("../images/my_order1.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_tick a:hover  {background:url("../images/my_ticket1.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_fav a:hover  {background:url("../images/my_fav1.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.my_dow a:hover  {background:url("../images/my_dow1.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.suport_icon a:hover  {background:url("../images/suport_icon1.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.logout a:hover  {background:url("../images/logout1.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;	}



.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu { background: #ffffff none repeat scroll 0 0;  border: medium none; border-radius: 3px;box-shadow: none; left: auto; min-width: 170px; padding: 0; right: 3px; top: 57px; }
.main-menu nav.navbar ul.nav.head_contact > li.mail_icon .dropdown-menu { min-width: 200px; }
.main-menu nav.navbar ul.nav.head_contact li > a:hover, .main-menu nav.navbar ul.nav.head_contact li > a:focus { color: #ff3366; transition: all 600ms ease 0s; -webkit-transition: all 600ms ease 0s; -moz-transition: all 600ms ease 0s; }
/* .white_color .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li a { color: #757575;  text-indent: 0; display: block; font: 13px/16px Jost-Bold; margin-right: 0; padding: 3px 0 3px 35px; } */
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li a { color: #757575;  text-indent: 0; display: block; font: 13px/16px Jost-Bold; margin-right: 0; padding: 3px 0 3px 35px; }
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li { border-bottom: 1px solid #dadada; padding: 8px 14px; }
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li:last-child { border-bottom: 0 none; }
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.ind a {background:url("../images/india_flag.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu li.uk a {background:url("../images/uk_flag.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li.mail_icon .dropdown-menu li a {font: 15px/24px Jost-Bold; padding: 0;}
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu::after { border-bottom: 10px solid #ffffff; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); content: ""; position: absolute; right: 18px; top: -10px; } 
.main-menu nav.navbar ul.nav li.our_store{transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s;}
.main-menu .our_store .menu_drop { padding-top: 22px; position: absolute; width: 170px; z-index: 99;  display:none; opacity:0; transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s;  }
.main-menu nav.navbar ul.nav li.our_store .menu_drop li a { border-left: 3px solid rgba(0, 0, 0, 0); display: block; font: 15px/42px Jost-Bold; margin-right: 0; padding: 0 11px; }
.main-menu .our_store .menu_drop li { background: #4b4b4b none repeat scroll 0 0; }
.main-menu nav.navbar ul.nav li.our_store .menu_drop li:hover { background: #252525; }
.main-menu nav.navbar ul.nav li.our_store .menu_drop li:hover a { border-color: #ff3366; color: #ff3366; }
.main-menu nav.navbar ul.nav li.our_store:hover .menu_drop { display:block; opacity:1; -webkit-animation-name: fade; /* Chrome, Safari, Opera */-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */animation-name: fade;animation-duration: 2s;}
.main-menu nav.navbar ul.nav li.our_store .child-drop::after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 6px solid #e1d1d1; color: #ffffff; cursor: pointer; position: absolute;content: "";height: 4px; left: 0;margin: 0 auto; right: 0;width: 6px;}
.main-menu nav.navbar ul.nav li.our_store { position: relative; }
.main-menu nav.navbar ul.nav li.our_store .child-drop { padding: 14px; position: absolute; right: 0; top: 2px;  display: none; } 

.main-menu nav.navbar ul.nav.head_contact > li.mail_icon > ul.dropdown-menu > li a { padding-left:27px; font:14px/24px Jost-Regular; width:auto; }
.main-menu nav.navbar ul.nav.head_contact > li.mail_icon > ul.dropdown-menu > li.skype_icon a{background:url("../images/skype_icon.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li.mail_icon > ul.dropdown-menu > li.yahoo_icon a {background:url("../images/yahoo_icon.png") no-repeat left center;}
.main-menu nav.navbar ul.nav.head_contact > li.mail_icon > ul.dropdown-menu > li.mail_icon1 a {background:url("../images/mail_icon1.png") no-repeat left center;}
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li.mail_icon > ul > li.skype_icon a{background:url("../images/skype_icon1.png") no-repeat left center;}
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li.mail_icon > ul > li.yahoo_icon a {background:url("../images/yahoo_icon1.png") no-repeat left center;}
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li.mail_icon > ul > li.mail_icon1 a {background:url("../images/mail_icon.png") no-repeat left center;}
.nav_close  {display:none;}

@-webkit-keyframes fade {from {opacity: 0;  padding-top: 35px;} to {opacity: 1;  padding-top: 22px;}}
@keyframes fade {from {opacity:0; padding-top: 35px;}to {opacity: 1; padding-top: 22px;}} 
@-webkit-keyframes fading {from {opacity: 0;  padding-top: 22px;} to {opacity: 1;  padding-top:9px;}}
@keyframes fading {from {opacity:0; padding-top: 22px;} to {opacity: 1; padding-top: 9px;}} 
.banner_cont { left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 23%; }
.store_banner { position: relative; }
.store_banner .banner_cont .banner_txt h1 { color: #ffffff; font: 50px/68px Jost-Regular; text-transform: uppercase; margin-bottom:2px; }
.store_banner .banner_cont .banner_txt p { color: #ffffff; font: 28px/36px Jost-Bold; margin: 0 auto; max-width: 650px; }
.store_banner .banner_cont .banner_txt p span { color: #ff3366; }
.store_banner .banner_cont .banner_txt { opacity:1; -webkit-animation-name: fadein; /* Chrome, Safari, Opera */-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */animation-name: fadein;animation-duration: 3s;}
.store_banner .stor_ban_img img { width: auto; }
.stor_ban_icon { display: inline-block; text-align: center;}
.stor_ban_icon.one { margin-right: 80px; }
.stor_ban_icon.two { margin-right: 98px;}
.stor_ban_grid { margin-top: 54px; }
.store_banner .stor_ban_icon p { color: #ffffff; font: 14px/36px Jost-Regular; margin-top: 10px; text-transform: uppercase; }
.store_banner .stor_ban_icon p a {color:#fff;}
.store_banner .jumparw { bottom: 16px; left: 0; position: absolute; right: 0; text-align: center;  line-height: 0; }
.store_banner .jumparw a#jump_link { margin-left: 17px; cursor:pointer; padding:20px; display: inline-block; height: 12px; text-indent: -9999px; width: 20px; background:url("../images/stor_ban_arw.png") no-repeat center center; }
.store_banner:hover .jumparw a#jump_link {-webkit-animation-name: bounce; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-name: bounce;animation-duration: 2s; animation-iteration-count: infinite; }
.welcme_cont p:empty { display: none; } 
/*Banner Partner*/

.banner_partner img {width: auto;}
.banner_partner h2 {color: #838384;font: 12px/15px Jost-Bold;text-transform: uppercase; margin-top:50px; margin-bottom:20px; letter-spacing: 1px;}
.banner_partner ul li {display: inline-block;margin: 0px 10px 0 0;vertical-align: top;}
.banner_partner ul li:last-child {margin-right: 0px;}
.banner_partner ul li:first-child {margin-top: 3px;}

/*Payment method*/
.payment_method { text-align: center; background: #efefef; padding: 30px; }
.payment_method h3 { color: #838384; font: 12px/15px Jost-Bold; text-transform: uppercase; letter-spacing: 1.4px; }
.payment_method ul li { display: inline-block;/*  margin-right:8px; */}
.payment_method ul li:last-child {  margin-left:10px;}
.payment_method ul {margin-top: 13px;}


@-webkit-keyframes fadein {
from {opacity: 0; padding-top:30px;} to {opacity: 1; padding-top:0px;}
}
@keyframes fadein {
from {opacity:0;padding-top:30px;}to {opacity: 1;padding-top:0px;}
} 
@-webkit-keyframes bounce { 
0% {-webkit-transform: translate(0,0); transform: translate(0,0); }
6% { -webkit-transform: translate(0,5px); transform: translate(0,5px); }
12% { -webkit-transform: translate(0,0); transform: translate(0,0); }
18% { -webkit-transform: translate(0,5px); transform: translate(0,5px); }
24% { -webkit-transform: translate(0,0); transform: translate(0,0); }
30% { -webkit-transform: translate(0,5px); transform: translate(0,5px); }
36%, 100% { -webkit-transform: translate(0,0); transform: translate(0,0); }
}
@keyframes bounce {
0% { -webkit-transform: translate(0,0); transform: translate(0,0); }
6% { -webkit-transform: translate(0,5px); transform: translate(0,5px); }
12% { -webkit-transform: translate(0,0); transform: translate(0,0); }
18% { -webkit-transform: translate(0,5px); transform: translate(0,5px); }
24% { -webkit-transform: translate(0,0); transform: translate(0,0); }
30% { -webkit-transform: translate(0,5px); transform: translate(0,5px); }
36%, 100% { -webkit-transform: translate(0,0); transform: translate(0,0); }
}
.store_banner img { width: 100%; }


.new_slide_block { background: #f7f7f7 none repeat scroll 0 0; padding: 0 0 40px; text-align: center; }
.new_slide_block h3 { color: #181a1b; font: 34px/54px Jost-Regular; margin-bottom: 50px; margin-top: 40px; position: relative; }
.new_slide_block h3::after { border-bottom: 2px solid #ff3366; bottom: -16px; content: ""; left: 0; margin: 0 auto; max-width: 45px; position: absolute; right: 0; }
.new_slide_cont p { color: #454545; font: 16px/25px Jost-Bold; margin-top: 16px; }

.new_store_grid { float: left; width: 32.5%; }
.new_store_grid.two { padding: 0 42px; position: relative; width: 35%; }
.new_store_grid_blk { padding: 50px 0; }
.new_store_grid p { color: #454545; font: 16px/25px Jost-Bold; margin-top: 15px; }
.new_store_grid.one { padding-right: 45px; }
.new_store_grid.three { padding-left: 45px; }
.new_store_grid.two::after { border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; content: ""; height: 290px; left: 0; position: absolute; right: 0; top: 0; }
.sto_notf { margin: 0 auto; max-width: 800px; text-align: center; }
.sto_notf h4 { color: #454545; font: 22px/30px Jost-Bold; margin-top: 67px; }
.sto_notf h4 a { color: #ff3366; }

.new_slide_effect .image_center {
position: relative;
z-index: 99;
}
.new_slide_effect .inside_img > div {
left: 0;
position: absolute;
right: 0;
top: 80px;
z-index: -1;
}
/* .new_slide_effect .inside_img > div.image_left {
transform: translate(-460px, 0px);
} */
.new_slide_effect {
overflow: hidden;  margin-top:-202px;
}
/* .new_slide_effect .inside_img > div.image_right {
transform: translate(460px, 0px);
} */

/* .new_slide_effect .inside_img > div#lft_image_one {left: 95px;top: 156px;transform: translate3d(-368px, -90px, 0px);}
.new_slide_effect .inside_img > div#lft_image_two {left: 140px;	top: 164px;transform: translate3d(-590px, 38px, 0px);}
.new_slide_effect .inside_img > div#lft_image_three {left: 70px;top: 165px;transform: translate3d(-338px, 95px, 0px);}
.new_slide_effect .inside_img > div#lft_image_four {left: 115px;top: 215px;transform: translate3d(-510px, -125px, 0px);}
.new_slide_effect .inside_img > div#lft_image_five {left: 165px;top: 208px;transform: translate3d(-626px, -94px, 0px);}
.new_slide_effect .inside_img > div#lft_image_six {left: 95px;top: 212px;transform: translate3d(-448px, 64px, 0px);}
.new_slide_effect .inside_img > div#lft_image_seven {left: 150px;top: 207px;transform: translate3d(-711px, 43px, 0px);}

.new_slide_effect .inside_img > div#rgt_image_one {right: 105px;top: 169px;transform: translate3d(416px, -60px, 0px);}
.new_slide_effect .inside_img > div#rgt_image_two {right: 192px;top: 159px;transform: translate3d(641px, -22px, 0px); }
.new_slide_effect .inside_img > div#rgt_image_three {right: 50px;top: 163px;transform: translate3d(351px, 71px, 0px);}
.new_slide_effect .inside_img > div#rgt_image_four {right: 150px;top: 185px;transform: translate3d(636px, 119px, 0px);}
.new_slide_effect .inside_img > div#rgt_image_five {right: 132px;top: 198px;transform: translate3d(499px, 63px, 0px);}
.new_slide_effect .inside_img > div#rgt_image_six {right: 200px;top: 206px;transform: translate3d(606px, -145px, 0px);} */



.store_welcme { padding: 90px 0; }
.stor_welcme_lft { padding: 0 6.05% 0 0; width: 51.6%; }
.stor_welcme_rgt { margin-left: 0; padding: 0; width: 42.35%; }
.store_welcme h1 { color: #000000; font: 50px/53px Jost-Bold;  margin-top: -7px; }
.store_welcme h1 span { display: block; }
.store_welcme p { color: #454545; font: 16px/23px Jost-Bold; margin-top: 13px; text-align: justify; }
.store_welcme p a {color:#ff3366;}
.st_web_templte { background:#181a1b url("../images/web_temp_bg.jpg") no-repeat center center; }
.st_addons{ background:#181a1b url("../images/addons_bg.jpg") no-repeat center center;}
.st_products { background:#181a1b url("../images/product_bg.jpg") no-repeat center center;}
.st_common { padding: 125px 0; text-align: center; background-size:cover; background-attachment:fixed; position:relative; }
.st_common h2 { color: #fff; font: 35px/32px Jost-Regular; letter-spacing: 2.5px; margin-bottom: 19px; text-transform: uppercase; }
.st_common p { color: #fff; font: 17px/24px Jost-Bold; margin: 0 auto 50px;/*  max-width: 600px; */ max-width: 970px; }
.st_common li { display: inline-block; margin-right:1.2%; }
.st_common li:nth-child(4) a {background-position: center 4px;}
.st_common li a { color: #fff; display: inline-block; font: 14px/36px Jost-Regular; padding: 55px 10px 10px; text-transform: uppercase;  background-position: center top; background-repeat: no-repeat;}
.st_common li:last-child {margin-right:0px;}
.st_common li.cs_cart a{background: url("../images/cs_cart_icon.png") no-repeat center top;}
.st_common li.bonnex a{background: url("../images/boonex_icon.png") no-repeat center 12px;}
.st_common li.opencart a{background: url("../images/opencart_icon.png") no-repeat center 10px;}
.st_common li.wordpress a{background: url("../images/wordpres_icon.png") no-repeat center 2px;}
.st_common li.magento a{background: url("../images/megento_icon.png") no-repeat center top;}
.st_common li.drupal a{background: url("../images/drupal_icon.png") no-repeat center top;}
.st_common li.abantecart a{background: url("../images/abantecart_icon.png") no-repeat center top;}
.st_common li.prestashop a{background: url("../images/prestashop_icon.png") no-repeat center top;}
.st_common li.trackonspot a{background: url("../images/trans_icon.png") no-repeat center top;}
.st_common li.blooddonor a{background: url("../images/blood_donar_icon.png") no-repeat center top;}
.st_common li.vidbuffz a{background: url("../images/vidbuff_icon.png") no-repeat center top;}
.link {text-align:center; display:block;    left: 0;     position: absolute;     right: 0; z-index:11; max-width: 40px;  margin: 0 auto;}
.st_common .link { bottom: 30px; transition: all 100ms linear 0s; -webkit-transition: all 100ms linear 0s; -moz-transition: all 100ms linear 0s; -ms-transition: all 100ms linear 0s;  }
.st_common .link.active { bottom: -55px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);  transition: all 1000ms linear 0s; -webkit-transition: all 1000ms linear 0s; -moz-transition: all 1000ms linear 0s; -ms-transition: all 1000ms linear 0s;  }
.st_common_det .link { top: 30px; }
.link a.st_open { text-indent:-9999px; display:inline-block; position:relative; width:26px; height:26px; background:#ff3366 url("../images/st_open.png") no-repeat center center; border-radius:50%; }
.link a.st_open::before{ position: absolute; width: 40px; height: 40px; content: ""; background-color: #ff3366 ; right: -6px;top: -7px; border-radius: 50%; opacity: 1; z-index: -1; -webkit-animation: 2s pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation: 2s pulsate 1s ease-out; -moz-animation-iteration-count: infinite; -o-animation: 2s pulsate 1s ease-out; -o-animation-iteration-count: infinite; -ms-animation: 2s pulsate 1s ease-out; -ms-animation-iteration-count: infinite; animation: 2s pulsate 1s ease-out; animation-iteration-count: infinite; opacity: 0.0;}
@keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0.0; }
50% {     opacity: 0.7; }
100% { -webkit-transform: scale(1.6, 1.6); -moz-transform: scale(1.6, 1.6); -o-transform: scale(1.6, 1.6); -ms-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); opacity: 0.0; } 
}
@-webkit-keyframes pulsate {
0% { -webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0.0; }
50% { 	opacity: 0.7; }
100% { -webkit-transform: scale(1.6, 1.6); -moz-transform: scale(1.6, 1.6); -o-transform: scale(1.6, 1.6); -ms-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); opacity: 0.0; }
}
@-moz-keyframes pulsate {
0% { -webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0.0; }
50% { opacity: 0.7; }
100% { -webkit-transform: scale(1.6, 1.6); -moz-transform: scale(1.6, 1.6); -o-transform: scale(1.6, 1.6); -ms-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); opacity: 0.0; }
}
@-ms-keyframes pulsate {
0% { -webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0.0; }
50% { opacity: 0.7; }
100% { -webkit-transform: scale(1.6, 1.6); -moz-transform: scale(1.6, 1.6); -o-transform: scale(1.6, 1.6); -ms-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); opacity: 0.0; }
}



/* .link .st_close {  text-indent:-9999px; display:inline-block; width:26px; height:26px; background: url("../images/st_close.png") no-repeat center top;} */
.st_common_det {padding:115px 0 60px; position:relative;  background:#ebebeb; transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s;} 
.st_temp_grid { margin-right: 2.66%; width: 23%; transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s; }
.st_temp_grid:nth-child(4) { margin-right: 0; }
.st_temp_grid:hover { box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.22); } 
.st_temp_cont h3.st_temp_title { color: #000000; font: 17px/22px Jost-Regular; }
.st_temp_cont h3.st_temp_title a { color: #1a1a1a; }
.st_temp_cont p {letter-spacing: -1px; color: #696969; font: 13px/20px Jost-Bold; }
.st_temp_cont .add_to_cart { display: inline-block; float: right; height: 24px;  border: medium none; text-indent: -9999px; width: 24px; background: url("../images/add_to_cart_icn.png") no-repeat center center;}
.st_temp_cont .st_temp_head { float: left; }
.review_rating { float: left; }
.st_temp_cont .price p { color: #1a1a1a; float: right; font: 20px/20px Jost-Regular; letter-spacing: -1px; }
.st_temp_cont .price { float: right; margin-top: 5px; } 
.st_temp_cont .product-code {text-align: left;}
.st_temp_cont .product-code span, .rel_temp_txt .product-code span  {color:#ff3366; font:12px/18px Jost-Regular; letter-spacing: 0;  text-transform: uppercase;}
.st_temp_cont { background: #ffffff none repeat scroll 0 0; bottom: -1px; padding: 25px; position: absolute; width: 100%; }
.st_temp_cont .st_temp_txt:last-child { margin-top: 18px; }
.st_more_temp { margin-top: 75px; text-align: center; }
.st_more_temp a { background: #1c1c1c none repeat scroll 0 0; color: #ffffff; display: inline-block; font: 14px/20px Jost-Regular; padding: 15px 38px; text-transform: uppercase;  transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s;}
.st_more_temp a:hover { background: #ff3366 none repeat scroll 0 0;}
.st_addon_det.st_common_det{padding:145px 0 100px;}
.st_addon_grid { text-align: center; width: 20%; }
.st_addon_grid p { color: #454545; font: 16px/53px Jost-Bold; margin-top: 30px; }
.st_addon_grid { text-align: center; width: 20%; z-index: 0; }
.st_addon_grid p { color: #454545; font: 16px/53px Jost-Bold; margin-top: 30px;transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; position:relative; top:0px; }
.st_addon_grid a::after { background: #ffffff none repeat scroll 0 0;transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s; border-radius: 50%; content: ""; height: 244px; left: -7px;top: -33px; position: absolute; width: 244px; opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); z-index: -1; }
.st_addon_det .st_more_temp { margin-top: 54px; } 
.st_addon_det .add-ons {  text-align: center;  }
.st_addon_det .add-ons .st_temp_grid {  border: 10px solid #fff;  display: inline-block; float: left;  /* float: none; */}
.st_addon_det .add-ons .st_temp_grid .st_temp_cont .st_temp_txt { text-align:left;}
.st_addon_det .add-ons .st_temp_grid .st_temp_cont .st_temp_txt p { text-align:left;}
.st_addon_grid:hover a:after {opacity:1;transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s;}
.st_addon_grid:hover p {top:20px; }
.st_common_det {display:none;  -webkit-animation: fadeOut 2s;  animation: fadeOut 2s;}
.st_prod_det.st_common_det  { min-height: 688px;  padding: 211px 0 70px; }
.st_common_det .st_prod {padding:108px 40px 84px;text-align:center; width: 32.333%;  transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms}
.st_prod.one {background:url("../images/st_trackspot_bg.jpg") no-repeat center center; margin-right: 1.5%;}
.st_prod.two {background:url("../images/st_blood_bg.jpg") no-repeat center center; margin-right: 1.5%;}
.st_prod.three {background:url("../images/st_vidbuff_bg.jpg") no-repeat center center;}
.st_prod:last-child{margin-right:0px;}
.st_prod::before { background: #ff3366 none repeat scroll 0 0; content: ""; height: 56px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 0; width: 2px; transition: all 200ms linear 0s; -webkit-transition: all 200ms linear 0s; -moz-transition: all 200ms linear 0s; -ms-transition: all 200ms } 
.hover_content { left: 0; opacity: 0; padding: 0 40px; position: absolute;  right: 0; top: 52%; transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; } .st_prod h3::before {content: ""; height: 96px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 0; width: 77px; transition: all 600ms linear 0s; -webkit-transition: all 600ms linear 0s; -moz-transition: all 600ms linear 0s; -ms-transition: all 600ms } 
.hover_content > p { color: #ffffff; font: 16px/25px Jost-Bold; }
.hover_content > a { background: #ff3366 none repeat scroll 0 0; color: #ffffff; display: inline-block; font: 15px/25px Jost-Regular; margin-top: 35px; padding: 11px 40px; text-transform: uppercase; }
.st_prod h3 { color: #ffffff; font: 30px/36px Jost-Regular; padding-top:95px; position:relative; transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s;	 }
/* .st_prod.one h3:: {background:url("../images/st_trackspot_img.png") no-repeat top center; } 
.st_prod.two h3::before {background:url("../images/st_blood_img.png") no-repeat top center; } 
.st_prod.three h3::before {background:url("../images/st_vidbuff_img.png") no-repeat top center;  } */

.st_prod > a.prod_img {opacity:1; left: 0; position: absolute; right: 0; transition: all 700ms linear 0s; -webkit-transition: all 700ms linear 0s; -moz-transition: all 700ms linear 0s; }
.st_prod:hover > a.prod_img { opacity: 0; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s;}

.st_prod h3::after {opacity:0; background: #ff3366 none repeat scroll 0 0; content: ""; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; top: 75px; width: 2px; transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; }
.st_prod h3::before {content: ""; height: 96px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 0; width: 77px; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms}
.st_common_det .st_prod:hover {padding:68px 40px 50px;}
.st_common_det .st_prod:hover{margin-top:-62px; transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s;}
.st_prod:hover::before { height: 0; }
.st_prod:hover h3::before {opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); transition: all 200ms linear 0s; -webkit-transition: all 200ms linear 0s; -moz-transition: all 200ms linear 0s;}
.st_prod:hover h3 {padding-top:0px; padding-bottom:100%; background:none;}
.st_prod:hover h3::after {opacity:1; height:56px;}
.st_common_det .st_prod > a { display:inline-block; height:76px; transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s;}
.st_common_det .st_prod:hover > a { opacity:0; height:0px; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s;} 
.st_prod:hover .hover_content { opacity:1; transition: all 600ms linear 0s; -webkit-transition: all 600ms linear 0s; -moz-transition: all 600ms linear 0s; } 
.st_common_det.active  {display: inherit;  -webkit-animation: fadeIn 2s;  animation: fadeIn 2s;}
@-webkit-keyframes fadeIn {  from { opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); }    to { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); }}  
@keyframes fadeIn {  from { opacity: 0; transform: scale(0.7); -webkit-transform: scale(1); -moz-transform: scale(0.7); -ms-transform: scale(0.7);} 
to { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); }}
@-webkit-keyframes fadeOut {  
from { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); }
to { opacity: 1; transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); }}  
@keyframes fadeOut {  
from { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);}
to { opacity: 1; transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); }}

.temp_banner { position: relative; }
.temp_banner > img { background: #4b4b4b none repeat scroll 0 0; width: 100%;    max-height: 280px; } 
.temp_banner .banner_cont { left: 0; margin: 0 auto; position: absolute; right: 0;/*  text-align:center ; top: 32%; */ top: 22%; }
.temp_banner .banner_cont .banner_txt h1 { color: #ffffff; font: 40px/40px Jost-Regular; text-transform: uppercase; margin-bottom:15px; }
.temp_banner .banner_cont .banner_txt p { color: #ffffff; font: 20px/20px Jost-Bold; }
.temp_banner .banner_cont .banner_txt { opacity:1; -webkit-animation-name: fadein; /* Chrome, Safari, Opera */-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */animation-name: fadein;animation-duration: 3s;}
.temp_banner .banner_cont .banner_txt a { background: #ff3366 none repeat scroll 0 0; color: #ffffff; display: inline-block; font: 14px/20px Jost-Regular; margin-top: 33px; padding: 15px 25px; text-transform: uppercase; } 
.templ_overvw_grid { padding: 50px 0 80px; } 
.templ_overvw_lft .templ_category h3 { cursor:pointer; border-bottom: 1px solid #efefef; color: #181a1b; font: 13px/16px Jost-Regular; padding: 17px 20px; position: relative; text-transform: uppercase; }
.templ_overvw_lft .templ_category h3 a{color:#181a1b;}
.templ_overvw_lft .templ_category h3 a.active {color: #ff3366;}
.templ_overvw_lft .templ_category h3 a:hover{color:#ff3366;}
.templ_overvw_lft { /* background: #ffffff none repeat scroll 0 0; */ float: left; width: 22.6%; }
.template_overview .main_content { background: #ebebeb none repeat scroll 0 0; }
.templ_overvw_lft .templ_category h3 span { background:url("../images/categ_up_arw.png") no-repeat center center; display: inline-block; height: 15px; position: absolute; right: 17px; text-indent: -9999px;  width: 20px; transition: all 600ms linear 0s; -webkit-transition: all 600ms linear 0s; -moz-transition: all 600ms linear 0s;}
.templ_overvw_lft .templ_category h3.categ_close span {transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); }
.templ_overvw_lft .templ_category ul li label { color: #757575; font: 15px/30px Jost-Bold;  /* display: inline-flex;width: 192px;  */}
.templ_overvw_lft .templ_category ul { border-bottom: 1px solid #efefef; padding: 12px 20px; }
.templ_overvw_lft .templ_category ul li input { height: 15px; margin: 0; opacity: 0; padding: 0; position: relative; vertical-align: middle; width: 20px; z-index: 1; }
.templ_overvw_lft .templ_category ul li input + i { border: 1px solid #c2c2c2; display: inline-block; height: 14px; margin-left: -23px; margin-right: 12px; position: relative; vertical-align: middle; width: 14px; }
.templ_overvw_lft .templ_category ul li input:checked + i::before { background: #ff3366 url("../images/chk_tick.png") no-repeat scroll center center;  content: "";  height: 100%; left: 0; position: absolute; right: 0; width: 100%; z-index: 0; }
.templ_overvw_lft .templ_category ul li input:checked + i { border-color: #ff3366; } 
.templ_overvw_rgt { float: left; margin-left: 3%; width: 74.35%; }
.recent_tmpat_cont > h2 { color: #ffffff; float: left; /* font: 16px/20px Jost-Regular; */ font: 16px/30px Jost-Regular; }
.recent_tmpat_cont { background: #1a1a1a none repeat scroll 0 0; padding: 10px 20px; }
.recent_tmpat_cont p { color: #757575; float: right; /* font: 14px/20px Jost-Bold; */ font: 14px/30px Jost-Bold; }
.templ_grid img { width: 100%; } 
.templ_grid {  height: 403px; margin-right: 3.45%; width: 31%; margin-top: 30px; transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s; }
.templ_grid:nth-child(3n) { margin-right: 0; }
.templ_grid:hover { box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.22); } 
.templ_cont h3.templ_title { color: #000000; font: 17px/22px Jost-Regular; }
.templ_cont h3.templ_title a { color: #1a1a1a; }
.templ_cont p {/* letter-spacing: -1px; */ color: #696969; font: 13px/20px Jost-Bold; }
.templ_cont p.product-code { font: 12px/18px Jost-Regular; letter-spacing: 0; text-transform: uppercase; }
.templ_cont p.product-code span { color: #ff3366; }
.templ_cont .add_to_cart { display: inline-block; float: right;  border: medium none; height: 24px; text-indent: -9999px; width: 24px; background: url("../images/add_to_cart_icn.png") no-repeat center center;}
.templ_cont .templ_head { float: left; }

/*discount banner*/

.discount { margin: 0 auto; max-width: 910px; padding-right: 0px;padding-left: 0px;}
.discount_center {margin:0 auto; width: 364px; position: relative; }
.discount_center .coupon_code { position: absolute; top: 92px; left: -10px; right: 0; color: #fff; font: 24px/24px Jost-Regular; text-transform: uppercase; text-align: center; }
.discount_center .coupon_code span { display: block; font: 13px/15px Jost-Bold; text-transform: none; }
.discount_center .disc_percent { position: absolute; bottom: 62px; left: 74px; right: 0; text-align: left; font: 15px/16px Jost-Regular; color: #000000; }
.discount_text h1 { color: #fff; /* font: 33px/35px Jost-Regular; */ font: 46px/52px Jost-Bold;   text-align: center;  margin: 25px 0; }
.discount_text h1 span.red_chng { color: #ff3366; display: inline-block; }
.discount_text h1 span {display: inline-block;}
/* X'mas Banner */.xmas_offer_blcok .xmas_offer_cont { padding: 30px 0; }.xmas_offer_blcok .xmas_offer_cont h3 { color: #fff; font: 30px/40px Jost-Bold; text-transform: uppercase; margin-bottom: 7px; }.xmas_offer_blcok .xmas_offer_cont h3 span { color: #ff3366; font: 30px/40px Jost-Regular; margin-bottom: 10px; }.xmas_offer_blcok .xmas_offer_cont p { font: 22px/30px Jost-Bold; color: #fff; }.xmas_offer_blcok .xmas_offer_cont p span { background: #ff3366; padding: 6px 10px; display: inline-block; font: 22px/22px Jost-Regular; }

/*Filter Form*/

.temp_filter_form .form-group { float: left; margin-bottom: 0; padding: 13px 0;  border-right: 1px solid #fff; padding-right:33px; }
.temp_filter_form { position: relative; bottom: 0; left: 0; right: 0; background: #b9b9b9; }
.temp_filter_form .form-group label { color: #fff; font: 14px/30px Jost-Regular; text-transform: uppercase; float: left; }
.temp_filter_form .form-group select {color:#757575; font: 14px/20px Jost-Bold; padding-left:10px;  border: none; background: #fff url("../images/filter_arw.png") no-repeat 95%; center; height: 34px; max-width: 200px; width: 100%;  }
.temp_filter_form .form-group.filter_type {  width: 25.4%;  }
.temp_filter_form .form-group.filter_framework { width: 33.2%;  /*  padding-left: 30px; */ }
.temp_filter_form .form-group.filter_version { width: 30%;	}
.temp_filter_form .form-group.filter_btn { text-align:right; width:11.4%; border:none;  padding-right:0px;}
.temp_filter_form .form-group.filter_type label { width: 55px; }
.temp_filter_form .form-group.filter_type select { width: calc(100% - 55px); }
.temp_filter_form .form-group.filter_framework label { width: 145px; text-align:right; padding-right:11px; }
.temp_filter_form .form-group.filter_framework select { width: calc(100% - 145px); }
.temp_filter_form .form-group.filter_version label { width: 111px; text-align:right; padding-right:11px; }
.temp_filter_form .form-group.filter_version select { width: calc(100% - 111px); }
.temp_filter_form .form-group.filter_btn input { background:#181a1b; color: #fff; font: 14px/34px Jost-Regular; text-transform: uppercase;  padding:0 30px;}
.temp_filter_form .form-group.filter_btn input:hover {  background: #ff3366;}

.templ_category li a, .templ_category li { color: #757575; font: 15px/30px Jost-Bold; }
.templ_overvw_lft h2 { background: #181a1b none repeat scroll 0 0; color: #ffffff; font: 16px/32px Jost-Regular; padding: 10px 20px; text-transform: uppercase; } 
.addons-left { background: #ffffff none repeat scroll 0 0; margin-bottom: 25px; }
.web-templates-left { background: #ffffff none repeat scroll 0 0; } 
.templ_category li a:hover, .templ_category li:hover , .templ_category li.active a , .templ_category li a.active {color:#ff3366;}

/*Addons grid*/
.templ_grid.addons-grid > a {border: 10px solid #fff; display:  inline-block; } 

.review_rating { float: left; }
.templ_cont .price p { color: #1a1a1a; float: right; font: 20px/20px Jost-Regular; letter-spacing: -1px; }
.templ_cont .price p { color: #1a1a1a; float: right; font: 20px/20px Jost-Regular; letter-spacing: -1px; }
.templ_cont .price { float: right;}
.templ_cont { background: #ffffff none repeat scroll 0 0; bottom: -1px; padding: 25px; position: absolute; width: 100%; }
.templ_cont .templ_txt:last-child { margin-top: 18px; }
.form-sort { float: left;  margin-right:15px; /* width: 33.5%; */ /* width: 37.5%;   */margin-top: 2px;}
.top_sort_div {float: right;}
.paging { float: left; width: 47%; line-height: normal;  /* text-align: center; */ text-align: left; }

.pagintion_grid { background: #ffffff none repeat scroll 0 0; margin-top: 34px; margin-bottom: 30px;  padding: 9px 20px; }
.form-sort select { /* background: #efefef url("../images/sort_by_arw.png") no-repeat scroll 93% center; */ background: rgba(117, 117, 117, 0.2) url("../images/sort_by_arw.png") no-repeat scroll 93% center;  padding-left: 9px; padding-right: 24px; border:none; margin-left:3px; color: #9c9c9c; font: 14px Jost-Bold; height: 30px; width: 140px; }
.form-sort label, .pagintion_grid p { color: #757575; display: inline-block; font: 14px/20px Jost-Bold; }
.pagintion_grid p {margin-top: 5px; float: right;}
.temp_page_desc { background: #ffffff none repeat scroll 0 0; padding-bottom: 30px; }
.temp_page_desc h3 { border-bottom: 1px solid #efefef;/*  margin-bottom: 6px; */color: #1a1a1a; font: 20px/27px Jost-Regular;  margin-top: 1px; /* margin-top: 30px; */ padding: 25px 30px; text-transform: uppercase; }
.temp_page_desc p { color: #757575; font: 15px/25px Jost-Bold; margin-top: 13px; padding: 0 30px;display: inline-block;width: 100%; }
.paging .pagination  {line-height:normal;}
.paging .pagination { margin: 0;line-height: normal; }
.paging .pagination > li > a, .paging .pagination > li > span { text-align: center; border: 1px solid #d9d9d9; border-radius: 50px; color: #757575; font: 13px/18px Jost-Bold; height: 30px; padding: 4px 10px; width: 30px; }
.paging .pagination li { display: inline-block; line-height: normal; margin-left: 6px; }
.paging .pagination > li.prev > a, .paging .pagination > li.prev > span, .paging .pagination > li.next > a, .paging .pagination > li.next > span { background:none!important; border: medium none; color: #ff3366; font: 14px/19px Jost-Regular; height: auto; margin-right: 0; text-transform: uppercase; width: auto; }
.paging .pagination > li.prev /*, .paging .pagination li.next  */ { margin-left: 0; }
.paging .pagination li.current a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color: #ff3366; color: #ff3366; }
.shop-no-product-found { color: #aaaaaa; font: 30px/30px Jost-Bold; padding: 30px 0 0; text-align: center; text-transform: uppercase; } 
.waitMe_progress_elem1 { background: #ff3366 none repeat scroll 0 0 !important;}
/* .paging .pagination li:nth-child(2) { margin-left: 0; } */
.temp_page_desc_cont { padding: 15px 0 30px; display:none;}



/*IE*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.st_common{background-attachment:scroll;}
form .form-group textarea.input_effect ~ .focus-border { bottom: 0px; }
}
/*Chrome*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
form .form-group textarea.input_effect ~ .focus-border { bottom: 5px; }
}
/*Safari*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
/* 	::i-block-chrome,  */	.contact_form textarea.input_effect ~ .focus-border { bottom: 5px;}
}

/*Loading*/

.loading-fullpage { background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; }
.sk-spinner-rotating-plane.sk-spinner {	background-color: #ff3366;  bottom: 0; height: 50px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 50px;   -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; animation: sk-rotatePlane 1.2s infinite ease-in-out; }
@-webkit-keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
@keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }


/*Breadcrump*/
.breadcrump ul li { color: #757575; display: inline-block; font: 13px/44px Jost-Bold; }
.breadcrump ul li a { color: #757575; }
.breadcrump ul li a::after { content: "/"; margin-left: 5px; margin-right: 2px; }
.breadcrump { padding: 16px 0; }

/*Template Detail Page*/
.templ_det_grid { padding: 0px 0 80px; }
.templ_det_lft h3 { border-bottom: 1px solid #efefef; color: #181a1b; font: 13px/16px Jost-Regular; padding: 17px 20px; position: relative; text-transform: uppercase; }
.templ_det_lft { background: #ffffff none repeat scroll 0 0; float: left;  width: 40%; position:relative }
.templ_det_lft .temp_det_review h3 { border: medium none; color: rgb(117, 117, 117); display: inline-block; font: 14px/16px Jost-Regular; padding: 7px 15px 0; text-transform:none; }
.templ_left_fixed.affix { top: 65px; width: 460px; position: fixed !important; } 
.templ_det_lft .templ_det_border { border: 1px solid #efefef;}
.templ_det_lft .templ_types .templ_items_list .templ_items label { color: #757575; font: 15px/20px Jost-Bold; }
.templ_det_lft .templ_types .templ_items_list { border-bottom: 1px solid #efefef; padding: 12px 20px; }
.templ_det_lft .templ_types.renew_spport .templ_items_list { border-bottom: none; }
.templ_det_lft .templ_types.renew_spport .templ_items_list  .templ_items:last-child { border-bottom: 1px solid #efefef; padding-bottom:15px;}
.templ_det_lft .templ_types .templ_items_list .templ_items input[type="checkbox"] { height: 15px; margin: 0; opacity: 0; padding: 0; position: relative; vertical-align: middle; width: 20px; z-index: 1; }
.templ_det_lft .templ_types .templ_items_list .templ_items input[type="checkbox"] + i { border: 1px solid #c2c2c2; display: inline-block; height: 14px; margin-left: -23px; margin-right: 12px; position: relative; vertical-align: middle; width: 14px; }
.templ_det_lft .templ_types .templ_items_list .templ_items input[type="checkbox"]:checked + i::before { background: #ff3366 url("../images/chk_tick.png") no-repeat scroll center center;  content: "";  height: 100%; left: 0; position: absolute; right: 0; width: 100%; z-index: 0; }
.templ_det_lft .templ_types .templ_items_list .templ_items input[type="checkbox"]:checked + i { border-color: #ff3366; } 
.templ_det_lft .templ_types .templ_items_list .templ_items input[type="radio"] { height: 15px; margin: 0; opacity: 0; padding: 0; position: relative; vertical-align: middle; width: 20px; z-index: 1; }
.templ_det_lft .templ_types .templ_items_list .templ_items input[type="radio"] + i { border: 1px solid #c2c2c2; border-radius:50%; display: inline-block; height: 14px; margin-left: -23px; margin-right: 12px; position: relative; vertical-align: middle; width: 14px; }
.templ_det_lft .templ_types .templ_items_list .templ_items input[type="radio"]:checked + i { border-color: #ff3366;  border-width: 4px;} 

.templ_items .iputs { float: left; }
.templ_items { display: inline-block; width: 100%; }
.tooltips { float: right; position: relative; }
.tooltips span { background: #757575 none repeat scroll 0 0; border-radius: 10px; color: #ffffff; display: inline-block; font: 12px Jost-Bold; height: 17px; padding: 2px; text-align: center; width: 17px; transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; }
.tooltip_cont { background: #ff3366 none repeat scroll 0 0; border-radius: 4px;  color: #ffffff; font: 14px/20px Jost-Bold; margin: 0 auto; opacity: 0; padding: 5px 14px; position: absolute; text-align: center; right: 28px;top: -5px; width: 170px; }
.tooltip_cont > p { color: #ffffff; font: 13px/19px Jost-Regular; } 
.tooltip_cont::after { border-top: 7px solid rgba(0, 0, 0, 0); border-bottom: 7px solid rgba(0, 0, 0, 0); border-left: 7px solid #ff3366; top: 8px; content: ""; right: -7px; margin: 0 auto; position: absolute; width: 6px; }
.tooltips > span:hover + .tooltip_cont { opacity: 1; transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; }
.templ_det_title { color: #181a1b; float: left; font: 30px/30px Jost-Bold; text-transform:capitalize; }
.templ_info { padding: 20px; border-bottom: 1px solid #efefef; }
.templ_det_border > div:last-child { border-bottom: medium none;}
.favorite a { background: rgba(0, 0, 0, 0) url("../images/templ_fav_icon.png") no-repeat scroll center center; display: inline-block; height: 34px; text-indent: -9999px; width: 34px; }
.favorite {cursor:pointer; background: #f2f2f2 none repeat scroll 0 0; border-radius: 50px; height: 34px; text-align: center; width: 34px; }
.favorite i { color: #757575; font-size: 22px; margin-left: -2px; padding: 6px 0 5px; text-align: center; }
.favorite:hover i { color: #ff3366; }
.favorite i.glyphicon-heart { color: #ff3366; }
.favorite { float: right; }
.temp_det_review p { background: #f2f2f2 none repeat scroll 0 0; border-radius: 50px; display: inline-block; padding: 5px 10px; width: auto; }
.temp_det_review span { color: #757575; font: 14px/25px Jost-Bold; margin-left: 8px; vertical-align: middle; }
.templ_info .row { margin-bottom: 15px; }
.templ_det_price h2 { color: #ff3366; font: 30px/30px Jost-Regular; }
.temp_det_review { margin-bottom: 10px; }
.templ_info .product-code { color: #757575; font: 14px/20px Jost-Regular; margin-bottom: 15px; text-transform: uppercase; }
.templ_info .product-code span { color: #ff3366; text-decoration: underline; }
.templ_item_rgt { float: right;  }
.templ_item_rgt > p { float: left; margin-right: 22px; color:#757575; font: 15px/25px Jost-Bold; }
.templ_det_lft .templ_types .templ_items_list .templ_items {clear:both;}
.total_dicrp { float: left; }
.templ_total_price { color: #ff3366; float: right; font: 16px/20px Jost-Regular; margin-right: 40px; }
.templ_totals { padding: 9px 20px 26px; }
.templ_totals .total_dicrp h4 { color: #181a1b; font: 16px/16px Jost-Regular; }
.templ_totals .total_dicrp p { color: #757575; font: 15px/16px Jost-Bold; margin-top: 5px; }
.templ_det_btn > a, .templ_det_btn > button { width: 100%; color: #ffffff; display: block; font: 14px/20px Jost-Regular; padding: 15px; text-align: center; text-transform: uppercase; border: none; transition: all 400ms linear 0s; -webkit-transition: all 400ms linear 0s; -moz-transition: all 400ms linear 0s; }
.templ_det_btn .live_demo { background: #181a1b none repeat scroll 0 0; margin-top:10px;	}
.templ_det_btn .divide_btn  {display:inline-block; width:100%;/*  margin-top:15px; */  margin-top:9px;}
.templ_det_btn .divide_btn button {float:left; color: #ffffff; display: block; font: 14px/20px Jost-Regular; padding: 15px; text-align: center; text-transform: uppercase; border: none; transition: all 400ms linear 0s; -webkit-transition: all 400ms linear 0s; -moz-transition: all 400ms linear 0s;}
.templ_det_btn .addcart { background: #ff3366 none repeat scroll 0 0; width:49%; margin-right:2%;}
.templ_det_btn .buynow { background: #757575 none repeat scroll 0 0;  width:49%;}
.templ_det_btn .divide_btn button.renew_submit { width: 100%;}
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0)  and (min-resolution:.001dpcm) {
.templ_det_btn .divide_btn button  , .templ_det_btn > a{ padding:16px 15px 14px;}
}


.templ_det_btn > a:hover, .templ_det_btn button:hover  {opacity:0.8;}
.templ_det_btn { margin-top: 20px; }
.templ_det_rgt { float: right;  margin-left: 4.35%;width: 55.65%; }
.templ_det_tabs .nav-tabs > li > a { border-radius: 0; display: inline-block; font: 15px/34px Jost-Regular; text-transform: uppercase; color:#757575; border:none; position:relative; padding-left:40px; }
.templ_det_tabs .nav-tabs > li {  border: 1px solid #e5e5e5; display: inline-block; margin-right: -1px; text-align: center; width: 214px; }
.templ_det_tabs  .nav-tabs > li.active > a, .templ_det_tabs  .nav-tabs > li.active > a:focus, .templ_det_tabs  .nav-tabs > li.active > a:hover , .templ_det_tabs  .nav-tabs > li > a:hover {background:none; border:none; color:#ff3366; }
.templ_det_tabs  .nav-tabs > li.active , .templ_det_tabs  .nav-tabs > li:hover {border-top:1px solid #ff3366; box-shadow: 0 2px 0 #ff3366 inset;}
.templ_det_tabs .nav-tabs > li > a::before { content: ""; height: 30px; left: 7px; position: absolute; top: 10px; width: 30px; }
.templ_det_tabs .nav-tabs > li.feature > a::before { background: rgba(0, 0, 0, 0) url("../images/templ_fea_icn.png") no-repeat scroll left center; }
.templ_det_tabs .nav-tabs > li.technical > a::before { background: rgba(0, 0, 0, 0) url("../images/templ_tech_icn.png") no-repeat scroll 5px center; }
.templ_det_tabs .nav-tabs > li.review > a::before { background: rgba(0, 0, 0, 0) url("../images/templ_revw_icn.png") no-repeat scroll 5px center; }
.templ_det_tabs .nav-tabs > li.active.feature > a::before, .templ_det_tabs .nav-tabs > li.feature > a:hover::before { background: rgba(0, 0, 0, 0) url("../images/templ_fea_icn1.png") no-repeat scroll left center; }
.templ_det_tabs .nav-tabs > li.active.technical > a::before , .templ_det_tabs .nav-tabs > li.technical > a:hover::before{ background: rgba(0, 0, 0, 0) url("../images/templ_tech_icn1.png") no-repeat scroll 5px center; }
.templ_det_tabs .nav-tabs > li.active.review > a::before , .templ_det_tabs .nav-tabs > li.review > a:hover::before { background: rgba(0, 0, 0, 0) url("../images/templ_revw_icn1.png") no-repeat scroll 5px center; }
.templ_det_tabs .nav-tabs { border: medium none; }
.templ_det_tabs .tab-content { border: 1px solid #e5e5e5; padding: 30px; border-top:none;}
.templ_det_tabs .tab-content #features.tab-pane ul li { font: 15px/40px Jost-Bold; padding-left: 20px;  background: rgba(0, 0, 0, 0) url("../images/templ_tick.png") no-repeat scroll left 15px;}
.templ_det_tabs .tab-content #features.tab-pane ul {margin-bottom:10px}

.renew_spport .templ_items > p { color: #757575; font: 15px/24px Jost-Bold; margin-bottom: 15px; }
.templ_det_lft .templ_types.renew_spport .templ_items_list .templ_items label { color: #181a1b; font: 15px/20px Jost-Regular; } 
#features.tab-pane { color: #757575; font: 14px/24px Jost-Bold; background:url(../images/templ_det_tab.png) no-repeat 100% center; } 

.templ_det_tabs .tab-content h3{font: 18px/23px Jost-Regular; color:#181a1b;  display:inline-block; float: left; max-width: 165px;}
.templ_det_tabs .tab-content .tec-det-blk ul{display:inline-block; vertical-align:top;}
.templ_det_tabs .tab-content .tec-det-blk ul li{display:inline-block; vertical-align:top;}
.templ_det_tabs .tab-content .tec-det-blk .tec-det-content li{font: 15px/33px Jost-Bold; color:#757575;  float: left; margin-bottom: 30px; padding: 7px 10px 7px 56px;width: 48%; background-position: left center; background-repeat:no-repeat;}
/* .templ_det_tabs .tab-content .tec-det-blk .tec-det-content li.custom{background:url(../images/custom-bg.png) no-repeat left center;}
.templ_det_tabs .tab-content .tec-det-blk .tec-det-content li.organise{background:url(../images/organise-bg.png) no-repeat left center;}
.templ_det_tabs .tab-content .tec-det-blk .tec-det-content li.pixel{background:url(../images/pixel-bg.png) no-repeat left center;}
.templ_det_tabs .tab-content .tec-det-blk .tec-det-content li.unique{background:url(../images/unique-bg.png) no-repeat left center;} */
.templ_det_tabs .tab-content .sof-req-blk p{background:url(../images/ps-bg.png) no-repeat left center; float:right; font: 15px/24px  Jost-Bold; color:#757575; padding:0px 0 0px 55px;  width: 71%;}
.templ_det_tabs .tab-content .tec-det-blk { float: right; width: 71%; } 
.templ_det_tabs .tab-content .tec-det-blk .tec-det-content li:nth-child(2n) {  margin-left: 4%;}
.templ_det_tabs .tab-content .tab_grid:last-child { margin-top: 18px; } 
.templ_det_des > h3 { border-bottom: 1px solid #e5e5e5; color: #181a1b; font: 15px/19px Jost-Regular; margin-bottom: 22px; padding-bottom: 18px; text-transform: uppercase; }
.templ_det_des > p { color: #757575; font: 15px/24px Jost-Bold; }
.templ_det_des { margin-bottom: 60px; }
.templ_det_tabs .tab-content #review h3 { display: block; max-width: 100%; width: 100%;margin-bottom: 10px; }
.reivew_grid {display:inline-block; width:100%; margin-top: 18px; padding-bottom: 10px; border-bottom:1px solid #e5e5e5;}
.reivew_grid.reply_review { margin-left: 75px;  width: calc(100% - 75px);}
.reivew_grid.reply_review .review_cont { width: 83%;}
.revw_img { float: left; padding-right: 18px; width: 75px;  }
.reivew_grid .review_top h4 { color: #757575; float: left; font: 15px/33px Jost-Regular; }
.reivew_grid .review_top h4 .rvw_timing { color: #adadad; font: 12px/33px Jost-Bold; }
.reivew_grid .review_top .rating { float: right; margin: 4px 0 10px; }
.review_cont { float: left; width: 87%; }
.review_cont p { color: #757575; font: 15px/22px Jost-Bold; }
.review_cont a { color: #ff3366; display: inline-block; font: 13px/33px Jost-Regular; } 
.review_form_blk .form-group { position: relative; z-index: 1; margin-bottom:20px;}
.review_form .form-group input, .review_form .form-group textarea { height: 35px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; resize:none; border-bottom: 1px solid #dbdbdb; color: #757575; font: 15px/24px Jost-Bold; width: 100%; } 
.review_form .form-group textarea  {height:80px;}
.review_form .input_effect ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background-color: #757575; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; } 
.review_form .input_effect:focus ~ .focus-border,
.review_form .has-content.input_effect ~ .focus-border{width: 100%; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; left: 0;}
.review_form .input_effect ~ label{position: absolute; left: 0; width: 100%; top: 1px; font: 15px/24px Jost-Bold; color: #757575; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; z-index: -1;}
.review_form .input_effect:focus ~ label, .review_form .has-content.input_effect ~ label{top: -15px; font-size: 12px;  text-shadow: 0 0 0; color: #757575; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s;}
.review_form h2 { color: #ffffff; font: 30px/34px Jost-Bold; margin-bottom: 45px; }
.review_form textarea.input_effect ~ .focus-border { bottom: 2px; }
.review_form { display: inline-block; width: 100%; } 
.review_btn input {background: #ff3366 none repeat scroll 0 0; color: #ffffff; font: 14px/20px Jost-Regular; padding: 15px; text-transform: uppercase; width: 180px; }
.review_btn { display: inline-block; margin-top: 0px; width: 100%; }
.review_form .form-group label {font: 15px/24px Jost-Bold; color: #757575;}
.review_form .form-group .giv_ratings {display:inline-block; margin-left:15px; vertical-align: middle;}
.templ_det_tabs .tab-content #review .review_form_blk h3 { margin-bottom: 25px; }
.write_review { margin: 45px 0; text-align: center; width: 100%; }
.write_review .write_review_btn { background: #757575 none repeat scroll 0 0; color: #ffffff; display: inline-block; font: 14px/20px Jost-Regular; padding: 15px 50px; text-transform: uppercase;  transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s;}
.write_review .write_review_btn:hover{color:#757575; background:#efefef;}
.review_form  .form-group.review_ratings { margin: 25px 0; } 
.templ_detail_slider {margin-bottom:60px;}
.templ_detail_slider .templ_det_slide .owl-theme {  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.templ_detail_slider .thumbnails {  width: 340px;/*  margin-bottom: 20px; */ float:left; margin-left: 40px;}
.templ_det_rgt .templ_detail_slider > .clearfix { border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; padding-bottom: 30px; } 
.templ_detail_slider .social_items {float:right; margin-top:22px;}
.templ_detail_slider .social_items li { color: #757575; display: inline-block; font: 15px/28px Jost-Regular; }
.templ_detail_slider .social_items li a {text-indent: -99999px; display: inline-block; width: 28px; height: 28px;text-align: left; }
.templ_detail_slider .social_items li.temp_fb a { background-image:url("../images/temp_fb_icn.png"); background-repeat:no-repeat; background-position: center center;}
.templ_detail_slider .social_items li.temp_tw a { background-image:url("../images/temp_tw_icn.png"); background-repeat: no-repeat; background-position: center center;}
.templ_detail_slider .social_items li.temp_pin a { background-image:url("../images/temp_pin_icn.png"); background-repeat: no-repeat; background-position: center center;}
.templ_detail_slider .social_items li.temp_gp a { background-image:url("../images/temp_gp_icn.png"); background-repeat: no-repeat; background-position: center center;}
.templ_detail_slider .social_items li a {background-color:#f2f2f2; border-radius:50px;}
.rel_temp_grid { margin-right: 2.66%; width: 23%; transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s; }
.related_templ_blk .add-ons .rel_temp_grid {border:10px solid #fff;}
.rel_temp_grid:nth-child(4) { margin-right: 0; }
.rel_temp_grid:hover { box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.22); } 
.rel_temp_cont h3.rel_temp_title { color: #000000; font: 17px/22px Jost-Regular; }
.rel_temp_cont h3.rel_temp_title a { color: #1a1a1a; }
.rel_temp_cont p {letter-spacing: -1px; color: #696969; font: 13px/20px Jost-Bold; }
.rel_temp_cont .add_to_cart { display: inline-block; float: right;  border: medium none; height: 24px; text-indent: -9999px; width: 24px; background: url("../images/add_to_cart_icn.png") no-repeat center center;}
.rel_temp_cont .rel_temp_head { float: left; }
.review_rating { float: left; }
.rel_temp_cont .price {  float: right;}
.rel_temp_cont .price p { color: #1a1a1a; float: right; font: 20px/20px Jost-Regular; letter-spacing: -1px; }
.rel_temp_cont { background: #ffffff none repeat scroll 0 0; bottom: 0; padding: 25px; position: absolute; width: 100%; }
.rel_temp_cont .rel_temp_txt:last-child { margin-top: 18px; }
.related_templ_blk { background: #ebebeb none repeat scroll 0 0; padding: 82px 0 81px; }
.related_templ_blk h2 { color: #181a1b; font: 30px/40px Jost-Regular; margin-bottom: 60px; text-align: center; }
.review_form .input_effect ~ label.error-form {text-shadow: none; display: inline-block; right:0px; font: 12px/14px Jost-Bold; left: auto; position: absolute; text-align: right; top: auto; bottom: -25px; }
.review_rating{/*  padding-left:2px; padding-right:2px;  */ float:none; font-size:18px; cursor:pointer; color: #D4D4D4; display:inline-block; } 
.rvw_clr_1{ color: #FFAC31; } .rvw_clr_2{ color: #a7a9ac; }
.recaptcha_div { float: left; }
.review_btn input { margin-left: 15px; margin-top: 10px; float: left; }
.review_form .recaptcha_div .error-form { font: 12px/14px Jost-Bold; } 
.review_form .form-group.review_ratings label.error-form { bottom: 0; font: 12px/14px Jost-Bold; position: absolute; right: 0; } 
.templ_det_thump .owl-theme.owl-carousel .owl-stage-outer {  z-index: 5;}
.templ_det_thump .owl-theme.owl-carousel .item.thumb-img { opacity: 0.3; }
.templ_det_thump .owl-theme.owl-carousel .item.thumb-img.thumb-image { opacity: 1; }
.templ_det_thump .owl-theme .owl-nav { position: absolute;     height: 100%; margin: 0;top: 0; width: 100%; z-index:1; }
.templ_det_thump .owl-theme .owl-nav div.owl-next { float: right; background:#f2f2f2 url("../images/pro_det_rgt.png") no-repeat center center; right:-40px;}
.templ_det_thump .owl-theme .owl-nav div.owl-prev { float: left; background:#f2f2f2 url("../images/pro_det_lft.png") no-repeat center center; left:-40px;}
.templ_det_thump .owl-theme .owl-nav div { text-indent: -9999px;  border-radius: 0; width:24px; height: 70px;margin: 0;padding: 11px; opacity:1; }
.templ_det_thump .owl-theme .owl-nav div { position:relative; }
.templ_det_thump .owl-theme .owl-nav div.owl-next:hover { background:#e3e3e3 url("../images/pro_det_rgt.png") no-repeat center center; }
.templ_det_thump .owl-theme .owl-nav div.owl-prev:hover { background:#e3e3e3 url("../images/pro_det_lft.png") no-repeat center center;}
.templ_det_thump .owl-theme .owl-nav div:hover{background-color:e3e3e3;}
.templ_det_thump .owl-theme:hover .owl-nav div {opacity:1;}
.up_grade_version {padding:50px 0 0px;}
.up_grade_version > h2 { border-bottom: 1px solid #e5e5e5; color: #181a1b; font: 15px/19px Jost-Regular; margin-bottom: 22px; padding-bottom: 18px; text-transform: uppercase; }
.upgrade_ver_grid > h3 {color: #181a1b; font: 19px/19px Jost-Regular; padding: 5px 0;  }
.upgrade_ver_grid > p { color: #757575; font: 15px/24px Jost-Bold; }
.upgrade_ver_grid > p.upgrade_date {font:13px/20px Jost-Regular; text-transform: uppercase;}
.upgrade_ver_grid { background: #f6f6f6 none repeat scroll 0 0; margin-bottom: 10px; padding: 10px; }
.upgrade_ver_grid > p.upgrade_date span.version_nm {color: #ff3366;}

.templ_det_slide .prod_det_img { background-position: center 0; background-repeat: no-repeat; background-size: 100% auto; /*  height: 840px; */  transition: all 5500ms linear 0s; -webkit-transition: all 5500ms linear 0s; -moz-transition: all 5500ms linear 0s; -ms-transition: all 5500ms linear 0s; -o-transition: all 5500ms linear 0s; } 
.templ_det_thump .prod_det_thumb {background-position: center center; background-repeat: no-repeat; background-size: 100% auto; height:68px; border:1px solid #e5e5e5; }
.templ_det_slide .prod_det_img:hover {background-position: center 100%; transition: all 5500ms linear 0s; -webkit-transition: all 5500ms linear 0s; -moz-transition: all 5500ms linear 0s; -ms-transition: all 5500ms linear 0s; -o-transition: all 5500ms linear 0s; }

/*template Detail Download Free*/
.free_templ {padding:50px  0; margin: 25px 0; border:1px solid #efefef;}
.free_temp_form .input_effect ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background-color: #757575; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; } 
.free_temp_form .input_effect:focus ~ .focus-border,
.free_temp_form .has-content.input_effect ~ .focus-border{width: 100%; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; left: 0;}
.free_temp_form .input_effect ~ label{position: absolute; left: 0; width: 100%; top: 1px; font: 15px/24px Jost-Bold; color: #757575; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; z-index: -1;}
.free_temp_form  .input_effect ~ label{font: 17px/36px Jost-Bold; }
.free_temp_form .free_temp_input .input_effect ~ label{font: 17px/36px Jost-Bold; }
.free_temp_form .input_effect:focus ~ label, .free_temp_form .has-content.input_effect ~ label{top: -15px; font-size: 12px;   color: #757575; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s;}
.free_temp_form .form-group input{ height: 35px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; resize:none; border-bottom: 1px solid #dbdbdb; color: #757575; font: 17px/36px Jost-Bold; width: 100%; } 
.free_temp_form .form-group  {position:relative;  z-index: 0; margin-bottom: 27px;}
.free_temp_form .form-group input {height: 45px; color: #757575; font: 17px/36px Jost-Bold; }
.free_temp_form .input_effect ~ label.error-form { display: inline-block; font: 12px/14px Jost-Bold; left: auto; position: absolute; text-align: right; top: 52px; }
.free_temp_form .recaptcha_div { float: none; margin: 0 auto 20px; max-width: 304px; }
.free_temp_form .recaptcha_div label.error-form { display: block; font: 13px/20px Jost-Bold; }
.free_temp_form h2 { color: #181a1b; font: 21px/21px Jost-Regular; text-align: center;  margin-bottom: 50px; }
.free_temp_inner {margin: 0 auto;max-width: 340px;}
.free_temp_btn input { background: #ff3366 none repeat scroll 0 0;margin-top: 7px; color: #ffffff; font: 17px/36px Jost-Regular; padding:7px; text-align: center; text-transform: uppercase; width: 100%; transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; }
.free_temp_btn input:hover {background:#fff;  color:#ff3366; box-shadow:0 0 0 2px #ff3366 inset;}

/*Cart Page*/
.all_head h1 { color: #181a1b; font: 32px/58px Jost-Regular; margin-bottom: 20px; }
.box-table table.cart-table { border: 1px solid #e5e5e5; width: 100%; }
.box-table table.cart-table thead tr { background: #f8f8f8 none repeat scroll 0 0; border-bottom: 1px solid #e5e5e5; }
.box-table table.cart-table thead tr th { color: #181a1b; font: 15px/32px Jost-Regular; padding: 13px; text-transform: uppercase; }
.box-table table.cart-table thead tr th:first-child , .box-table table.cart-table tbody tr td:first-child{ padding-left: 30px; width: 52%;position: relative; }
.box-table table.cart-table tbody tr { position: relative; }
/* .box-table table.cart-table tbody tr::after { border-bottom: 1px solid #e5e5e5; bottom: 0; content: " "; left: 0; margin: 0 auto; max-width: 1090px; position: absolute; right: 0; width: 100%; } */
/* .box-table table.cart-table tbody tr:last-child::after {display:none;} */
.box-table table.cart-table tbody tr td.pro_img .imag_lft { float: left; }
.box-table table.cart-table tbody tr td.pro_img .cont_rgt { float: left; padding-left: 30px; }
.box-table table.cart-table tbody tr td { color: #757575; font: 16px/35px Jost-Bold; padding: 30px 15px;vertical-align: top; border-bottom: 1px solid #e5e5e5; }
.box-table table.cart-table tbody tr td.pro_count, .box-table table.cart-table thead tr th.pro_count { text-align: center; width: 25%;  }
.box-table table.cart-table tbody tr td.pro_img .cont_rgt h3 a { color: #757575; }
.box-table table.cart-table tbody tr td.pro_img .cont_rgt h3 { font: 16px/20px Jost-Bold; }
.box-table table.cart-table tbody tr td .pro_code { color: #ff3366; font: 16px/35px Jost-Bold; text-transform: uppercase; }
.box-table table.cart-table tbody tr td .pro_framework { font: 16px/16px Jost-Bold; }
.box-table table.cart-table tbody tr td .abos { position: absolute; right: 100px; top: 30px; /* opacity:0; */ }
.box-table table.cart-table tbody tr td .abos span a { display: inline-block; height: 30px; text-indent: -9999px; width: 30px; }
.box-table table.cart-table tbody tr td .abos span.edit a{background:url("../images/prod_edit_option.png") no-repeat center center; }
.box-table table.cart-table tbody tr td .abos span.delete a {background:url("../images/prod_delete_option.png") no-repeat center center; }
.box-table table.cart-table tbody tr td.pro_img:hover .abos {opacity:1;}
.cart-grid { background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #e5e5e5; margin-top: -1px; padding: 25px 70px 30px 30px; }

.cart-left.coupon-container { float: left; margin: 4% 0; }
.cart-right.cart_amt { float: right; }
.cart-left.coupon-container form { max-width: 300px; width:250px; }
.cart-left.coupon-container .coupon-code { border: 1px solid #757575; border-right:none; color: #757575; float: left; font: 14px/20px Jost-Bold; height: 40px; padding: 10px; width: 75%; } 
.cart-left.coupon-container input[type="submit"] , .cart-left.coupon-container input[type="button"] {background: #ff3366 none repeat scroll 0 0; border: medium none; color: #ffffff; font: 14px/20px Jost-Regular; height: 40px; text-transform: uppercase; width: calc(100% - 75%); }
.cart-table-2 tr#coupon_percentage th { line-height: 20px;}


.cart-right table.cart-table-2 { float: right; }
.cart-right table.cart-table-2 tbody tr th, .cart-right table.cart-table-2 tbody tr td { color: #757575; font: 16px/35px Jost-Bold; padding: 4px 0; }
.cart-right table.cart-table-2 tbody tr td.pro_total { color: #ff3366; font: 22px/35px Jost-Regular; }
.cart-right table.cart-table-2 tbody tr th { text-transform: uppercase; width: 145px; }
.innerpage.cart_page .main_content, .innerpage.login_page .main_content { min-height: 1036px; }
.cart_btn_grp a { border: medium none; color: #ffffff; font: 17px/36px Jost-Regular; padding: 12px 60px; text-transform: uppercase; }
.cart_btn_grp a.cart_btn_1 { background: #181a1b none repeat scroll 0 0; float: left; }
.cart_btn_grp a.cart_btn_2 { background: #ff3366 none repeat scroll 0 0; float: right; }
.cart_btn_grp { margin-top: 35px; }
.cart-left.coupon-container > form a { color: #757575; font: 13px/20px Jost-Regular;  text-decoration: underline;}
.box-table table.cart-table thead tr th:last-child { text-align: center; }
.box-table table.cart-table tbody tr td:last-child { text-align: center; }


/*Checkout page*/
.cart_text { padding-bottom: 82px; } 
.chkout-grid .chkout_lft { width: 60.9%; }
.chkout-grid .chkout_rgt { padding-left: 30px; width: 39.1%; }
.chkout-grid .chkout_lft .social_login li { display: inline-block; float: left; width: 48.6%; }
.chkout-grid .chkout_lft .social_login li.tw_login {margin-left:2.8%; }
.chkout_form .form-group input, .chkout_form .form-group textarea { height: 35px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; resize:none; border-bottom: 1px solid #dbdbdb; color: #757575; font: 15px/24px Jost-Bold; width: 100%; } 
.chkout_form .form-group textarea  {height:80px;}
.chkout_form .form-group .mail_input  {position:relative;  float: left;width: 74.5%;}
.chkout_form .form-group  {position:relative;     padding-bottom: 10px;}
.chkout_form .form-group input {height: 45px; color: #757575; font: 17px/36px Jost-Bold; }
.chkout_form .form-group .mail_input input {height: 50px; color: #757575; font: 17px/36px Jost-Bold; }
.chkout_form .input_effect ~ .focus-border{position: absolute; bottom: 10px; left: 50%; width: 0; height: 1px; background-color: #ff3366; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; } 
.chkout_form .input_effect:focus ~ .focus-border,
.chkout_form .has-content.input_effect ~ .focus-border{width: 100%; transition: 0.4s; bottom: 10px; -webkit-transition: 0.4s; -moz-transition: 0.4s; left: 0;}
.chkout_form .form-group input.input_effect.has-content ~ span.focus-border {background: #151515;}
.chkout_form .input_effect ~ label{position: absolute; left: 0; width: 100%; top: 1px; font: 15px/24px Jost-Bold; color: #757575; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; z-index: -1;}
.chkout_form .mail_input .input_effect ~ label{font: 17px/36px Jost-Bold; }
.chkout_form .bill_input .input_effect ~ label{font: 17px/36px Jost-Bold; padding-left: 2px; }
.chkout_form .input_effect:focus ~ label, .chkout_form .has-content.input_effect ~ label{top: -30px; font-size: 12px; color: #181a1b; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s;}
.chkout_form h2 {font: 16px/34px Jost-Regular;  text-transform:uppercase; }
.chkout_form.active h2 { color: #181a1b; margin-bottom: 43px; }
.chkout_form .form-group .continue_btn button { width: 100%; background: #ff3366 none repeat scroll 0 0; border: medium none; color: #ffffff; font: 15px/36px Jost-Regular; height:auto; padding: 7px; text-transform: uppercase; }
.chkout_form .form-group .continue_btn { float: right; width: 25.4%; }
.chkout_form .form-group.bill_select select { border: medium none; color: #757575; font: 17px/36px Jost-Bold; height: 45px; padding: 0; width: 100%; border-bottom:1px solid #e5e5e5; background:url("../images/chk_drp_arw.png") no-repeat 100% center; } 
.chkout_form .form-group.bill_select select option { padding: 0; } 
.login_msg { color: #181a1b; font: 17px/36px Jost-Bold; margin-bottom: 20px; margin-top: 18px; text-align: center; }
.chkout_form{    padding: 30px;}
.chkout_form.active { border: 1px solid #e5e5e5; }
.chkout_form h2 span { background: #181a1b none repeat scroll 0 0; color: #ffffff; display: inline-block; font: 18px/34px Jost-Regular; height: 34px; margin-right: 12px; text-align: center; width: 34px; } 
.chkout_form.active h2 span { background: #181a1b none repeat scroll 0 0; } 
.form-group.with_btn { margin-bottom: 0; }
.form-group.with_btn .alert_msg1 { color: #757575; display: inline-block; font: 15px/35px Jost-Bold; margin-top: 18px; margin-bottom:25px; width: 100%; }
.form-group.with_btn.otp_form .alert_msg1 {  margin-bottom: 0;}
.chkout_form.disabled { background: #e5e5e5 none repeat scroll 0 0; padding: 23px 30px; }
.chkout_form.disabled h2 { margin-bottom: 0; opacity: 0.25; }

.chkout_form.disabled .form-group.bill_input, .chkout_form.disabled .form-group.bill_select  { display: none; }
.chkout_form.checked .form-group.with_btn { display: none; }
.chkout_form.active .form-group.bill_input, .chkout_form.active .form-group.bill_select  { display: block; }
.chkout_form.active .form-group.with_btn { display: block; }
.chkout_form.checked { display: inline-block; margin-bottom: -10px; width: 100%; } 
.chkout-table tbody td.pro_img .cont_rgt p.pro_code { color: #ff3366; font: 13px/20px Jost-Regular;}
.chkout-table tbody td.pro_img .imag_lft { float: left; width: 30%; }
.chkout-table tbody td.pro_img .cont_rgt { float: left; padding-left: 21px; width: 70%;}
.chkout-table { width: 100%; }
.chkout-table tbody td.pro_img .cont_rgt h3 { font: 16px/20px Jost-Bold; }
.chkout-table tbody td.pro_img .cont_rgt p { color: #757575; font: 16px/29px Jost-Bold; }
.chkout-table tbody td.pro_img .cont_rgt h3 a { color: #757575; text-transform: capitalize; }
.chkout-table tbody td { color: #757575; font: 16px/35px Jost-Bold; vertical-align: top; padding:20px 0 0; }
.chkout-table.two tbody td { text-align: center; color:#181a1b;  padding: 12px 0 0;}
.chkout-table.two tbody td.pro_total { text-align: center; color:#181a1b;  font: 22px/35px Jost-Bold; }
.chkout-table.two tbody tr th { color: #757575; font: 16px/35px Jost-Bold; padding: 12px 0; text-transform: uppercase; }
.chkout-table tbody td.pro_img, .chkout-table.two tbody tr th { width: 75%; } 
.chkout-table tbody td.total_price { text-align: center; }
.chkout-table.two tbody tr:first-child { border-bottom: 1px solid #e5e5e5; }
/* .chkout-table.two tbody tr:first-child th, .chkout-table.two tbody tr:first-child td { padding-top: 30px; } */

/*Checkout coupon code*/
.chk_border .cart-left.coupon-container {   width: 100%;    margin: 20px 0 0;}
.coupon-container #remove_coupon {color: #ff3366; font: 14px/24px Jost-Bold;  text-decoration: underline;}

.chk_border { border: 1px solid #e5e5e5; padding: 30px; margin-bottom:30px; }
.chk_border > h3 { color: #181a1b; font: 15px/20px Jost-Regular; margin-bottom: 13px; text-transform: uppercase; }
.chkout-table.two tbody tr:last-child th { padding-bottom: 0; }
.chkout-grid .chkout_rgt .terms .check_btn label input[type="checkbox"] { height: 15px; margin: 0; opacity: 0; padding: 0; position: relative; vertical-align: middle; width: 20px; z-index: 1; }
.chkout-grid .chkout_rgt .terms .check_btn label input[type="checkbox"] + i { border: 1px solid #c2c2c2; display: inline-block; height: 17px; margin-left: -19px; margin-right: 7px; position: relative; vertical-align: middle; width: 17px; border-radius:4px; }
.chkout-grid .chkout_rgt .terms .check_btn label input[type="checkbox"]:checked + i::before {  border-radius:6px; content: "✔";  height: 100%; left: -2px; position: absolute; right: 0; width: 100%; z-index: 0; color:#ff3366; font-size: 12px; top: -1px; }
.chkout-grid .chkout_rgt .terms .check_btn label input[type="checkbox"]:checked + i { border-color: #ff3366; } 
.chkout-grid .chkout_rgt .payment .radio_btn label input[type="radio"] { height: 15px; margin: 0; opacity: 0; padding: 0; position: relative; vertical-align: middle; width: 20px; z-index: 1; }
.chkout-grid .chkout_rgt .payment .radio_btn label input[type="radio"] + i { border: 1px solid #c2c2c2; border-radius:50%; display: inline-block; height: 14px; margin-left: -19px; margin-right: 12px; position: relative; vertical-align: text-top; width: 14px; }
.chkout-grid .chkout_rgt .payment .radio_btn label input[type="radio"]:checked + i { border-color: #ff3366;  border-width: 4px;} 
.chkout-grid .chkout_rgt .payment h3 {margin-bottom:35px;}
.chkout-grid .chkout_rgt .payment p { font:15px/20px 'Jost-Bold'; color:#757575;}
.chkout-grid .chkout_rgt .payment .form-group.radio_btn { margin-bottom: 30px;}
.pay_btn.terms { text-align: center; }
.pay_btn.terms label span a { color: #ff3366; }
.pay_btn.terms label span { font: 16px/37px Jost-Bold; color: #757575; }
.pay_btn button {border: medium none; background: #ff3366 none repeat scroll 0 0; color: #ffffff; font: 17px/36px Jost-Regular; padding: 12px; text-transform: uppercase; width: 100%; margin-top:3px; transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; }  
.pay_btn button:hover { background: #181a1b none repeat scroll 0 0; color:#fff;}
.chkout_form.checked { background: #e5e5e5 none repeat scroll 0 0; padding: 23px 30px; }
.chkout_form.checked h2 { color: #ff3366; float: left; margin: 0; }
.chkout_form.checked h2 a {color: #ff3366;}

.chkout_form.checked h2 span { background: #ff3366 none repeat scroll 0 0; }
.chkout_form.checked p { color: #757575; float: right; font: 16px/36px Jost-Bold; }
.chkout-grid .chkout_form label.error-form { font: 13px/20px Jost-Bold; left: auto; position: absolute; right: 0; text-align: right!important; top: 45px !important; } 
.chkout-grid .chkout_form .mail_input label.error-form { top: 55px !important;}
.chkout_rgt .recaptcha_div { float: none; margin: 0 auto 20px; max-width: 304px; width: 100%; }
.chkout_rgt .recaptcha_div label.error-form, .chkout_rgt .form-group label.error-form { display: block; font: 13px/20px Jost-Bold; }
.login_msg > a {     color: #ff3366; }

/*Notification*/
.message-red, .message-green { text-align:  center; } 
.login_inner .message-red {margin-top:  -35px; margin-bottom: 20px; }
form .message-red > p {     display: inline-block; color: #ea2424; padding-left: 30px; font: 15px/27px Jost-Regular; background:url('../images/falied.png') no-repeat scroll left center  } 
form .message-green > p {    display: inline-block;  color: #257924; padding-left: 30px; font: 15px/27px Jost-Regular; background:url('../images/success.png') no-repeat scroll left center  } 
.notify_msg {padding:5px; position:fixed; max-width:400px; right:40px;top: 70px; z-index:9999999; width:100%; border-radius:5px;}
.notify_msg.green {background:#bbf5bb; border:1px solid #8bd189;}
.notify_msg.red {background:#ffc1c1; border:1px solid #e18686;}
.notify_msg.red  > p {     display: inline-block; color: #ca3737; padding-left: 30px; font: 15px/27px Jost-Regular; background:url('../images/falied1.png') no-repeat scroll left center  } 
.notify_msg.green > p {    display: inline-block;  color: #0b580a; padding-left: 30px; font: 15px/27px Jost-Regular; background:url('../images/success1.png') no-repeat scroll left center  } 
.notify_msg .notify_close {text-decoration:none; border-radius: 50px; color: #ffffff; font: 10px/15px Jost-Regular; height: 18px; position: absolute; right: -7px; text-align: center; top: -7px; width: 18px; z-index: 99999999; }
.notify_msg.green .notify_close { background: #0b580a none repeat scroll 0 0; }
.notify_msg.red .notify_close { background: #ca3737 none repeat scroll 0 0; }
.templ_grid .templ_txt form .message-red > p { font: 13px/24px Jost-Regular; letter-spacing: -0.5px; }
.templ_grid .templ_txt form .message-red { position: absolute; top: -100%; background: #fff; width: 100%; left: 0; text-align: left; padding: 15px 20px; right: 0; vertical-align: ext-top; }
.coupon-container form .message-red > p { font: 13px/24px Jost-Regular; margin-bottom: 7px; background-position: left 2px; }
.coupon-container form .message-red { text-align: left; }
.coupon-container label.error-form { font: italic 13px/24px Jost-Bold;}

/*Login Page*/
.login_grid .log_grid .form_grp .check_btn label input[type="checkbox"] { height: 15px; margin: 0; opacity: 0; padding: 0; position: relative; vertical-align: middle; width: 20px; z-index: 1; }
.login_grid .log_grid .form_grp .check_btn label input[type="checkbox"] + i { border: 1px solid #c2c2c2; display: inline-block; height: 17px; margin-left: -19px; margin-right: 7px; position: relative; vertical-align: text-bottom; width: 17px; border-radius:4px; }
.login_grid .log_grid .form_grp .check_btn label input[type="checkbox"]:checked + i::before {  border-radius:6px; content: "✔";  height: 100%; left: 1px; position: absolute; right: 0; width: 100%; z-index: 0; color:#ff3366; font-size: 12px; top: -5px; }
.login_grid .log_grid .form_grp .check_btn label input[type="checkbox"]:checked + i { border-color: #ff3366; } 
.login_form .input_effect ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background-color: #757575; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; } 
.login_form .input_effect:focus ~ .focus-border,
.login_form .has-content.input_effect ~ .focus-border{width: 100%; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; left: 0;}
.login_form .input_effect ~ label{position: absolute; left: 0; width: 100%; top: 1px; font: 15px/24px Jost-Bold; color: #757575; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; z-index: -1;}
.login_form  .input_effect ~ label{font: 17px/36px Jost-Bold; }
.login_form .login_input .input_effect ~ label{font: 17px/36px Jost-Bold; }
.login_form .input_effect:focus ~ label, .login_form .has-content.input_effect ~ label{top: -15px; font-size: 12px;   color: #757575; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s;}
.login_form .form-group input{ height: 35px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; resize:none; border-bottom: 1px solid #dbdbdb; color: #757575; font: 17px/36px Jost-Bold; width: 100%; } 
.login_form .form-group  {position:relative;  z-index: 0; margin-bottom: 20px;}
.login_form .form-group input {height: 45px; color: #757575; font: 17px/36px Jost-Bold; }
.login_grid .log_grid .form_grp .check_btn  span  {color: #757575; font: 15px/36px Jost-Bold;}
.login_grid .log_grid { background: #f5f5f5 none repeat scroll 0 0; margin-right: 2.6%; padding: 70px 0px; width: 48.7%; } .login_inner {max-width:340px; margin:0 auto;}
.login_grid .log_grid.login_rgt { margin-right: 0; }
.log_grid h2 { color: #181a1b; font: 21px/21px Jost-Regular; text-align: center; }
.login_form.log_grid h2 { margin-bottom: 50px; }
.log_grid p { color: #757575; font: 15px/24px Jost-Bold; text-align: center; }
.log_grid .form_grp .form-group.check_btn { float: left; margin-bottom: 0; }
.log_grid .form_grp > p { float: right; font: 15px/36px Jost-Bold; }
.log_grid .form_grp > p a { color: #ff3366; }
.login_btn input { background: #ff3366 none repeat scroll 0 0; color: #ffffff; font: 17px/36px Jost-Regular; padding: 12px; text-align: center; text-transform: uppercase; width: 100%; transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; }
.login_btn input:hover {background:#fff; color:#ff3366; box-shadow:0 0 0 2px #ff3366 inset;}
.log_grid .form_grp { margin-bottom: 20px; }
.login_inner .social_login .fb_login { margin-bottom: 10px; }
.login_rgt.log_grid h2 { margin: 46px 0 30px; }
.login_form .input_effect ~ label.error-form { display: inline-block; font: 12px/14px Jost-Bold; left: auto; position: absolute; text-align: right; top: 52px; }
.login_form .recaptcha_div { float: none; margin: 0 auto 20px; max-width: 304px; }
.login_form .recaptcha_div label.error-form { display: block; font: 13px/20px Jost-Bold; }
/*Blog overview*/

.recent_blog_cont > h2 { color: #1a1a1a; font: 16px/20px Jost-Regular; }
.recent_blog_cont { background: #fff none repeat scroll 0 0; padding: 16px 20px; }
.blog_overvw_grid { padding: 50px 0 80px; } 

.blog_search .form-group { margin: 0; position: relative; }
.blog_search .form-group input[type="text"] { background: #ffffff none repeat scroll 0 0; color: #757575; font: 13px/16px Jost-Bold; height: 50px; padding: 10px 20px; width: 100%; } 
.blog_search .form-group input[type="submit"] { background:url("../images/blog_search.png") no-repeat center center; height: 15px; position: absolute; right: 23px; text-indent: -9999px; top: 18px; width: 15px; }
.blog_search { border-bottom: 10px solid #ebebeb; }
.blog_overvw_lft .blog_ovw_category h2 { cursor:pointer; border-bottom: 1px solid #efefef; color: #181a1b; font: 13px/16px Jost-Regular; padding: 17px 20px; position: relative; text-transform: uppercase; }
.blog_overvw_lft { background: #ffffff none repeat scroll 0 0; float: left; width: 22.6%; }
.blog_overiew .main_content { background: #ebebeb none repeat scroll 0 0; }
.blog_overvw_lft .blog_ovw_category h2 span { background:url("../images/categ_up_arw.png") no-repeat center center; display: inline-block; height: 15px; position: absolute; right: 17px; text-indent: -9999px;  width: 20px; transition: all 600ms linear 0s; -webkit-transition: all 600ms linear 0s; -moz-transition: all 600ms linear 0s;}
.blog_overvw_lft .blog_ovw_category h2.categ_close span {transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); }
.blog_overvw_lft .blog_ovw_category ul li label { color: #757575; font: 15px/30px Jost-Bold;  display: inline-flex;width: 192px; }
.blog_overvw_lft .blog_ovw_category ul { border-bottom: 1px solid #efefef; padding: 12px 20px; display: none; }
.blog_overvw_lft .blog_ovw_category ul li input { height: 15px; margin: 0; opacity: 0; padding: 0; position: relative; vertical-align: middle; width: 20px; z-index: 1; }
.blog_overvw_lft .blog_ovw_category ul li input + i { border: 1px solid #c2c2c2; display: inline-block; height: 14px; margin-left: -23px; margin-right: 12px; position: relative; vertical-align: middle; width: 14px; }
.blog_overvw_lft .blog_ovw_category ul li input:checked + i::before { background: #ff3366 url("../images/chk_tick.png") no-repeat scroll center center;  content: "";  height: 100%; left: 0; position: absolute; right: 0; width: 100%; z-index: 0; }
.blog_overvw_lft .blog_ovw_category ul li input:checked + i { border-color: #ff3366; } 
.blog_overvw_rgt { float: left; margin-left: 3%; width: 74.35%; }
.blog_ovw_grid img { width: 100%; } 
.blog_ovw_txt { background: rgba(255, 51, 102, 0.7) none repeat scroll 0 0; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0;  width: 100%; transform: scale(1.2); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; }
.blog_ovw_img { position: relative; }
.blog_ovw_txt a.plus_big {text-indent:-9999px; display:inline-block; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0;  width: 100%; margin:auto; background:url("../images/plus_big.png") no-repeat center center; transform: scale(1.2); -webkit-transform: scale(1.5); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s;}
.blog_ovw_grid:hover .blog_ovw_txt  {opacity:1;  transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s;}
.blog_ovw_grid:hover .blog_ovw_txt a.plus_big  {opacity: 1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s;}
.blog_ovw_grid:hover  { box-shadow:2px 3px 4px 0px rgba(0, 0, 0, 0.06);  transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s;}
.blog_overvw_rgt .blog_ovw_grid { margin-right: 1.4%; width: 49.3%; background:#fff; padding: 30px; margin-top: 10px; transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s; }
.blog_ovw_grid:nth-child(2n) { margin-right: 0; }
.blog_ovw_cont h3.blog_ovw_title { color: #181a1b; font: 24px/28px Jost-Regular; margin-bottom: 12px;margin-top: 25px; }
.blog_ovw_cont h3.blog_ovw_title a { color: #181a1b; }	
.blog_ovw_cont  p { color: #757575; font: 15px/24px Jost-Bold; margin-bottom: 20px;  }
.blog_ovw_cont  p.blog_date { color: #ff3366;  font: 15px/24px Jost-Bold; text-transform:uppercase; margin-bottom: 10px; }
.pagintion_full { background: #ffffff none repeat scroll 0 0; margin-top: 34px; padding: 9px 20px; display: inline-block; width: 100%;}
.pagintion_full .paging {width:100%; float:none;}
.blog_ovw_grid .blog_readmore { color: #ff3366; font: 12px/21px Jost-Regular; position: relative; text-transform: uppercase; }
.blog_ovw_grid .blog_readmore::after { content: ""; height: 11px; position: absolute; right: -25px; top: 2px; width: 15px; background: rgba(0, 0, 0, 0) url("../images/view_all.png") no-repeat scroll center center;}
.blog_ovw_grid:hover .blog_readmore::after { -webkit-animation-name: faderight; -webkit-animation-iteration-count: bouncing; -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */  animation-iteration-count: infinite; animation-name: bouncing;animation-duration: 2s; }
/* HORIZONTAL */
@-webkit-keyframes bouncing { 
0% {-webkit-transform: translate(0,0); transform: translate(0,0); }
6% { -webkit-transform: translate(5px,0); transform: translate(5px,0); }
12% { -webkit-transform: translate(0,0); transform: translate(0,0); }
18% { -webkit-transform: translate(5px,0); transform: translate(5px,0); }
24% { -webkit-transform: translate(0,0); transform: translate(0,0); }
30% { -webkit-transform: translate(5px,0); transform: translate(5px,0); }
36%, 100% { -webkit-transform: translate(0,0); transform: translate(0,0); }
}
@keyframes bouncing {
0% { -webkit-transform: translate(0,0); transform: translate(0,0); }
6% { -webkit-transform: translate(5px,0); transform: translate(5px,0); }
12% { -webkit-transform: translate(0,0); transform: translate(0,0); }
18% { -webkit-transform: translate(5px,0); transform: translate(5px,0); }
24% { -webkit-transform: translate(0,0); transform: translate(0,0); }
30% { -webkit-transform: translate(5px,0); transform: translate(5px,0); }
36%, 100% { -webkit-transform: translate(0,0); transform: translate(0,0); }
}

.blog_detail .main_content { background: #ebebeb none repeat scroll 0 0; }
.blog_detail .main_content .blog_detail_grid { padding: 50px 0 80px; }
.blog_detail_wrap { background: #ffffff none repeat scroll 0 0; padding: 30px; width: 100%; }
.blog_detail_wrap .blog_det_cont {color: #757575; font: 15px/24px Jost-Bold; }
.blog_detail_wrap h2 { color: #181a1b; font: 28px/36px Jost-Regular; margin-bottom: 6px;margin-top: 31px; }
.blog_detail_wrap  p { color: #757575; font: 15px/24px Jost-Bold;/*  margin-bottom: 20px; */ text-align: left; }
.blog_detail_wrap  p.blog_date { color: #ff3366;  font: 15px/24px Jost-Bold; text-transform:uppercase; margin-bottom: 23px; }
.blog_detail_wrap  p.blog_date span { color: #757575;  font: 15px/24px Jost-Bold; text-transform:none;  }
.blog_detail_wrap h3 { color: #181a1b; font: 22px/24px Jost-Regular; margin-bottom: 12px;margin-top: 31px; }
.blog_detail_wrap ul li { color: #757575; font: 15px/30px Jost-Bold; list-style: inside none number;  }
.blog_detail_wrap ul { margin-bottom: 18px;}
.share_social .st-btn.st-last[data-network="sharethis"] {height: 30px !important;min-width: 31px !important;padding: 0 !important; background: url("../images/sharethis_bg.png") no-repeat center center!important;}
.share_social .st-btn.st-last[data-network="sharethis"] svg {  display: none;}
.share_social { max-width: 300px; } 
body .st-logo { display: none!important;	}
.blog_detail_image { text-align: center;}

/*My Profile*/
.my_profile .main_content { background: #ebebeb none repeat scroll 0 0; }
/* .profile_banner .banner_cont { top: 41%; } */
.profile_banner .banner_cont .banner_txt h1 { margin-bottom: 8px; }
.profile_banner .banner_cont .banner_txt a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #ffffff; font: 18px/20px Jost-Regular; letter-spacing: 5px; padding: 13px 29px; }
.dash_panel.dash_menu { background: #ffffff none repeat scroll 0 0; padding: 20px 30px 30px;  display: inline-block; width: 100%; }
.dash_panel.dash_menu > h2 { color: #757575; font: 18px/20px Jost-Regular; margin-bottom: 26px; }
.dash_panel.dash_menu > h2 span { color: #181a1b; font: 18px/20px Jost-Bold; }
.dash_panel.dash_menu > ul li { border: 1px solid #e5e5e5; border-radius: 4px; position:relative; display: inline-block; float:left; margin-right: 3.067%; margin-top: 30px; padding-bottom: 15px; padding-top: 50px; text-align: center; width: 22.7%; transition: all 500ms linear 0s; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s;  }
.dash_panel.dash_menu > ul li.my_profile_icn.active , .dash_panel.dash_menu > ul li.my_profile_icn:hover {border-color:#ff3366;} 
.dash_panel.dash_menu > ul li.my_order_icn.active, .dash_panel.dash_menu > ul li.my_order_icn:hover {border-color:#f19429;} 
.dash_panel.dash_menu > ul li.my_ticket_icn.active,  .dash_panel.dash_menu > ul li.my_ticket_icn:hover {border-color:#facd43;} 
.dash_panel.dash_menu > ul li.my_fav_icn.active, .dash_panel.dash_menu > ul li.my_fav_icn:hover {border-color:#a7a9ac;} 
.dash_panel.dash_menu > ul li.my_down_icn.active, .dash_panel.dash_menu > ul li.my_down_icn:hover {border-color:#a7a9ac;} 
.dash_panel.dash_menu > ul li a span { color: #757575; display: block; font: 13px/17px Jost-Regular; }
.dash_panel.dash_menu > ul li:last-child { margin-right: 0; }
.dash_panel.dash_menu > ul li a { color: #181a1b; display: inline-block; font: 18px/21px Jost-Bold; margin-bottom: 5px; position: relative; }
.dash_panel.dash_menu > ul li a::after { content: ""; height: 60px; left: 0; position: absolute; right: 0;margin: 0 auto;top: -80px; width: 60px; }
.dash_panel.dash_menu > ul li.my_profile_icn a::after {background:url("../images/my_profile_icn.png") no-repeat center center;} 
.dash_panel.dash_menu > ul li.my_order_icn a::after {background:url("../images/my_order_icn.png") no-repeat center center;} 
.dash_panel.dash_menu > ul li.my_ticket_icn a::after {background:url("../images/my_ticket_icn.png") no-repeat center center;} 
.dash_panel.dash_menu > ul li.my_fav_icn a::after {background:url("../images/my_fav_icn.png") no-repeat center center;} 
.dash_panel.dash_menu > ul li.my_down_icn a::after {background:url("../images/my_down_icn.png") no-repeat center center;} 
.dash_panel.latest_note { background: #ffffff none repeat scroll 0 0; margin-top: 20px; }
.latest_note .latst_note_head { background: #ff3366 none repeat scroll 0 0; float: left; padding: 30px; width: 165px; }
.latest_note .latst_note_head h3 { color: #ffffff; font: 18px/22px Jost-Bold; }
.latest_note .latst_note_cont { float: left; padding: 30px; width: calc(100% - 165px); }
.latest_note .latst_note_cont p { color: #757575; font: 15px/19px Jost-Bold; }
.latest_note .latst_note_cont p.latst_date { color: #ff3366; font: 13px/24px Jost-Regular; text-transform: uppercase; }
.profile_form .pro_form { background: #ffffff none repeat scroll 0 0; float: left; margin-right: 2.4%; padding: 30px; width: 48.8%; }
.profile_form .pro_form:last-child { margin-right: 0; }
.dash_panel.profile_form { margin-top: 20px; }
.pro_form h4 { color: #181a1b; font: 18px/20px Jost-Regular; margin-bottom: 20px; }
.pro_form .form-group label { color: #757575; display: block; font: 13px/20px Jost-Regular; margin-bottom: 10px; text-transform: uppercase; }
.pro_form .form-group > input, .pro_form .form-group > textarea, .pro_form .form-group > select {box-shadow:none; border: 1px solid #e5e5e5; color: #757575; font: 15px/20px Jost-Bold; height: 44px; padding: 5px 20px; width: 100%; }
.pro_form .form-group > textarea { height: 220px; padding: 20px; resize: none; }
.pro_form .form-group_grid .form-group { float: left; margin-right: 4%; width: 48%; }
.pro_form .form-group_grid .form-group:last-child { margin-right: 0; }
.pro_form .form-group > select {background:url("../images/my_profile_arw.png") no-repeat 90% center;}
.pro_form .form-group > input[disabled="disabled"] { background: #ebebeb none repeat scroll 0 0; color: rgba(117, 117, 117, 0.5); } 
.butns_grid label { float: left; margin-top: 10px; }
.dash_panel.butns_grid { margin-top: 30px; }
.butns_grid label input { height: 20px; margin: 0; opacity: 0; padding: 0; vertical-align: middle; width: 20px; }
.butns_grid label input + i { background: #ffffff none repeat scroll 0 0; border: 1px solid #d6d6d6; border-radius: 3px; display: inline-block; height: 16px; margin-left: -20px; margin-right: 10px; position: relative; vertical-align: middle; width: 16px; }
.butns_grid label span { color: #757575; font: 14px/18px Jost-Bold; }
.butns_grid label input:checked + i { border-color: #ff3366; }
.butns_grid label input:checked + i::after { border-radius: 2px; color: #ff3366; content: "✔"; font-size: 11px; left: 1px; position: absolute; top: -1px; }
.pro_form .form-group label.error-form { font: 12px/30px Jost-Regular; margin-bottom: 5px; text-transform: none; } 
.dash_panel.vw_tket_form > div#ticket_comments_grid { margin-bottom: 20px;}

.pro_register_form {min-height: 634px;}
.pro_social_form.pro_form .form-group > textarea {height: 131px;}

.multi_btns { float: right; }
.multi_btns input , .multi_btns a { border-radius: 3px; color: #ffffff; font: 15px/20px Jost-Regular; padding: 10px 20px; text-transform: uppercase; width: 100px;  transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s;}
.multi_btns input.save_btn { background: #ff3366 none repeat scroll 0 0; margin-right: 7px; border-radius: 3px;  }
.multi_btns input.cancel_btn , .multi_btns a.cancel_btn { background: #757575 none repeat scroll 0 0; }
.multi_btns input.save_btn:hover { background: #fff none repeat scroll 0 0; color:#ff3366;}
.multi_btns input.cancel_btn:hover ,  .multi_btns a.cancel_btn:hover { background: #fff none repeat scroll 0 0;  color:#757575;  }


.my_order .main_content { background: #ebebeb none repeat scroll 0 0; }
.dash_panel.order_info { background: #ffffff none repeat scroll 0 0; color: #181a1b; margin-top: 20px; }
.dash_panel.order_info h3 { border: 1px solid #e5e5e5; font: 18px/20px Jost-Regular; margin-bottom: -1px; padding: 23px 30px; }
.my_order table.order_table { border: 1px solid #e5e5e5; width: 100%; }
.my_order table.order_table thead th { color: #757575; font: 13px/20px Jost-Regular; padding: 15px; text-transform: uppercase; }
.my_order table.order_table thead th:first-child, .my_order table.order_table tbody td:first-child { text-align: center; }
.my_order table.order_table thead { background: #e5e5e5 none repeat scroll 0 0; }
.my_order table.order_table tbody td { color: #757575; font: 15px/24px Jost-Bold; padding: 18px 15px; vertical-align: top; width: 20%; }
.my_order table.order_table tbody td:last-child { vertical-align: middle; }
.my_order table.order_table tbody tr:nth-child(2n+1) td { background: #f7f7f7 none repeat scroll 0 0; }
.my_order table.order_table tbody td:last-child a { background: #ff3366 none repeat scroll 0 0; color: #ffffff; font: 14px/20px Jost-Regular; display: inline-block; padding: 3px 23px; } 
.my_order table.order_table tbody tr { border-bottom: 1px solid #e5e5e5; } 

.order_det .order_det_opt{ width:100%; background:#332f2b; height: 35px;}
.order_dete .order_det_opt ul{ display:block;}
.order_det .order_det_opt ul.left{ float:left; margin:0; padding-left:0;}
.order_det .order_det_opt ul.right{ float:right; margin:0;}
.order_det .order_det_opt ul li{ display:inline-block; float:left;  line-height: 0;}
.order_det .order_det_opt ul li a{ font: 16px/23px MyriadPro-Regular; text-decoration: none; color:#fff; padding:8px 12px 8px; display:inline-block;   font: 11px/19px Jost-Regular;}
.order_det .order_det_opt ul li a:hover,.order_det_opt ul li.active a, .order_det_opt ul li a:focus{ background:#525353;}
.order_det .order_det_opt ul li a img{ width:auto;}
.order_detail .main_content { background: #ebebeb none repeat scroll 0 0; } 
.order_det { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 0 1px #e5e5e5 inset; margin-top: 20px; padding:20px 30px 30px; } 
.order_det > h3 { 	 font: 18px/20px Jost-Regular; text-transform:uppercase; color:#181a1b; margin-bottom:30px; }
.bt_invoice .bt_invoice_inner { margin: 0px auto; max-width: 635px; padding:33px 10px 30px; }
.bt_invoice { background: #ebebeb none repeat scroll 0 0; } 
.inv_top_grid .inv_logo { float: left; }
.inv_top_grid .inv_date_num { float: right; margin-top: 12px; }
.inv_top_grid .inv_date_num p { color: #757575; font: 14px/17px Jost-Bold; margin-bottom: 8px; text-align: right; }
.inv_top_grid .inv_date_num p span { color: #181a1b; display: inline-block; font: 14px/17px Jost-Regular; width: 80px; }
.inv_mid_grid p { color: #757575; font: 14px/22px Jost-Bold; }
.inv_mid_grid { margin-bottom: 25px; margin-top: 40px; }
.inv_mid_grid .inv_user_det { float: left; }
.inv_mid_grid .inv_sup_det { float: right; text-align: right; }
.inv_top_grid .inv_date_num p:last-child { margin-bottom: 0; }
.my_order table { border: 1px solid #e2e2e2; width: 100%; }
.my_order table thead th { background: #d8d4d4 none repeat scroll 0 0; color: #181a1b; font: 13px Jost-Regular; padding: 20px; text-transform: uppercase; }
.my_order table thead th:first-child { /* padding-left: 50px; */  padding: 15px 35px; text-align: left;/*  width: 32%; */ }
.my_order table thead tr { border: 1px solid #e2e2e2; }
.my_order table tbody tr td { background: #ffffff none repeat scroll 0 0; color: #757575; font: 14px/19px Jost-Bold; padding: 20px; width: 25%; }
.my_order table tbody tr td:first-child { padding-left: 30px; padding-right: 30px; }
.my_order table tbody tr { border-bottom: 1px solid #e2e2e2; }
.my_order table tbody tr td h4 { color: #181a1b; font: 13px/15px Jost-Regular; margin-bottom: 6px; }
.my_order table.order_det_tble1 {margin-bottom:30px;}
.my_order table.order_det_tble2 tbody tr td h4 { color: #181a1b; font: 12px Jost-Regular; margin-bottom: 8px; text-transform:uppercase; }
.my_order table.order_det_tble2 tbody tr td p{ color: #181a1b; font: 12px Jost-Regular; }
.my_order table.order_det_tble2 tbody tr td.ord_det_total { background: #d8d4d4 none repeat scroll 0 0; text-align: center; }
.my_order table.order_det_tble2 tbody tr td { padding: 14px; }
.my_order table.order_det_tble2 tbody tr td:first-child { padding-left: 30px; }
.my_order table tbody tr td.ord_det_download a { background: #ff3366 url("../images/inv_down_link.png") no-repeat center center; border-radius: 50px; display: inline-block; height: 26px; text-align: center; text-indent: -9999px; width: 26px; }
.my_order table tbody tr td.ord_det_download { text-align: center; }
.my_order table tbody tr td p.invoice_product_code {color: #ff3366;}

.expand_view .templ_overvw_lft { display: none; }
.expand_view .dash_panel.dash_menu { display: none; }
.expand_view .dash_panel.latest_note { display: none; }
.expand_view .templ_overvw_rgt.dash_right { width: 100%; }
.expand_view .bt_invoice .bt_invoice_inner { max-width: 900px; }

.my_order table tbody td .order_products tbody td { border: medium none; padding: 0; width: auto; }
.my_order table tbody td .order_products, .my_order table tbody td .order_products tbody tr { border: medium none;  min-width: 100%; width: 100%;}
.my_order table.order_table tbody td[colspan="2"] { padding: 20px 0; }
.my_order table tbody td .order_products tbody td:first-child { padding-right: 0; text-align: left; width: auto; }
.my_order table.order_table thead th:nth-of-type(4) { text-align: center; }
.my_order table.order_table tbody td { width: auto; } 
.my_order table.order_table tbody td.view_option { text-align: center;}
.my_order table tbody td .order_products tbody td:last-child { vertical-align: top;}

/*Payment select option*/
.select_payment .main_content { background: #ebebeb none repeat scroll 0 0; }
.dash_panel.payment_select { background: #ffffff none repeat scroll 0 0; margin-top: 20px;  min-height: 630px; border: 1px solid #e5e5e5; }
.payment_select table.payment_prod_det {width:100%;	}
.payment_slect_prod {padding:0 20px;}
.dash_panel.payment_select h3 { /* border: 1px solid #e5e5e5; */ font: 18px/20px Jost-Regular; margin-bottom: -1px; padding: 23px 30px;  } 
.payment_select table.payment_prod_det tbody th {color:#757575; font: 14px/35px Jost-Regular; padding:0 10px; text-align:right; width:50%; text-transform:uppercase;}
.payment_select table.payment_prod_det tbody td {color:#757575; font: 16px/35px Jost-Bold; padding:0; text-align:left; width:50%;}
.payment_select .payment_slect_table { padding:25px 0 35px;border-bottom:1px solid #e5e5e5;  }
.paymt_option {text-align:center; padding:50px 0;}
.paymt_option ul li {display:inline-block; margin-right:30px;}
.paymt_option ul li:last-child {margin-right:0px;}
.paymt_option ul li label {display:inline-block; font: 15px/30px OpenSans-Light; color: #989898; text-align:left;}
.paymt_option ul li label input[type="radio"] { position: relative; opacity:0; z-index:2; margin: 0; padding: 0; width: 16px; height: 16px; vertical-align: middle; pointer-events: inherit; }
.paymt_option ul li label input[type="radio"] + i { width: 15px; height: 15px; margin-right:3px; border: 1px solid #c2c2c2; display: inline-block; z-index:0; position:relative;  border-radius: 50px; vertical-align: middle; margin-left: -18px; }
.paymt_option ul li label input[type="radio"]:checked + i {background: #fff; border: 5px solid #ff3366; }
.pay_selct_btn {text-align:center;}
.pay_selct_btn input { background: #ff3366 none repeat scroll 0 0;  color: #ffffff; font: 17px/24px Jost-Regular; padding: 13px 50px; text-transform: uppercase;   transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s;}

/*My Tickets*/
.my_tickets .main_content { background: #ebebeb none repeat scroll 0 0; }
.my_tickets .pagintion_full { border: 1px solid #e5e5e5; margin: 20px 0; } 
.dash_panel.my_ticket_info { background: #ffffff none repeat scroll 0 0; color: #181a1b; margin-top: 20px; }
.dash_panel.my_ticket_info h3 { border: 1px solid #e5e5e5; font: 18px/30px Jost-Regular; margin-bottom: -1px; padding: 23px 30px; }
.dash_panel.my_ticket_info h3 a { background: #ff3366 none repeat scroll 0 0; border-radius: 4px; color: #ffffff; display: inline-block; float: right; font: 13px/20px Jost-Regular; padding: 5px 10px; text-transform: uppercase; } 
.ticket_my table.tick_table { border: 1px solid #e5e5e5; width: 100%; }
.ticket_my table.tick_table thead th { color: #757575; font: 13px/20px Jost-Regular; padding: 12px 15px; text-transform: uppercase; }
.ticket_my table.tick_table thead th:first-child, .ticket_my table.tick_table tbody td:first-child { text-align: center; }
.ticket_my table.tick_table thead { background: #e5e5e5 none repeat scroll 0 0; }
.ticket_my table.tick_table tbody td { color: #757575; font: 15px/24px Jost-Bold; padding: 10px 15px; vertical-align: middle; }
.ticket_my table.tick_table tbody td:last-child { vertical-align: middle; }
.ticket_my table.tick_table tbody tr:nth-child(2n+1) td { background: #f7f7f7 none repeat scroll 0 0; }
.ticket_my table.tick_table tbody td:last-child a { background: #757575 none repeat scroll 0 0; color: #ffffff; border-radius:4px; text-transform:uppercase; display: inline-block; padding: 5px 10px; font: 12px/15px Jost-Regular; } 
.ticket_my table.tick_table tbody td:last-child a:hover { background: #ff3366 none repeat scroll 0 0; } 
.ticket_my table.tick_table tbody tr { border-bottom: 1px solid #e5e5e5; } 
.ticket_my table.tick_table tbody td label input , .ticket_my table.tick_table thead th label input { height: 20px; margin: 0; opacity: 0; padding: 0; vertical-align: middle; width: 20px; }
.ticket_my table.tick_table tbody td label input + i , .ticket_my table.tick_table thead th label input + i{ background: #ffffff none repeat scroll 0 0; border: 1px solid #d6d6d6; border-radius: 3px; display: inline-block; height: 16px; margin-left: -20px; margin-right: 10px; position: relative; vertical-align: middle; width: 16px; }
.ticket_my table.tick_table tbody td label span , .ticket_my table.tick_table thead th label span { color: #757575; font: 14px/18px Jost-Bold; }
.ticket_my table.tick_table tbody td label input:checked + i , .ticket_my table.tick_table thead th label input:checked + i { border-color: #ff3366; }
.ticket_my table.tick_table tbody td label input:checked + i::after , .ticket_my table.tick_table thead th label input:checked + i::after { border-radius: 2px; color: #ff3366; content: "✔"; font-size: 11px; left: 1px; position: absolute; top: -4px; }
.ticket_my table.tick_table thead th label input:checked + i::after {top: -3px;}
.ticket_my table.tick_table tbody td.priority > p span {border-radius: 50px; display: inline-block; height: 9px; margin-right: 6px; width: 9px; } 
.ticket_my table.tick_table tbody td.priority.high > p span {background:#ff3366; } 
.ticket_my table.tick_table tbody td.priority.low > p span {background:#a7a9ac;}
.ticket_my table.tick_table tbody td.priority.medium > p span {background:#f19429;}
.ticket_my table.tick_table tbody td.priority.normal > p span {background:#facd43;}
.dash_panel.ticket_form { background: #ffffff none repeat scroll 0 0; padding: 30px; } 
.ticket_form h4 { color: #181a1b; font: 18px/20px Jost-Regular; margin-bottom: 23px; }
.tiket_form .form-group:last-child {margin-bottom:0px;}
.tiket_form .form-group label { color: #757575; display: block; font: 13px/20px Jost-Regular; margin-bottom: 10px; text-transform: uppercase; }
.tiket_form .form-group > input, .tiket_form .form-group > textarea, .tiket_form .form-group > select {box-shadow:none; border: 1px solid #e5e5e5; color: #757575; font: 15px/20px Jost-Bold; height: 44px; padding: 5px 20px; width: 100%; }
.tiket_form .form-group > textarea { height: 220px; padding: 20px; resize: none; }
.tiket_form .form-group_grid .form-group { float: left; margin-right: 4%; width: 48%; }
.tiket_form .form-group_grid .form-group:last-child { margin-right: 0; }
.tiket_form .form-group > select {background:#fff url("../images/my_profile_arw.png") no-repeat 95% center;}
.ticket_form .tiket_form { float: left; margin-right: 2.4%; width: 48.8%; }
.ticket_form .tiket_form:last-child { margin-right: 0; }
.save_ticket {text-align:right; width:100%; margin-top:30px;}
.save_ticket input { background: #ff3366 none repeat scroll 0 0;  border-radius: 3px; color: #ffffff; font: 15px/20px Jost-Regular; padding: 10px 20px; text-transform: uppercase;  transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s;}
.save_ticket input:hover { background:#fff; color:#ff3366;}


.unread_item { background: #ff3366 none repeat scroll 0 0; border-radius: 50px; color: #ffffff; font: 12px/22px Jost-Regular; height: 22px; position: absolute; right: 30px; top: 40px; width: 22px; } 
.ticket_my table.tick_table tbody tr.unread_msg td { color: #181a1b;    font: 15px/24px Jost-Regular;}


.view_tickets .main_content { background: #ebebeb none repeat scroll 0 0; }
.vw_tket_form .form-group label { text-align:right;  color: #757575; display: inline-block; font: 13px/20px Jost-Regular; padding-right:15px; margin-bottom: 10px; text-transform: uppercase;  margin-top: 10px; vertical-align: top; width: 160px; }
.vw_tket_form .form-group > textarea, .vw_tket_form .form-group > select { box-shadow:none; max-width: 395px; border: 1px solid #e5e5e5; color: #757575; font: 15px/20px Jost-Bold; height: 44px; padding: 5px 20px; width: 100%; }
.vw_tket_form .form-group > textarea { height: 220px; padding: 20px; resize: none; }
.vw_tket_form .form-group > select {background:#fff url("../images/my_profile_arw.png") no-repeat 95% center;}
.dash_panel.vw_ticket { background: #f7f7f7 none repeat scroll 0 0; border:1px solid #e5e5e5;     padding: 30px 30px 20px; margin-top:20px;}
.dash_panel.vw_tket_form { background: #ffffff none repeat scroll 0 0; padding:0 30px 30px; }
.vw_ticket_top { border-bottom: 1px solid #e5e5e5; padding-bottom: 25px; }
.vw_tket_grid.two { padding: 20px 0 0; }
.vw_ticket_top h4 { color: #181a1b; font: 18px/20px Jost-Regular; margin-bottom:10px; }
.vw_tket_grid.one ul li { color: #757575; display: inline-block; font: 15px/20px Jost-Bold; margin-right: 10px; }
.vw_tket_grid.one ul { float: left; }
.vw_tket_grid.one p { float: right; }
.vw_tket_grid p { color: #757575; font: 15px/20px Jost-Bold; }
.vw_tket_grid p span { font: 15px/20px Jost-Regular; }
.vw_tket_grid.two p { float: left; }
.vw_tket_grid.two p:last-child { float: right; }
.vw_tket_grid.one ul li span { background: #f19429 none repeat scroll 0 0; border-radius: 50px; color: #ffffff; display: inline-block; font: 13px/18px Jost-Regular; height: 20px; margin-right: 10px; text-align: center; width: 20px; }
.tket_cmt_img { float: left; text-align: center; width: 60px; }
.tket_cmt_img p { color: #757575; font: 15px/30px Jost-Bold; margin-top:5px; }
.tket_cmt_cont h4 { color: #181a1b; font: 17px/18px Jost-Regular; }
.tket_cmt_cont p { color: #757575; font: 15px/20px Jost-Bold; margin-top: 10px; }
.tket_cmt_cont { float: left; padding-left: 20px; width: calc(100% - 60px); }
.ticket_comments_grid { border-bottom: 1px solid #e5e5e5; padding: 25px 0 23px; }
/* .ticket_comments_grid:last-child { border: medium none; } */
.dash_panel.vw_tket_form form { margin-top: 40px; } 
.vw_tket_btn .multi_btns input { width: auto; }
.vw_tket_btn { margin-top: 30px; } 

.my_favorite .main_content { background: #ebebeb none repeat scroll 0 0; }
.dash_panel.my_fav { background: #ffffff none repeat scroll 0 0; padding: 25px 30px 30px; margin-top:20px; }
.dash_panel.my_fav h3 { color: #181a1b; font: 18px/20px Jost-Regular;  }
.my_fav_grid { border: 1px solid #e5e5e5; float: left; margin-right: 3.2%; padding: 30px; width: 22.6%; margin-top:25px; }
.my_fav_grid:nth-child(4n) { margin-right:0px;}
.my_fav_cont { text-align: center; }
.my_fav_cont h4 { color: #181a1b; font: 16px/36px Jost-Regular; margin-top: 10px; }
.my_fav_cont > p { color: #757575; font: 13px/20px Jost-Bold; }
.my_fav_cont > p.fav_price { color: #181a1b; font: 17px/36px Jost-Bold; margin-top: 4px; } 
.my_fav_cont ul li { display: inline-block; }
.my_fav_cont ul { margin-top: 12px; }
.my_fav_cont ul li a { display: inline-block; height: 29px; text-indent: -9999px; width: 29px; }
.my_fav_cont ul li button { border: medium none; display: inline-block; height: 29px; padding: 0; text-indent: -9999px; width: 29px; }
.my_fav_cont ul li.fav_view a {background:url("../images/fav_view.png") no-repeat center center;}
.my_fav_cont ul li.fav_cart a , .my_fav_cont ul li.fav_cart button {background:url("../images/fav_cart.png") no-repeat center center;}
.my_fav_cont ul li.fav_delete a, .my_fav_cont ul li.fav_delete button {background:url("../images/fav_delete.png") no-repeat center center;}
.my_fav_cont ul li form { float: left; width: auto; }
.my_fav_cont ul li { display:inline-block; height: 29px; width:29px; vertical-align: top; }
.my_fav_grid > a { border: 1px solid #e5e5e5; display: inline-block; max-height: 70px; min-height: 70px; overflow: hidden; position: relative; width: 100%; }
.my_fav_grid > a img { bottom: 0; display: inline-block; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; vertical-align: middle; width: 100%; }

.my_download .main_content { background: #ebebeb none repeat scroll 0 0; }
.dash_panel.download_info { background: #ffffff none repeat scroll 0 0; color: #181a1b; margin-top: 20px; }
.dash_panel.download_info h3 { border: 1px solid #e5e5e5; font: 18px/20px Jost-Regular; margin-bottom: -1px; padding: 23px 30px; }
.my_down table.down_table { border: 1px solid #e5e5e5; width: 100%; }
.my_down table.down_table thead th { color: #757575; font: 13px/20px Jost-Regular; padding: 5px 20px; text-transform: uppercase; }
.my_down table.down_table thead th:first-child, .my_order table.order_table tbody td:first-child { text-align: center; }
.my_down table.down_table thead { background: #e5e5e5 none repeat scroll 0 0; }
.my_down table.down_table tbody td { color: #757575; font: 15px/24px Jost-Bold; padding:14px 20px; vertical-align: top;  }
.my_down table.down_table tbody td:last-child { vertical-align: middle; }
/* .my_down table.down_table tbody tr:nth-child(2n+1) td { background: #f7f7f7 none repeat scroll 0 0; } */
.my_down table.down_table tbody td:last-child a { background-image:url("../images/downlo_icon.png"); background-position:left center; text-align:center; background-repeat:no-repeat; color: #ffffff; font: 14px/20px Jost-Regular; text-transform:uppercase; display: inline-block; padding: 5px 10px 5px 20px; width: 90px; } 
.my_down table.down_table tbody td:last-child a {background-color:#ff3366; background-position: 10px center;}
.my_down table.down_table tbody td:last-child a.d_psd {background-color:#181a1b;   background-position: 12px center;}
.my_down table.down_table tbody td:last-child a:hover {background-color:#757575;}
.my_down table.down_table tbody tr { border-bottom: 1px solid #e5e5e5; }
.my_down table.down_table thead th.com_wid, .my_down table.down_table tbody td.com_wid {  width: 20%; }
.my_down table.down_table .inner_table th, .my_down table.down_table .inner_table td {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; padding: 5px 20px; vertical-align:top;  color: #757575; font: 15px/30px Jost-Bold;}
.my_down table.down_table .inner_table th {font: 13px/24px Jost-Regular;}
.my_down table.down_table tbody tr .inner_table tr { border: medium none; }
.my_down table.down_table tbody td.com_wid.tmpl_name {text-align:left; color:#181a1b;  padding-right: 10px; font: 15px/24px Jost-Regular; }
.my_down table.down_table tbody td.com_wid.tmpl_name a{ color:#181a1b; display:block;}
.my_down table.down_table tbody td.com_wid.tmpl_name a.active{ color:#ff3366;padding-right:30px; background:rgba(0, 0, 0, 0) url("../images/view_all.png") no-repeat scroll right center}
.my_down table.down_table tbody tr .inner_table tr:first-child td { font: 15px/24px Jost-Bold;  padding-bottom: 5px;}
.my_down table.down_table tbody td.com_wid  {text-align:center;  padding-top: 19px;}
.my_down table.down_table tbody td.com_wid.tmpl_name p { color: #757575; font: 14px/24px Jost-Bold; }
.my_down table.down_table tbody td.com_wid.tmpl_name p.expire_date span { color: #ff3366; display: block; font: 14px/24px Jost-Regular; }
.my_down table.down_table tbody td.com_wid.tmpl_name p.expire_date { margin-top: 8px; }
.my_down table.down_table tbody td.com_wid.tmpl_name p.sup_expired span { color: #ff3366; }
.my_down table.down_table tbody td.com_wid.tmpl_name p.sup_expired { margin-top: 5px; }
.my_down table.down_table tbody td.com_wid.tmpl_name .renew_btn button { color: #ffffff; border:none; font: 14px/24px Jost-Regular; padding: 3px 5px 3px 25px; background:#ff3366 url("../images/renew_icon.png") no-repeat 9px center; }
.my_down table.down_table tbody td.com_wid.tmpl_name .renew_btn { margin-top: 5px; } 
.my_down table.down_table tbody td.odd_data, .my_down table.down_table tbody td.odd_id {  background: #f7f7f7;}
.my_down table.down_table tbody td.even_data, .my_down table.down_table tbody td.even_id { background: #fff; }
.my_down table.down_table tbody td.odd_id , .my_down table.down_table tbody td.even_id { border-right: 1px solid #e5e5e5; }
.my_down table.down_table tbody tr .inner_table tr td:nth-child(2) { width: 27%; }
.my_down table.down_table tbody tr .inner_table { width: 100%; }
.my_down table.down_table tbody tr .inner_table tr td:last-child {  padding-right: 0px;}


body #divSmallBoxes { z-index: 10015; }
body  .SmallBox .textoFull { padding: 10px 20px 15px;}

footer {/* border-top: 1px solid rgba(255, 255, 255, 0.15); */ padding: 16px 0; background:#181a1b; } 
footer .footer_link a { color: #ffffff; }
footer .footer_link { padding: 0;  width: 37.2%; } 
footer .footer_link ul li { display: inline-block; font: 14px/27px Jost-Bold; }
footer .footer_link ul li a { border-right: 1px solid #ffffff; margin-right: 5px; padding-right: 8px; }
footer .footer_link ul li:last-child a { border: medium none; margin: 0; padding: 0; }
footer .copyright { color: #ffffff; padding: 0; text-align: left; /* width: 60%; */ width: 42%; }
footer .copyright p { color: #ffffff; font: 14px/27px Jost-Bold; }
.copyright a { float: right; margin-top: 2px; margin-right:25p; }
footer .social_link { padding: 0; text-align: right; /* width: 16.5%; */ width: 20.8%; white-space:nowrap; z-index: 999 !important; float:right;  } 
body #livechat-compact-container {  z-index: 9999999 !important; width: 80px !important;}
.social_link .social_list li { color: #ffffff; display: inline-block; font: 14px/27px Jost-Bold; }
.social_link .social_list li a {text-indent: -99999px; display: inline-block; width: 20px; height: 27px;text-align: left; }
.social_link .social_list li.insta  {display:none;}
.social_link .social_list li.fb a { background:url("../images/fb_icn.png") no-repeat center center;}
.social_link .social_list li.tw a { background:url("../images/tw_icn.png") no-repeat center center;}
.social_link .social_list li.pin a { background:url("../images/pin_icn.png") no-repeat center center;}
.social_link .social_list li.in a { background:url("../images/linked_icn.png") no-repeat center center;}
.social_link .social_list li.insta a { background:url("../images/insta_icn.png") no-repeat center center;}
.social_link .social_list li.gplus a { background:url("../images/gplus_icn.png") no-repeat center center;}
.btn_fixed { display: inline-block; float: right; position: fixed; right: 0; top: 64%; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; width: 45px; z-index: 10000; }
body { position: relative; }
.btn_fixed .btn-info { background: #ff3366 url("../images/quote_icon.png") no-repeat 20px center; border: medium none; box-shadow:none;   border-radius: 0; font: 20px/50px Jost-Regular;padding: 0 0 0 40px;width: 220px; text-transform: uppercase; }
.btn_fixed .btn-info:hover, .btn_fixed .btn-info:focus {background-color:#ff3366; border: medium none;}
body.modal-open { /* overflow: auto; */  padding-right: 0 !important; }
/* body.modal-open .quote_modal.modal { overflow: hidden; } */
body.modal-open .quote_modal .modal-dialog { max-width: 900px; width: 100%; position: relative;z-index: 9999; } 
body.modal-open .modal-backdrop.in { opacity: 0.7; }
.quote_modal .form-group_btn .recaptcha_div {/*  float: none; *//*  margin: 0 auto 10px;; */ text-align: center; /* width: 304px; */ position: relative; } 
body.modal-open .quote_modal .modal-dialog .modal-content {  box-shadow: none; position:relative; background: #181a1b url("../images/popup_bg.jpg") no-repeat left center; /* background-size:cover; */ padding: 35px 0 35px 35px;  display: inline-block;width: 100%; border:none; border-radius:0px; } 
.quote_modal .modal-body.modal_left { width: 65%; padding:0px; }
.quote_modal .modal-body.modal_left h1 { color: #ffffff;font: 34px/34px Jost-Regular; /*  margin-bottom: 45px; */  /* font: 27px/27px Jost-Regular;  */margin-bottom: 20px;  text-transform: uppercase; }
.quote_modal .modal-body.modal_left .form-group textarea { height: 84px; resize: none; }
.quote_modal .modal-body.modal_left .form-group input, .quote_modal .modal-body.modal_left .form-group select, .modal-body.modal_left .form-group textarea { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border:none; border-bottom: 2px solid rgba(176, 176, 176, 0.3); color: #b0b0b0; font: 16px Jost-Bold; padding: 10px 0; width: 100%; transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; }
.quote_modal .modal-body.modal_left .form-group select {background:url("../images/select_arw.png") no-repeat 100% center;}
.quote_modal .modal-body.modal_left .form-group select option {background:#181a1b;}
.quote_modal .modal-body.modal_left .form-group input:focus , .quote_modal .modal-body.modal_left .form-group textarea:focus {border-color:#b0b0b0}
.quote_modal .modal-body.modal_left .form-group_all .form-group { float: left; margin-right: 7.1%;width: 46.45%; }
.quote_modal .modal-body.modal_left .form-group_all .form-group:last-child{margin-right:0px;}
.quote_modal .modal-body.modal_left  form {max-width:435px;}
.modal-body.modal_left {  padding: 0;}
.quote_modal .form-group_btn input { background: #ff3366 none repeat scroll 0 0;  /* margin-top: 15px; */ color: #ffffff; font: 15px/20px Jost-Regular; padding:20px 15px 19px; text-transform: uppercase; width: 42%; float:right; }
.quote_modal button.close { height: 30px; text-indent: -9999px; width: 30px; background:  url("../images/close_btn.png") no-repeat center center;opacity: 1;  position: absolute; right:0px; top: 0px;}
.quote_modal ::-webkit-input-placeholder { opacity:1; color:#b0b0b0;}
.quote_modal ::-moz-placeholder {  opacity:1;  color:#b0b0b0;}
.quote_modal :-ms-input-placeholder {  opacity:1; color:#b0b0b0;}
.quote_modal :-moz-placeholder { opacity:1;color:#b0b0b0; }  
.quote_modal .form-group_btn { display: inline-block; margin-top: 15px; width: 100%; } 
.quote_modal .modal-body.modal_left .form-group label.error-form, .quote_modal .modal-body.modal_left .form-group_btn label.error-form { font: 11px Jost-Bold; margin-top: 5px; bottom: -21px;left: 0;position: absolute; } 
.quote_modal .modal-body.modal_left .form-group { position: relative;}
.waitMe_container .waitMe { background: rgba(255, 255, 255, 0.05) none repeat scroll 0 0 !important; }
body.modal-open .btn_fixed { display: none;}
.quote_modal .form-group_btn .recaptcha_div { /* float: none; */ margin: 0 auto 10px; text-align: center; width: 55%; position:relative;  height: 60px; } 
.quote_modal .form-group_btn .recaptcha_div  .g-recaptcha { -webkit-transform: scale(0.77); -moz-transform: scale(0.77); -ms-transform: scale(0.77); -o-transform: scale(0.77); transform: scale(0.77); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; }

/*Currency Modal*/
body.modal-open .curency_modal .modal { top: 20%; }
body.modal-open {padding-right: 0 !important; }
body.modal-open .curency_modal .modal-dialog { max-width: 580px; width: 100%; margin: 0 auto; position: relative; z-index: 9999; box-shadow: 0 0  10px rgba(0,0,0,0.8);} 
body.modal-open .curency_modal .modal-backdrop.in { opacity: 0.7; height:100% !important; }
body.modal-open .curency_modal .modal-dialog .modal-content {  box-shadow: none; position:relative; background: #181a1b url("../images/curency_modal.jpg") no-repeat left center; /* background-size:cover; */ padding: 35px;  display: inline-block;width: 100%; border:none; border-radius:0px; } 
body.modal-open .curency_modal .modal-header button.close { height: 30px; text-indent: -9999px; width: 30px; background:  url("../images/close_btn.png") no-repeat center center;opacity: 1;  position: absolute; right:0px; top: 0px;}
body.modal-open .curency_modal .modal-header {border:none; padding:0px;}
body.modal-open .curency_modal .modal-header h1 { color: #ffffff;font: 34px/34px Jost-Regular; text-align:center; text-transform:uppercase;}
body.modal-open .curency_modal .modal-body {padding:50px 0 0;}
body.modal-open .curency_modal .modal-body ul {text-align:center;}
body.modal-open .curency_modal .modal-body ul li {display:inline-block; margin-right:25px;}
body.modal-open .curency_modal .modal-body ul li:last-child {margin-right:0px;}
body.modal-open .curency_modal .modal-body ul li button {max-width: 140px; background-color:transparent; background-position:top center; background-repeat:no-repeat;  color:#fff; font: 24px/32px Jost-Regular; padding:150px 50px 5px; text-transform:uppercase;}
body.modal-open .curency_modal .modal-body ul li button.dollar_sign {background-image:url("../images/dollar_sign.png");}
body.modal-open .curency_modal .modal-body ul li button.rupees_sign {background-image:url("../images/rupees_sign.png");}




/*Order Success Page*/

.order_suc_text { padding: 55px 0; text-align: center; }
.order_suc_text h1 { color: #181a1b; font: 40px/68px Jost-Regular; text-transform: uppercase; }
.order_suc_img { margin-bottom: 17px; }
.order_suc_text h2 { color: #181a1b; font: 28px/36px Jost-Regular; margin-bottom: 17px; }
.order_suc_text h2 span { color: #ff3366; font: 28px/26px Jost-Regular; }
.order_suc_text > p { color: #181a1b; font: 18px/28px Jost-Bold; margin: 0 auto; max-width: 805px; }
.order_suc_text > p a { color: #ff3366; }
.order_suc_text .cont_shopp { background: #ff3366 none repeat scroll 0 0; color: #ffffff; display: inline-block; font: 14px/20px Jost-Regular; margin-top: 37px; padding: 15px 20px; text-transform: uppercase; }
.order_success footer { bottom: 0; position: absolute; width: 100%; }
.order_success { position: relative; height:100vh; overflow: hidden;  }


/*Demo Page top*/

#top-bar { background: #181a1b none repeat scroll 0 0; height: 56px; left: 0; top: 0; width: 100%; z-index: 5; }
.top-bar-content { height: 56px; position: relative; width: 100%; margin: 0 auto;max-width: 1100px;  }
.temp-category { /*     margin: 0 11px 0 175px; */ }
.version-blk { padding: 10px 0 0 10px;  display: inline-block;}
.version-blk p { color: #fff; font: 13px/18px Jost-Bold; margin: 0;}
.buttons-wrap { /*     margin: 0 175px 0 0; */ width: 126px; }
.buttons-wrap .dwn-btn { background: rgba(0, 0, 0, 0) url("../images/dwnload-normal.png") no-repeat scroll left top; color: #ffffff; cursor: pointer; font: 15px/33px Jost-Regular; height: 35px; /* margin: 10px 0 0; */ padding: 0 0 3px; text-align: center; text-transform: uppercase; width: 126px; }
.buttons-wrap .dwn-btn:hover { background: rgba(0, 0, 0, 0) url("../images/dwnload.png") no-repeat scroll left top; }
.top-logo { margin: 10px 0px 0 ;  text-align: right; }
.temp-category a, .temp-logo a { display: inline-block; vertical-align: top; }
.top-bar-content  .close {position:absolute; right:-50px; background: rgba(0, 0, 0, 0) url("../images/normal-close.png") no-repeat scroll left top; height: 20px; margin: 0 17px 0 0; position: absolute; text-indent: -2000em; top: 19px; width: 20px;opacity: 1;  }
.top-bar-content  .close:hover {background: rgba(0, 0, 0, 0) url("../images/hover-close.png") no-repeat scroll left top; opacity: 1;}
.buttons-wrap { display: inline-block; width: 126px; padding-left:10px; } 




.login_form .form-group label {    
    position: absolute;
    color: #000;
    top: 0;
    left: 0;
    margin-bottom: 0;
    font: 20px/25px Jost-Regular;}

.login_form .form-group { position: relative; z-index: 1; margin-bottom:20px;}
.login_form .form-group input{     
    height: 48px;
    resize: none;
    border: none;
    border-bottom: 2px solid #555;
    color: #000;
    font: 20px/25px Jost-Regular;
    background-color: #0000;
    width: 100%;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    outline: none; } 
.login_form .input_effect ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #f36; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; } 
.login_form .input_effect:focus ~ .focus-border,
.login_form .has-content.input_effect ~ .focus-border{width: 100%; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; left: 0;}
/*.login_form .input_effect ~ label{position: absolute; left: 0; width: 100%; top: 1px; font: 15px/24px Jost-Regular; color: #f36; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; z-index: -1;}*/
.login_form .input_effect:focus ~ label, .login_form .has-content.input_effect ~ label{top: -15px; font: 17px/20px Jost-Regular;  text-shadow: 0 0 0; color: #f36; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s;}
.log_grid .form_grp .form-group.check_btn label {
    position: relative;
}
.login_form .input_effect ~ label.error-form{display: none;}
 
.login_form .form-group input.custom-error {
    border-color: #f36;
}
 
/*Responsive*/


@media screen and (max-width:1280px){
.main-menu nav.navbar ul.nav li > a { font: 14px/34px Jost-Bold; margin-right:17px;}
.main-menu nav.navbar ul.nav.head_contact > li > a::before, .logo a::after { height: 79px;}	
.main-menu nav.navbar ul.nav.head_contact > li > a { font: 12px/34px Jost-Regular;}
.quote_modal .modal-body.modal_left h1 { font: 19px/27px Jost-Regular; }
body.modal-open .quote_modal .modal-dialog .modal-content { padding: 30px;  background-position: left center; }
/* .quote_modal button.close { right: 0; top: -30px; } */
.main-menu nav.navbar ul.nav.head_contact > li.user_icon a {background-position: center center; text-indent: -9999px;}
/* .white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact > li > a::before { height: 79px; }  */
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li > a::before {height: 66px;}
.innerpage header .sticky .logo a::after{height: 62px;}
.main-menu nav.navbar ul.nav.head_contact > li.user_icon.after_login > a, .innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li.user_icon.after_login > a ,.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li.user_icon > a{background-position: center center;}
}

@media screen and (min-width:1025px){
.main-menu nav.navbar ul.nav.head_contact > li.phone_icon:hover .dropdown-menu , .main-menu nav.navbar ul.nav.head_contact > li.mail_icon:hover .dropdown-menu , .main-menu nav.navbar ul.nav.head_contact > li.user_icon.after_login:hover .dropdown-menu {display:block; background:none; top:0px; padding-top:57px;}
.main-menu nav.navbar ul.nav.head_contact > li.phone_icon:hover .dropdown-menu::after , .main-menu nav.navbar ul.nav.head_contact > li.mail_icon:hover .dropdown-menu::after , .main-menu nav.navbar ul.nav.head_contact > li.user_icon.after_login:hover .dropdown-menu::after {top:47px;}
.main-menu nav.navbar ul.nav.head_contact > li.phone_icon .dropdown-menu li, .main-menu nav.navbar ul.nav.head_contact > li.mail_icon .dropdown-menu li  , .main-menu nav.navbar ul.nav.head_contact > li.user_icon.after_login .dropdown-menu li { background: #ffffff none repeat scroll 0 0;}
.main-menu nav.navbar ul.nav.head_contact > li.phone_icon .dropdown-menu li:first-child, .main-menu nav.navbar ul.nav.head_contact > li.mail_icon .dropdown-menu li:first-child , .main-menu nav.navbar ul.nav.head_contact > li.user_icon.after_login .dropdown-menu li:first-child {border-radius: 3px 3px 0 0;}
.main-menu nav.navbar ul.nav.head_contact > li.phone_icon .dropdown-menu li:last-child, .main-menu nav.navbar ul.nav.head_contact > li.mail_icon .dropdown-menu li:last-child, .main-menu nav.navbar ul.nav.head_contact > li.user_icon.after_login .dropdown-menu li:last-child {border-radius: 0px 0px 3px 3px;}	
	
/* .main-menu nav.navbar ul.nav.head_contact > li.phone_icon:hover .dropdown-menu , .main-menu nav.navbar ul.nav.head_contact > li.mail_icon:hover .dropdown-menu {display:block; background:none; top:0px; padding-top:57px;}
.main-menu nav.navbar ul.nav.head_contact > li.phone_icon:hover .dropdown-menu::after , .main-menu nav.navbar ul.nav.head_contact > li.mail_icon:hover .dropdown-menu::after{top:47px;}
.main-menu nav.navbar ul.nav.head_contact > li.phone_icon .dropdown-menu li, .main-menu nav.navbar ul.nav.head_contact > li.mail_icon .dropdown-menu li { background: #ffffff none repeat scroll 0 0;}
.main-menu nav.navbar ul.nav.head_contact > li.phone_icon .dropdown-menu li:first-child, .main-menu nav.navbar ul.nav.head_contact > li.mail_icon .dropdown-menu li:first-child {border-radius: 3px 3px 0 0;}
.main-menu nav.navbar ul.nav.head_contact > li.phone_icon .dropdown-menu li:last-child, .main-menu nav.navbar ul.nav.head_contact > li.mail_icon .dropdown-menu li:last-child {border-radius: 0px 0px 3px 3px;} */
}

@media screen and (max-width:1200px){
.temp_banner > img { height: 450px; }
}




@media screen and (max-width:1040px){
.innerpage header .logo { border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding: 15px 0; text-align: center; width: 100%; }
/* .white_color header .logo { border-bottom: 1px solid #e5e5e5; } */
.innerpage header .sticky .logo a { width: 100%; }
.innerpage header .sticky .logo a img { width: 120px; }
.innerpage header .fixed_header.sticky .logo { border-color: #e5e5e5; }
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li > a::before { height: 41px; top: -4px; }
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li.cart_icon a { background-position: 8px center; padding: 0 0 0 30px; }
/* .white_color header .sticky .main-menu nav.navbar ul.nav.head_contact > li > a::before { height: 41px; } */
.innerpage header .fixed_header { padding: 0; }
.main-menu nav.navbar { width: 100%; }
.innerpage header .main-menu { width: 100%; }
.nav.navbar-nav.head_contact { float: right; }
.main-menu .navbar .navbar-collapse { padding: 0 0 0 15px; }
.main-menu nav.navbar ul.nav.head_contact > li.cart_icon a { background-position: 8px center; display: inline-block; padding: 0 0 0 33px; width: 50px !important; }
.main-menu nav.navbar ul.nav.head_contact > li.user_icon a { padding: 0 15px 0 25px; }
.main-menu nav.navbar ul.nav li.our_store a {  margin-right: 30px;}
.main-menu nav.navbar ul.nav.head_contact > li.user_icon ul.dropdown-menu { right: -8px;}
.innerpage header .sticky .main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu {top:38px;}
.logo a::after { display: none; }
.main-menu nav.navbar ul.nav li.our_store .child-drop {display:block;}
.main-menu nav.navbar ul.nav li.our_store:hover .menu_drop {display:none; opacity:1;  animation: none; -webkit-animation: none;}
/* .white_color header .fixed_header .main-menu nav.navbar ul.nav li.our_store:hover .menu_drop {display:none; opacity:1;  animation: 0s ease 0s normal none 1 running none; -webkit-animation: 0s ease 0s normal none 1 running none;} */
.main-menu .our_store .menu_drop li { background: #ffffff none repeat scroll 0 0;}
.main-menu nav.navbar ul.nav li.our_store .menu_drop li a {  color: #181a1b;}
.main-menu nav.navbar ul.nav li > a {  font: 14px/30px Jost-Bold;}
.main-menu nav.navbar ul.nav li.our_store ul {  opacity: 1;  padding-top: 0px;}
.main-menu nav.navbar ul.nav.head_contact > li > a {  width: 40px!important;}
.main-menu nav.navbar ul.nav.head_contact > li > a::before { height: 48px; top: -7px; }
.innerpage header .logo a img { width: 150px;} 
/* .white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact > li > a::before { height: 48px; }
.white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact > li.cart_icon a { background-position: 6px center; padding-left: 30px; }
.white_color .main_content {  margin-top: 124px;} */
.store_banner .banner_cont .banner_txt h1 { font: 23px/33px Jost-Regular; }
.store_banner .banner_cont .banner_txt p { font: 16px/22px Jost-Bold; max-width: 450px; }
.stor_ban_grid { margin-top: 20px; }
.banner_cont {  top: 39%;}
.store_banner .stor_ban_icon p { font: 12px/25px Jost-Regular; }
.stor_ban_icon.one, .stor_ban_icon.two { margin-right: 20px; }
.stor_ban_img { margin: 0 auto; width: 35px; }
.new_slide_effect .image_center #img_cntr { width: 50%; }
.new_slide_effect .image_center .inside_img img { width: 30%; }
.new_slide_effect { margin-top: 0px; }
.new_slide_effect .inside_img > div { top: 50px; }

body .container { padding: 0 15px; } 
.temp_banner .banner_cont .banner_txt h1 { font: 23px/33px Jost-Regular;  margin-bottom: 7px;}
.temp_banner .banner_cont .banner_txt p { font: 16px/22px Jost-Bold; }
.temp_banner .stor_ban_icon p { font: 12px/25px Jost-Regular; }
footer .copyright { text-align: center; width: 37%; }
.copyright a {margin-right:0px;}
footer .social_link {width: 25.8%;}
footer .footer_link ul li { font: 13px/20px Jost-Bold; }
footer .copyright p { font: 13px/20px Jost-Bold; }
footer .social_link .social_list li { font: 12px/23px Jost-Bold; }
footer .footer_link { text-align: center;}
.quote_modal .modal-body.modal_left form {  max-width: 100%;}
.st_common_det .st_prod:hover { padding: 28px 40px 70px; }
.st_prod h3::after { top: 44px; }
.hover_content { top: 38%;   padding: 0 35px; }
.hover_content > a { font: 11px/21px Jost-Regular; margin-top: 10px; padding: 5px 20px; }
.hover_content > p { font: 13px/23px Jost-Bold; }
.st_prod h3 { font: 23px/30px Jost-Regular; }
.st_common_det .st_prod:hover { margin-top: -24px;}
.temp_banner .banner_cont { top: 26%; }
.temp_banner .banner_cont .banner_txt a {  font: 10px/18px Jost-Regular;  margin-top: 10px;  padding: 5px 10px;}
.templ_cont h3.templ_title { font: 15px/19px Jost-Regular; }
.templ_cont .price p { font: 15px/17px Jost-Regular; }
.templ_det_tabs .nav-tabs > li > a { font: 12px/26px Jost-Regular; }
.templ_det_tabs .nav-tabs > li { width: 185px; }
.white_color .main_content { padding-top: 115px; } 

/*Filter Form*/

.temp_filter_form .form-group label { font: 12px/29px Jost-Regular; }
.temp_filter_form .form-group.filter_framework label { width: 120px; }
.temp_filter_form .form-group.filter_version label { width: 90px; }
.temp_filter_form .form-group.filter_framework select { width: calc(100% - 120px);}
.temp_filter_form .form-group.filter_version select { width: calc(100% - 90px);}
.temp_filter_form .form-group {padding-right:20px;}
.temp_filter_form .form-group.filter_btn input {  font: 12px/34px Jost-Regular;   padding: 0 15px;}


/* .templ_left_fixed.affix { transition: all 0.5s ease 0s; width: 40%; }  */
.templ_left_fixed.affix { position: static !important; width: auto; }
.dash_panel.dash_menu > ul li a { font: 13px/18px Jost-Bold; }
.dash_panel.dash_menu > ul li a span { font: 11px/15px Jost-Bold; }
.dash_panel.dash_menu > ul li a::after { background-size: 35px auto !important; top: -60px; }
.dash_panel.dash_menu > ul li { margin-top: 12px; padding-top: 30px; }
.dash_panel.dash_menu > h2 { font: 16px/18px Jost-Regular; }
.dash_panel.dash_menu > h2 span { font: 16px/18px Jost-Regular; }
.latest_note .latst_note_cont p { font: 13px/18px Jost-Bold; }
.latest_note .latst_note_cont { padding: 20px; }
.latest_note .latst_note_head h3 { font: 15px/20px Jost-Bold; }
.pro_form .form-group label { font: 11px/20px Jost-Regular; }
.pro_form .form-group > input, .pro_form .form-group > textarea, .pro_form .form-group > select { height: 37px; }
.pro_form .form-group > textarea { height: 198px; }
.multi_btns input { font: 13px/18px Jost-Regular; padding: 6px 12px; }
.butns_grid label { margin-top: 0; }
.form-sort select { width: 100px; }
.paging .pagination > li > a, .paging .pagination > li > span { height: 25px; padding: 2px 5px; width: 26px; }
.paging { width: 40%; margin-top: 3px;}
.paging .pagination > li.prev > a, .paging .pagination > li.prev > span, .paging .pagination > li.next > a, .paging .pagination > li.next > span { font: 11px/17px Jost-Regular; }
.form-sort label, .pagintion_grid p { font: 11px/20px Jost-Bold; }
.temp_page_desc h3 { font: 17px/17px Jost-Regular; padding: 20px; }
.temp_page_desc p { font: 13px/22px Jost-Bold; margin-top: 8px; padding: 0 20px; }
.blog_overvw_lft .blog_ovw_category h2 { font: 11px/14px Jost-Regular; padding: 12px 15px; }
.blog_search .form-group input[type="text"] { height: 40px; }
.recent_blog_cont { padding: 10px 16px; }
.recent_blog_cont > h2 { font: 14px/20px Jost-Regular; }
.blog_overvw_rgt .blog_ovw_grid { padding: 23px; }
.blog_ovw_cont h3.blog_ovw_title { font: 16px/20px Jost-Regular; margin-bottom: 5px; }
.blog_ovw_cont p.blog_date { font: 13px/20px Jost-Bold; margin-bottom: 5px; }
.blog_ovw_cont p { font: 13px/20px Jost-Bold; margin-bottom: 14px; }
.blog_ovw_grid .blog_readmore { font: 11px/16px Jost-Regular; }
.blog_ovw_txt a.plus_big { background-size: 35px auto; }
.blog_detail_wrap { padding: 20px; }
.blog_detail_wrap h2 { font: 22px/25px Jost-Regular; margin-top: 15px; }
.blog_detail_wrap p.blog_date { font: 12px/20px Jost-Bold; margin-bottom: 10px; }
.blog_detail_wrap p { font: 13px/20px Jost-Bold; margin-bottom: 10px; }
.blog_detail_wrap h3 { font: 18px/21px Jost-Regular; margin-top: 15px; }
.blog_detail_wrap ul li { font: 12px/22px Jost-Bold; }
.blog_detail_wrap ul { margin-bottom: 12px; }
.my_fav_grid {  padding: 15px;}


.my_down table.down_table tbody td:last-child a { font: 12px/16px Jost-Regular; width: 83px; }
.my_down table.down_table thead th.com_wid, .my_down table.down_table tbody td.com_wid { width: auto; white-space: nowrap; }
.my_down table.down_table tbody tr .inner_table tr:first-child td, .my_down table.down_table tbody tr .inner_table tr td,  .my_down table.down_table tbody td { font: 13px/22px Jost-Bold; }
.my_down table.down_table tbody td.com_wid.tmpl_name p { font: 12px/20px Jost-Bold; }
.my_down table.down_table tbody td.com_wid.tmpl_name p.expire_date span, .my_down table.down_table tbody td.com_wid.tmpl_name { font: 13px/20px Jost-Regular; }
.my_down table.down_table thead th, .my_down table.down_table .inner_table th { font: 11px/20px Jost-Regular; }
}




@media screen and (max-width:992px){
.store_welcme h1 { font: 30px/33px Jost-Bold; }
.store_welcme { padding: 65px 0; }
.store_welcme p { font: 15px/22px Jost-Bold; margin-top: 10px;  }
.new_store_grid p {font: 13px/23px Jost-Bold;}
.new_slide_block h3 { font: 24px/34px Jost-Regular; margin: 25px 0; }
.new_slide_cont p { font: 13px/22px Jost-Bold; margin-top: 10px; }
.new_store_grid_blk { padding: 25px 0; }
.sto_notf {max-width: 550px}
.sto_notf h4 { font: 15px/21px Jost-Bold; margin-top: 20px; }
.st_common h2 { font: 20px/20px Jost-Regular; margin-bottom: 12px; }
.st_common p {font: 14px/20px Jost-Bold;}
.st_common li a { background-position: top center; background-size: 25px auto!important ; font: 11px/36px Jost-Regular; padding: 30px 10px 10px; }
.st_common li { margin-right: 1%; }
.st_temp_cont h3.st_temp_title { font: 14px/19px Jost-Regular; }
.st_temp_cont p { font: 11px/20px Jost-Bold; }
.review_rating { font-size: 13px; }
.st_temp_cont .price p { font: 15px/16px Jost-Regular; }
/* .st_addon_det .row { margin: 0 auto; max-width: 690px; } */
.st_addon_grid { margin-bottom: 25px; text-align: center; width: 230px; height: 249px; }
.log_grid h2 { font: 18px/19px Jost-Regular; }
.login_grid .log_grid { padding: 30px; }
.login_rgt.log_grid h2 { margin: 32px 0; }
.form-sort { white-space: nowrap; }
.form-sort {  width: 33.5%;}
.templ_overvw_lft h2 {  font: 13px/33px Jost-Regular;}
.recent_tmpat_cont > h2 { /* font: 13px/17px Jost-Regular; */ font: 13px/30px Jost-Regular;}
.recent_tmpat_cont p { /* font: 12px/18px Jost-Bold; */ font: 12px/30px Jost-Bold; }
.templ_overvw_lft .templ_category h3 { font: 11px/14px Jost-Regular; }
.templ_overvw_lft .templ_category ul li label, .templ_category li a, .templ_category li { font: 12px/25px Jost-Bold; }
.all_head h1 { font: 23px/30px Jost-Regular; }
.box-table table.cart-table thead tr th { font: 12px/25px Jost-Regular; padding: 7px; }
.box-table table.cart-table tbody tr td { font: 14px/25px Jost-Bold; padding: 20px 10px; }
.cart-right table.cart-table-2 tbody tr th, .cart-right table.cart-table-2 tbody tr td { font: 13px/25px Jost-Bold; }
.cart-right table.cart-table-2 tbody tr td.pro_total { font: 19px/32px Jost-Regular; }
.cart-right { padding: 15px 30px; }
.cart_btn_grp a { font: 13px/22px Jost-Regular; padding: 10px 30px; }
.box-table table.cart-table tbody tr td .abos { right: 0; }
.box-table table.cart-table thead tr th:nth-of-type(2) { text-align: center; }
.box-table table.cart-table tbody tr td.pro_price { text-align: center; }
.box-table table.cart-table thead tr th:first-child, .box-table table.cart-table tbody tr td:first-child { width: 68%; } 
.chk-table { overflow: auto; padding-bottom: 16px; }
.chkout-table { min-width: 300px; }
.chkout-table.two tbody tr th { font: 13px/35px Jost-Bold; }
.chkout-table tbody td { font: 13px/35px Jost-Bold; }
.chkout-table.two tbody td.pro_total { font: 18px/35px Jost-Bold; }
.chk_border { padding: 20px; }
.pay_btn.terms label span { font: 13px/30px Jost-Bold; }
.chkout-grid .chkout_rgt .payment p { font: 13px/17px "Jost-Bold"; }
.login_msg { font: 14px/26px Jost-Bold; margin: 13px 0; }
.form-group.with_btn .alert_msg1 { font: 13px/25px Jost-Bold; }
.chkout_form { padding: 20px; }
.chkout_form.disabled { padding: 20px; }
.chkout_form h2 { font: 13px/26px Jost-Regular; }
.chkout_form h2 span { font: 15px/26px Jost-Regular; height: 26px; width: 26px; }
.chk_border > h3 { font: 13px/19px Jost-Regular; margin-bottom: 5px; }
.chkout_form .mail_input .input_effect ~ label { font: 13px/26px Jost-Bold; }
.chkout_form .form-group .mail_input input { font: 13px/26px Jost-Bold; height: 40px; }
.chkout_form .form-group .continue_btn button { font: 13px/26px Jost-Regular; }
.chkout-grid .chkout_form .mail_input label.error-form { top: 42px !important; }
.pay_btn button { font: 14px/26px Jost-Regular; }
.chkout_form.checked { padding: 20px; }
.chkout_form.checked p { font: 13px/26px Jost-Bold; }
.chkout_form .form-group input { font: 14px/26px Jost-Bold; height: 40px; }
.chkout_form .bill_input .input_effect ~ label { font: 14px/26px Jost-Bold; }
.chkout-grid .chkout_form label.error-form { font: 12px/18px Jost-Bold; }
.chkout-grid .chkout_rgt label.error-form { font: 13px/20px Jost-Bold; }
.chkout_form .form-group.bill_select select { font: 14px/26px Jost-Bold; }
.review_form .recaptcha_div .error-form { font: 12px/14px Jost-Bold; }
.templ_det_tabs .nav-tabs > li { width: 100%; }
.templ_det_tabs .tab-content .tec-det-blk .tec-det-content li { background-size: 35px auto; margin-left: 0 !important; padding-left: 50px; width: 100%; }
.templ_det_tabs .tab-content .tec-det-blk { margin-top: 11px; width: 100%; }
.templ_det_tabs .tab-content h3 { font: 16px/20px Jost-Regular; max-width: 100%; }
.templ_det_tabs .tab-content .tec-det-blk .tec-det-content li { font: 12px/21px Jost-Bold; }
.templ_det_tabs .nav-tabs > li > a { font: 12px/30px Jost-Regular; }
.templ_det_des { margin-bottom: 30px; }
.templ_detail_slider .thumbnails { width: 50%; }
.templ_det_title { font: 20px/34px Jost-Bold; }
.templ_det_price h2 { font: 20px/20px Jost-Regular; }
.templ_det_lft .templ_types .templ_items_list .templ_items label { font: 13px/17px Jost-Bold; }
.templ_item_rgt > p { font: 12px/21px Jost-Bold; }
.templ_total_price { font: 13px/20px Jost-Regular; margin-right: 22px; }
.templ_totals .total_dicrp p { font: 13px/15px Jost-Bold; }
.templ_totals .total_dicrp h4 { font: 14px/15px Jost-Regular; }
.templ_det_btn .addcart { font: 13px/18px Jost-Regular; padding: 10px; }
.revw_img { width: 50px; }
.review_btn input {font: 12px/20px Jost-Regular; padding: 9px 20px; width: auto; }
.write_review .write_review_btn { padding: 10px 25px; }
.write_review { margin: 25px 0; }
.templ_left_fixed.affix { transition: all 0.5s ease 0s;  width: 38.8%; } 
.related_templ_blk h2 { font: 25px/28px Jost-Regular; margin-bottom: 24px; }
.related_templ_blk { padding: 40px 0; }
.rel_temp_cont .price { float: right; }
.rel_temp_cont .price p { font: 16px/17px Jost-Regular; }
.rel_temp_cont h3.rel_temp_title { font: 15px/20px Jost-Regular; }
.rel_temp_cont p { font: 12px/17px Jost-Bold; }
.my_order table.order_table tbody td { font: 12px/24px Jost-Bold; padding: 10px; }
.my_order table.order_table thead th { font: 11px/20px Jost-Regular; padding: 10px; }
.my_order table.order_table tbody td[colspan="2"] { padding: 10px 0; }
.my_order table.order_table tbody td:last-child a { font: 12px/20px Jost-Regular; padding: 3px 15px; }
.order_det { padding: 15px; }
.inv_top_grid .inv_logo { width: 150px; }
.inv_top_grid .inv_date_num p { font: 12px/14px Jost-Bold; }
.inv_top_grid .inv_date_num p span { font: 12px/14px Jost-Regular; }
.inv_mid_grid p { font: 12px/18px Jost-Bold; }
.inv_mid_grid { margin: 25px 0 20px; }
.bt_invoice .bt_invoice_inner { padding: 25px 10px; }
.bt_invoice .my_order table tbody tr td:first-child { padding: 15px; }
.bt_invoice .my_order table tbody tr td { width: auto; }
.bt_invoice .my_order table thead th:first-child { padding: 15px; }
.bt_invoice .my_order table thead th { padding: 15px; }
.ticket_my table.tick_table tbody td label input + i, .ticket_my table.tick_table thead th label input + i { margin-right: 0; }
.ticket_my table.tick_table thead th { font: 12px/18px Jost-Regular; padding: 6px 15px; }
.ticket_my table.tick_table tbody td { font: 13px/20px Jost-Bold; padding: 6px 15px; }
.dash_panel.my_ticket_info h3 { font: 16px/17px Jost-Regular; padding: 15px 20px; }
.ticket_form h4 { font: 16px/19px Jost-Regular; margin-bottom: 18px; }
.tiket_form .form-group label { font: 12px/18px Jost-Regular; margin-bottom: 7px; }
.my_fav_grid { min-height: 252px; padding: 18px; }
.my_fav_cont h4 { font: 14px/30px Jost-Regular; }
.my_fav_cont > p { font: 12px/15px Jost-Bold; }
.my_fav_cont > p.fav_price { font: 14px/29px Jost-Bold; }
.my_fav_cont ul { margin-top: 7px; }
.my_fav_grid { margin-right: 2%; width: 32%; margin-top: 10px; }
.my_fav_grid:nth-child(4n) { margin-right: 2%; }
.my_fav_grid:nth-child(3n) { margin-right: 0; }
.dash_panel.my_fav { padding: 20px; }

.order_suc_text {  padding: 30px 15px;}
.order_suc_text h1 { font: 25px/45px Jost-Regular; }
.order_suc_text h2 { font: 20px/26px Jost-Regular; margin-bottom: 15px; }
.order_suc_text h2 span { font: 20px/26px Jost-Regular; }
.order_suc_text > p { font: 15px/23px Jost-Bold; max-width: 670px; } .order_suc_text .cont_shopp { padding: 10px 15px; }
body.modal-open .quote_modal.modal { overflow-x: hidden; overflow-y: auto; }

.discount_top ul li {  font: 13px/17px Jost-Bold;}
.discount_left, .discount_right { width: 28%;}
.discount_text h1 { font: 30px/35px Jost-Bold;}
   

}

@media screen and (max-width:870px){
.main-menu nav.navbar ul.nav li.our_store { text-align: left;}
.main-menu nav.navbar ul.nav li.our_store a {display:inline-block;}
.st_temp_grid { margin-right: 22px; margin-top: 20px; width: 264px; }
.st_temp_grid:nth-child(2n) { margin-right: 0; }
.st_web_tmpte_det .row { margin: 0 auto; max-width: 550px; } 
.st_addon_det .row { margin: 0 auto; max-width: 550px; }
.st_common_det .st_prod { padding: 82px 40px 40px; }
.st_prod:hover h3::after { height: 30px; } 
.templ_grid { margin-top: 20px; margin-right: 4%; width: 48%;   height: auto; }
.templ_grid:nth-child(3n) { margin-right: 4%; }
.templ_grid:nth-child(2n) { margin-right: 0; }
.templ_left_fixed.affix { transition: all 0.5s ease 0s;  width: 38.3%; } 
.related_templ_blk .row { margin: 0 auto; max-width: 550px; }
.reivew_grid.reply_review { margin-left: 30px; width: calc(100% - 30px); } 
.rel_temp_grid { margin-right: 22px; margin-top: 20px; width: 264px; }
.rel_temp_grid:nth-child(2n) { margin-right: 0; }
.templ_left_fixed.affix { position: static !important; width: auto; }
.vw_tket_form .form-group label { font: 12px/18px Jost-Regular; text-align: left; width: 100%; } 
.vw_tket_form .form-group > textarea, .vw_tket_form .form-group > select { max-width: 100%; }
.tket_cmt_cont p { font: 13px/18px Jost-Bold; margin-top: 5px; }
.tket_cmt_img p { font: 14px/26px Jost-Bold; }
.ticket_comments_grid { padding: 18px 0; }
.tket_cmt_img { width: 50px; }
.dash_panel.vw_tket_form > div#ticket_comments_grid { margin-bottom: 15px; }
.tket_cmt_cont h4 { font: 15px/15px Jost-Regular; }
.vw_ticket_top h4 { font: 15px/17px Jost-Regular; }
.vw_tket_grid.one ul li { font: 12px/16px Jost-Bold; }
.vw_tket_grid p { font: 13px/20px Jost-Bold; }
.vw_tket_grid p span { font: 13px/16px Jost-Regular; }
.profile_form .pro_form { padding: 15px; } 
.paging {width: 55%;}

.temp_filter_form .form-group label { width: 100% !important; text-align: left !important; font: 12px/15px Jost-Regular; }
.temp_filter_form .form-group select { width: 100% !important; max-width:100%; }
.temp_filter_form .form-group { padding: 10px; }
.temp_filter_form .form-group.filter_btn { margin-top: 20px; }

.my_down { overflow-x: auto; width: 100%; }
.my_down table.down_table { width: 700px; }
.my_down table.down_table tbody tr .inner_table { width: 430px; }

.discount_left, .discount_right {  width: 28%;}
.discount_center .coupon_code {font: 17px/17px Jost-Regular;top: 78px;left: 5px;}
.discount_center .disc_percent {left: 55px;bottom: 52px;}
.discount_center {width: 300px;}

   
	
}

@media (max-width:850px) and (orientation:landscape){
.order_success footer { bottom: 0; position: relative; width: 100%; }
.order_success { position: relative; height:auto; overflow: visible;  }
}

@media screen and (max-width:767px){
 .innerpage .fixed_header.navbar-fixed-top { position: absolute; } 
.main-menu .navbar-collapse { background: #4c4c4c none repeat scroll 0 0; left: 31px; margin-top: 60px; max-width: 200px; position: absolute; right: 0; width: 100%; z-index: 999; } 
.main-menu nav.navbar ul.nav.head_contact > li { display: inline-block; }
.main-menu .navbar-toggle { float: left;  margin: 7px 0; } 
.main-menu .navbar-inverse .navbar-header { float: left; padding-left: 10px; }
.innerpage header .logo { border: medium none; padding: 13px 0; text-align: left; width: 170px; }
.innerpage header .main-menu { margin-top: 4px; width: 250px; }
.main-menu nav.navbar ul.nav.head_contact > li > a::before { height: 58px; top: -11px; }
/* 

.white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact > li > a::before { height: 58px; }
.white_color .main-menu .navbar-toggle span { background: #181b1a none repeat scroll 0 0; }
.white_color header .fixed_header .main-menu nav.navbar ul.nav li > a { color: #ffffff; }
.white_color header .fixed_header .main-menu nav.navbar ul.nav li > a::before { color: #ff3366; }
.white_color header .fixed_header .main-menu nav.navbar ul.nav li > a:hover { color: rgba(0, 0, 0, 0); }
.white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact > li.cart_icon a { color: #181a1b; }
.white_color .main-menu nav.navbar ul.nav li.our_store .menu_drop li a { color: #181a1b; } 
.white_color .main-menu nav.navbar ul.nav li.our_store .menu_drop li a:hover { color: #fff; }  */
.main-menu nav.navbar ul.nav li.our_store .child-drop { right:15px;     top: 8px;}
.main-menu .navbar-inverse .navbar-toggle:focus, .main-menu .navbar-inverse .navbar-toggle:hover { background: #ff3366 none repeat scroll 0 0; border: medium none; }
.white_color .fixed_header.navbar-fixed-top { position: static; }
.white_color .main_content { padding: 0; }
.main-menu .navbar-inverse .navbar-toggle:focus span, .main-menu .navbar-inverse .navbar-toggle:hover span { background: #ffffff none repeat scroll 0 0; }
.main-menu nav.navbar ul.nav.head_contact > li .dropdown-menu { position: absolute; top: 47px; }
.main-menu .navbar .navbar-collapse { border: medium none; }
footer .footer_link, footer .copyright, footer .social_link { 	margin-top: 10px; 	text-align: center; 	width: 100%;} 
footer .footer_link{margin-top: 0;} 
.copyright a { width:100%;  margin-top: 0px; margin-bottom: 5px;}
.btn_fixed { width: 25px; top: 55%; }
.btn_fixed .btn-info { background-size: 16px auto; font: 14px/30px Jost-Regular; padding: 0 0 0 25px; width: 156px; }
.quote_modal .modal-body.modal_left { width: 100%; }
body.modal-open .quote_modal .modal-dialog .modal-content { padding: 30px 20px; }
/* .quote_modal button.close { right: -20px;}	 */
.quote_modal .modal-body.modal_left h1 { font: 14px/22px Jost-Regular; }
.stor_welcme_rgt { margin-left: 0; margin-top: 25px; width: 100%;text-align: center; }
.stor_welcme_lft { width: 100%; text-align: center; margin-bottom: 25px;}
/* .store_welcme p{ text-align: center;} */
.store_welcme { padding: 30px 0; }
.banner_cont {  top: 31%;}
.banner_partner h2 {margin: 25px 0 15px;}


.st_prod_det.st_common_det {  padding: 100px 0 50px;}
.st_prod_det .row { margin: 0 auto; max-width: 270px; }
.st_prod_det .row .st_prod { margin-bottom: 20px; width: 270px; margin-top:0px; }
.new_store_grid_blk .new_store_grid { width: 100%; padding: 0 0 20px; border-right: none; border-bottom: 1px solid #e9e9e9; border-left: none; margin-bottom: 20px; text-align: center; }
.new_store_grid_blk .new_store_grid:after { display: none; }

/*Fliter form*/
.temp_filter_form {width:100%; position: relative;margin-top:1px;}
.temp_banner .temp_filter_form .form-group { width: 100%;border-right: none;}
.temp_filter_form .form-group.filter_btn {margin-top: 0px;  padding: 10px;}

.login_grid .log_grid {width:100%; margin-right:0px; margin-bottom:20px;}
.temp_banner .banner_cont {/*  top: 30%; */ top: 22%;  }
.temp_banner > img {   height: 350px; }
.templ_overvw_lft { float: none; margin: 0 auto; width: 100%; }
.templ_overvw_lft .templ_category ul { display: none; }
.templ_overvw_rgt { margin-left: 0; width: 100%;  margin-top: 20px; }
.chkout-grid .chkout_rgt { margin-top: 20px; padding-left: 0; width: 100%; }
.chkout-grid .chkout_lft { width: 100%; }
.chkout-table tbody td.pro_img, .chkout-table.two tbody tr th { width: 75%; } 
.chkout-table tbody td.total_price { text-align: center; }
.templ_det_lft { width: 100%; }
.templ_left_fixed.affix { position: static !important; width: 100%; }
.templ_det_rgt { border-top: 1px solid #e5e5e5; margin-left: 0; margin-top: 15px; padding-top: 15px; width: 100%; }
.templ_det_grid { padding: 0 0 40px; }
.breadcrump ul li {  font: 13px/20px Jost-Bold;}

.blog_overvw_lft { width: 100%; }
.blog_overvw_rgt { margin: 20px 0 0; width: 100%;   overflow: hidden;}
.innerpage.cart_page .main_content, .innerpage.login_page .main_content{min-height:auto;}
.order_success footer { bottom: 0; position: relative; width: 100%; }
.order_success { position: relative; height:auto; overflow: visible;  }
/*New Menu*/		

.main-menu nav.navbar .navbar-collapse ul.nav li a {text-shadow:none; border-bottom: 1px solid rgba(255, 255, 255, 0.15);  color: #ffffff; display: block; font: 13px/30px Jost-Regular; margin: 0; padding: 10px 20px; /* text-transform: uppercase; */ }
.main-menu nav.navbar .navbar-collapse ul.nav li > a::before { display: none; }
.main-menu nav.navbar .navbar-collapse ul.nav li a:hover, .main-menu nav.navbar .navbar-collapse ul.nav li a:focus, .main-menu nav.navbar .navbar-collapse ul.nav li.active a { background: rgba(255, 255, 255, 0.15) none repeat scroll 0 0; color: #ff3366; }
.main-menu nav.navbar .navbar-collapse ul.nav { /* height: 300px; */ margin: 0; padding: 0; }
.main-menu nav.navbar .navbar-collapse { background: #181a1b none repeat scroll 0 0; height: 100% !important; padding:0px;  max-height: 100%;  overflow: visible !important;	 left: 0; margin-top: 0; max-width: 200px; position: fixed; right: 0; top: 0; transform: translateX(-200px); -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); -moz-transform: translateX(-200px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s;  width: 100%; z-index: 999; }
.main-menu nav.navbar .navbar-collapse.in {transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px);} 
.main-menu nav.navbar .navbar-collapse.in .nav_close {display:block; background: #181a1b none repeat scroll 0 0; border: 1px solid #ffffff; border-radius: 50px; color: #ffffff; cursor: pointer; display: inline-block; font: 12px/26px Jost-Regular; height: 27px; position: fixed; right: -40px; text-align: center; top: 11px; width: 27px; z-index: 9999; } 
.innerpage header .sticky .main-menu nav.navbar .navbar-collapse ul.nav li a { border-bottom: 1px solid rgba(255, 255, 255, 0.15);   color: #ffffff;display: block; font: 13px/30px Jost-Regular; margin: 0; padding: 10px 20px; /* text-transform: uppercase;  */}
.innerpage header .sticky .main-menu nav.navbar .navbar-collapse ul.nav li a:hover, .sticky .main-menu nav.navbar .navbar-collapse ul.nav li a:focus, .main-menu nav.navbar .navbar-collapse ul.nav li.active a { background: rgba(255, 255, 255, 0.15) none repeat scroll 0 0; color: #ff3366; }
body.menu_open::after { background: #181a1b none repeat scroll 0 0; content: " "; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; z-index: 7; }
.main-menu .our_store .menu_drop { border: medium none; position: relative; top: 0; width: 100%;  right: 0; }
.main-menu nav.navbar ul.nav li.our_store .menu_drop li a {color:#757575; background: #181a1b none repeat scroll 0 0; border-bottom: none; font: 13px/24px Jost-Regular; text-shadow: none; padding:10px 20px; border-left:none; }
.main-menu nav.navbar ul.nav li.our_store .menu_drop li.active a {border-color: #ff3366;color: #ff3366;}
.menu_open .homepage header { position: static;}
.innerpage header .sticky .main-menu .our_store .menu_drop { animation: 0s ease 0s normal none 1 running none; border: medium none; padding: 0; }
.innerpage header .sticky .main-menu nav.navbar ul.nav li.our_store:hover .menu_drop { animation: none; -webkit-animation: none; }
.innerpage header .sticky .main-menu .our_store .menu_drop li {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;}
.main-menu nav.navbar ul.nav li.our_store .menu_drop li a:hover, .main-menu nav.navbar ul.nav li.our_store .menu_drop li a:focus, .main-menu nav.navbar ul.nav li.our_store .menu_drop li.active a {background: #181a1b none repeat scroll 0 0;border-bottom-color: #ff3366;color: #ff3366;}
.innerpage header .sticky .main-menu nav.navbar ul.nav li.our_store .menu_drop li a:hover, .innerpage header .sticky .main-menu nav.navbar ul.nav li.our_store .menu_drop li a:focus, .innerpage header .sticky .main-menu nav.navbar ul.nav li.our_store .menu_drop li.active a {background: #181a1b none repeat scroll 0 0;border-bottom-color: #ff3366;color: #ff3366;}
.innerpage header .sticky .main-menu nav.navbar ul.nav li.our_store .menu_drop li a {border-bottom:none;}

.main-menu nav.navbar ul.nav li.our_store .menu_drop li::before {position: absolute;background: rgba(117,117,117, 0.5);width: 8px;height: 2px;border-radius: 50%;content: "";left: 20px;z-index: 3;top: 49%;}
.main-menu nav.navbar ul.nav li.our_store .menu_drop li a::after {position: absolute;content: "";border-left: 1px solid rgba(117, 117, 117, 0.5);height: 100%;left: 0px;top: 0;}
.main-menu nav.navbar ul.nav li.our_store .menu_drop li {padding-left: 20px;background: #181a1b;position: relative;}
.main-menu nav.navbar ul.nav li.our_store .menu_drop li:hover{background:none;}
.main-menu nav.navbar ul.nav li.our_store.ul_active a {border-bottom: none;}
.main-menu nav.navbar ul.nav li.our_store.ul_active { border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding-bottom: 6px; }
.main-menu nav.navbar ul.nav li.our_store.ul_active > a { margin-bottom: 5px; }
.innerpage header .sticky .main-menu nav.navbar ul.nav {  margin:0;}
.innerpage header .sticky .main-menu nav.navbar ul.nav li.our_store.ul_active > a {margin-bottom: 5px;}
.innerpage header .sticky .main-menu nav.navbar .navbar-collapse ul.nav li.active a {color: #ff3366;}
.templ_overvw_lft .addons-left .templ_category ul {display: block;}

/*.discount_text h1 { font: 20px/25px Jost-Bold;}*/
.xmas_offer_blcok .xmas_offer_cont h3 {  font: 20px/25px Jost-Bold; }.xmas_offer_blcok .xmas_offer_cont h3 span {font: 20px/25px Jost-Regular;}.xmas_offer_blcok .xmas_offer_cont p { font: 15px/20px Jost-Bold; color: #fff; }.xmas_offer_blcok .xmas_offer_cont p span { font: 15px/20px Jost-Regular; }.xmas_offer_img img {  height: 100px;}
}
@media screen and (max-width:767px) and (orientation:landscape){
.main-menu nav.navbar .navbar-collapse ul.nav { height: 300px; overflow: auto;}
}

@media screen and (max-width:640px){
.cart-left.coupon-container { float: none; width: 100%; }
.cart-right.cart_amt { float: none; margin: 0 auto; max-width: 250px; width: 100%; }
.cart-right table.cart-table-2 { float: none; }
.cart-left.coupon-container form { margin: 0 auto; width: 100%; }
.cart-grid {  padding: 18px;}
}

@media screen and (max-width:600px){
.innerpage .fixed_header.navbar-fixed-top { background: #181a1b none repeat scroll 0 0; position: static; } 
.innerpage header .logo {border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding: 15px 0;text-align: center; width: 100%; }
.innerpage header .main-menu { margin-top: 0px; width: 100%; }
/* .white_color .fixed_header.navbar-fixed-top { background: #ffffff none repeat scroll 0 0; }
.white_color header .fixed_header .logo { border-bottom: 1px solid #e5e5e5; }
.white_color header .fixed_header .main-menu nav.navbar ul.nav.head_contact > li > a::before { height: 48px; } */
.main-menu nav.navbar ul.nav.head_contact > li > a::before { height: 48px; top: -7px; }
.banner_cont {  top: 11%;}
.store_banner .banner_cont { /*  top: 36%; */  top: 20%;}
.payment_method ul li img { height: 20px;}
.st_web_tmpte_det .row { margin: 0 auto; max-width: 264px; } 
.st_addon_det .row { margin: 0 auto;    max-width: 264px;}
.templ_grp_grid { margin: 0 auto; max-width: 264px; }
.templ_grid { margin-right: 0; width: 100%; }
.pagintion_grid { margin: 20px auto 0; max-width: 264px; }
.top_sort_div { float: none; width: 100%; margin-top: 10px; }
.form-sort { text-align: center; width: 100%; float:none;  margin-top: 0px; }
.paging { margin-bottom: 10px; margin-top: 10px; width: 100%;  text-align: center; }
.pagintion_grid p { margin: 0; text-align: center; width: 100%; }
.recent_tmpat_cont { margin: 0 auto; max-width: 264px; }
.recent_tmpat_cont p { float: none; margin-top: 3px; text-align: center; font: 12px/20px Jost-Bold;}
.recent_tmpat_cont > h2 { float: none; text-align: center; margin-top: 5px;   }
.templ_overvw_lft { max-width: 264px; }
.cart_btn_grp a.cart_btn_1, .cart_btn_grp a.cart_btn_2 { display: inline-block; float: none; margin: 6px 0 0; text-align: center; width: 215px; }
.cart_btn_grp { text-align: center; }
.temp_banner .banner_cont { top: 50%;
    transform: translateY(-50%);  }
.temp_banner > img {   height: 250px; }
.box-table table.cart-table { width: 600px; }
.box-table { overflow-x: auto; }
.quote_modal .modal-dialog { margin: 0; }
body.modal-open .quote_modal.modal {overflow-x: hidden; overflow-y: auto; }
.quote_modal .modal-body.modal_left .form-group_all .form-group { width: 100%; }
.quote_modal .modal-body.modal_left .form-group { margin-bottom: 13px; }
.quote_modal .modal-body.modal_left .form-group input, .quote_modal .modal-body.modal_left .form-group select, .modal-body.modal_left .form-group textarea { font: 13px Jost-Bold; }
/* .templ_detail_slider .social_items { margin-bottom: 13px; text-align: center; width: 100%; } */
.templ_detail_slider .thumbnails { width: 100%; float: none;  margin: 0 auto;   }
.related_templ_blk .row { margin: 0 auto; max-width: 264px; }
.rel_temp_grid { margin-right:0px; margin-top: 20px; width: 264px; }
.dash_panel.dash_menu > ul li { margin-right: 4%; margin-top: 30px; width: 48%; }
.dash_panel.dash_menu > ul li:nth-child(2n) { margin-right: 0; }
.dash_panel.dash_menu { padding: 15px; }
.dash_panel.dash_menu > h2 { margin-bottom: 10px; }
.latest_note .latst_note_head { width: 100%;padding: 10px 20px; }
.latest_note .latst_note_cont { width: 100%; }
.profile_form .pro_form { margin-top: 20px; padding: 20px; width: 100%; }
.dash_panel.profile_form { margin: 0; }
.butns_grid label { text-align: center; width: 100%; }
.multi_btns { margin-top: 13px; text-align: center; width: 100%; }
.dash_panel.butns_grid { margin-top: 20px; }
.pro_form .form-group_grid .form-group { margin-right: 0; width: 100%; }
.pro_form .form-group > textarea { height: 150px; } 
.order_by { overflow: auto; }
.my_order table.order_table { min-width: 600px; }
.ticket_my { overflow: auto; padding-bottom: 11px; width: 100%; }
.ticket_my table.tick_table { min-width: 600px; }
.templ_det_tabs .tab-content { padding: 15px;}
.blog_overvw_rgt .blog_ovw_grid { margin-right: 0;  width: 100%;}

.order_suc_text h1 { font: 16px/25px Jost-Regular; }
.order_suc_img > img {  width: 50px;}
.order_suc_text h2 { font: 16px/22px Jost-Regular; margin: 5px 0; }
.order_suc_text h2 span { font: 16px/22px Jost-Regular; }
.order_suc_text > p { font: 13px/23px Jost-Bold; max-width: 520px; } 
.order_suc_text .cont_shopp { padding: 6px 12px; font:12px/16px Jost-Regular;  margin-top:20px;}
.quote_modal .form-group_btn input {  width: 100%;}
.quote_modal .form-group_btn .recaptcha_div { width: 100%;}

/*Currency Modal*/
body.modal-open .curency_modal .modal-header h1 { font: 19px/20px Jost-Regular; }
body.modal-open .curency_modal .modal-body ul li button { padding: 75px 25px 5px; background-size: 60px; max-width: 76px; font: 15px/18px Jost-Regular; }
body.modal-open .curency_modal .modal-body ul li { margin-right: 5px; }
body.modal-open .curency_modal .modal-dialog { margin: 0 auto; }

.top-bar-content { height: auto; max-width: 300px; }
div#top-bar { height: auto; padding: 10px; }
.top-bar-content .temp-category {width: 100%; padding-left: 0;}
.top-bar-content .top-logo {width: 100%;padding-left: 0px;text-align: left;}
.top-bar-content .close {margin: 0; right:0px; top: 37px;}

.discount_left, .discount_right { width: 100%; text-align: left; }
.discount_top .discount_left ul li { text-align: left; padding-right: 0px; padding-left: 30px; }
.discount_top .discount_left ul li::before { right: auto; left: 11px; }
.discount .discount_top { margin: 0 auto; max-width: 300px; }
.discount_text h1 { font: 20px/25px Jost-Bold;}

.payment_select table.payment_prod_det tbody th { font: 11px/25px Jost-Regular; padding:5px; }
.payment_select table.payment_prod_det tbody td {font: 13px/25px Jost-Bold;padding:5px; }

.paymt_option ul li { display: block; }
.paymt_option ul li label img { height: 20px; }
.paymt_option { padding: 30px 0; }
.payment_select .payment_slect_table { padding: 10px 0; }
.pay_selct_btn input { padding: 8px 20px; font: 13px/23px Jost-Regular; }
.dash_panel.payment_select {min-height:500px;}
}

@media screen and (max-width:500px){	
.store_banner .banner_cont .banner_txt h1 { font: 15px/28px Jost-Regular; }
.store_banner .banner_cont .banner_txt p { font: 12px/16px Jost-Bold; }
.stor_ban_icon.one, .stor_ban_icon.two { margin-right: 14px; }
.store_banner .stor_ban_icon p { font: 9px/11px Jost-Regular; }
.stor_ban_grid { margin-top: 20px; }
.store_banner > img { height: 220px; }
.new_slide_effect .image_center #img_cntr {width: 40%;}
.new_slide_effect .image_center .inside_img img {width: 20%;}
.new_slide_effect .inside_img > div {top:25%;}
.st_addon_det .row { margin: 0 auto; max-width: 230px; }
.st_addon_det .add-ons { max-width: 265px; margin: 0 auto; }
.log_grid .form_grp > p { float: left; text-align: left; width: 100%; } 
.temp_banner .banner_cont .banner_txt h1 { font: 15px/28px Jost-Regular; }
.temp_banner .banner_cont .banner_txt p { font: 12px/16px Jost-Bold; }
.temp_banner .stor_ban_icon p { font: 9px/11px Jost-Regular; }
.temp_banner .banner_cont .banner_txt a { font: 10px/18px Jost-Regular; margin-top: 10px; padding: 5px 10px; }
.temp_banner .banner_cont { /* top: 21%;   top:10%;*/}
.chkout_form.checked p { float: left; padding-left: 42px; }
.review_cont { width: 100%; }
.reivew_grid .review_top .rating { margin-bottom: 0; margin-top: 9px; }
.recaptcha_div { width: 100%; }
.review_btn input { float: none; margin-left: 0; }
.my_order { overflow: auto; }
.my_order table { min-width: 500px; }
.inv_top_grid .inv_date_num { border-top: 1px solid #cccccc; margin: 14px 0 0; padding-top: 10px; width: 100%; }
.inv_top_grid .inv_date_num p { text-align: left; }
.inv_mid_grid .inv_user_det { width: 100%; }
.inv_mid_grid .inv_sup_det { border-top: 1px solid #cccccc; margin-top: 10px; padding-top: 10px; text-align: left; width: 100%; }
.inv_mid_grid { border-top: 1px solid #cccccc; margin-top: 10px; padding-top: 5px; }
.dash_panel.ticket_form { padding: 20px; }
.ticket_form .tiket_form { margin-right: 0; width: 100%; }
.tiket_form.tiket_form_rgt { margin-top: 15px; }
.save_ticket input { font: 12px/16px Jost-Regular; }
.tiket_form .form-group > input, .tiket_form .form-group > textarea, .tiket_form .form-group > select { height: 40px; } 
.tiket_form .form-group > textarea {height: 150px; }
.vw_tket_grid.one p { margin-top: 2px; width: 100%; }
.vw_tket_grid.two p:last-child { margin-top: 5px; width: 100%; }
.vw_tket_grid.two { padding-top: 10px; }
.dash_panel.vw_ticket { padding: 15px; }
.vw_ticket_top { padding-bottom: 10px; }
.dash_panel.vw_tket_form { padding: 0 15px 15px; }
.ticket_comments_grid { padding: 15px 0; }
.my_fav_grid { width: 49%; }
.my_fav_grid:nth-child(3n) { margin-right: 2%; }
.my_fav_grid:nth-child(2n) { margin-right: 0; } 
.reivew_grid .review_top .rating { margin-top: 3px;width: 100%;}
.review_form .form-group.review_ratings label.error-form { bottom: -15px;}
.templ_det_lft .temp_det_review h3 {padding: 7px 15px 0px 5px; font: 11px/13px Jost-Regular;}
/* .innerpage header .sticky .main-menu {opacity: 0;} */


 
}


@media screen and (max-width:400px){
.my_fav_grid { width: 100%; min-height:auto; }
.my_fav_grid:nth-child(3n) { margin-right: 0%; }
.my_fav_grid:nth-child(2n) { margin-right: 0; } 
.my_fav_grid:nth-child(4n) { margin-right: 0; } 
.templ_det_title { font: 16px/34px Jost-Bold;}
.templ_det_slide .prod_det_img {min-height:400px!important;}
.notify_msg { max-width: 280px; width: 100%; right: 20px; }
.discount_text h1 { font: 20px/30px Jost-Bold;}

/* 21/10/2021 */
.notify_msg.red > p{font-size:13px;}
 
 
}