body {
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
}
p {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #49423d; font-weight:300;
}

@font-face {
  font-family: 'Balans-Normal';
  src: url('Balans-Normal.eot');
  src: url('Balans-Normal.eot?#iefix') format('embedded-opentype'),
       url('Balans-Normal.svg#Balans-Normal') format('svg'),
       url('Balans-Normal.ttf') format('truetype'),
       url('Balans-Normal.woff') format('woff'),
       url('Balans-Normal.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'TradeGothic LT';
    src: url('TradeGothicLT-BoldTwo.woff2') format('woff2'),
        url('TradeGothicLT-BoldTwo.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}




img {
	max-width: 100%;
	border: 0;
}
.clear {
	clear: both;
	float: none;
	width: 100%;
}
.clearfix::after {
	display: block;
	content: "";
	clear: both;
}
a {
	text-decoration: none !important;
	transition: all 0.2s ease-in;
	color: #000;
}
a:hover {
	color: #cf128c;
}
/*a, span {
  display: inline-block; }*/

.top-hed {
    width: 100%;
    background-color: #fff;
    border-bottom: solid 1px #ebebeb;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}




.mt10 {
	margin-top: 10px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mt0 {
	margin-top: 0px !important;
}
.pt15 {
	padding-top: 15px;
}
.pl-0 {
	padding-left: 0;
}
.pr-0 {
	padding-right: 0;
}
.no-padding {
	padding: 0px;
}
.img-responsive {
	width: 100%;
	height: auto;
}
/*------------------common-css-------------------*/
.fa-search {
	transform: scaleX(-1);
}
.green-text {
	color: #e70b21;
}
.green-bg {
	background: #e70b21;
}
.common-btn {
	font-size: 16px;
	background: #e70b21;
	color: #ffffff;
	padding: 15px 35px;
	display: inline-block;
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
	cursor: pointer;
	border-radius: 40px;
	font-weight: 600;
	text-transform: uppercase;
	border: 0;
	box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
}
.common-btn:hover {
	background: #b6091a;
	color: #fff;
	box-shadow: none;
}
.title {
	position: relative;
	margin-bottom: 30px;
}
.title .title-text {
	font-size: 32px;
	font-weight: 400;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #e70b21;
}
.title .title-gray-text {
	font-size: 36px;
	font-weight: 100;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #b5b5b5;
}
.form-control {
	border-radius: 0px;
	padding: 1.3rem 1rem;
}
:focus {
	box-shadow: none !important;
	outline: none !important;
}

@media (min-width: 1200px) {
.container {
	max-width: 1230px;
}
}
/*------------------end common-css-------------------*/


/*.nav-sec::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 383px 276px 0 0;
    border-color: #990000 transparent transparent transparent;
    z-index: 0;
    position: absolute;
    content: "";
    top: 0;
    z-index: 0;
}
*/




.top-section {
	width: 100%;
	background-color: #672676;
	color: #fff; padding: 10px 0px;
}



.top-section .email-sec ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.top-section .email-sec li {
	margin: 0px;
	list-style: none;
	float: left;
	padding: 8px 30px 8px 0px;
}
.icon-em {
	font-size: 16px;
}
.top-section .email-sec a {
	color: #fff;
	font-size: 14px; 
}
.top-section .email-sec a:hover {
	color: #e69e5c;
}

.email-sec{ margin-top:4px;}
.top-section .contact-social-t { margin: 0px;}


.top-section .contact-social-t a {
	display: inline-block;
	float: left;
	margin: 0 4px 0 4px;
	background:None;
	width: 30px;
	height: 30px;
	border-radius: 0px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	line-height: 28px;
	border: 0px solid #fff;
}
.top-section .contact-social-t  a:hover {
	
	color: #fff;
	border: 0px solid #f08587;
}





.top-section .cart-sec ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
}
.top-section .cart-sec li {
	margin: 0px;
	list-style: none;
	float: left;
	padding: 14px 15px 0px 0px;
}
.top-section .cart-sec a {
	color: #fff;
	font-size: 14px;text-transform:uppercase;
}
.top-section .cart-sec a:hover {
	color: #df0893;
}
.cart-sec .fa {
	padding-right: 8px;
	font-size: 22px;
}

.key-ro{transform: rotate(-45deg);}
.nopadd-r{ padding-right:0px!important;}
.main-header {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    color: #ffffff;
    padding: 0px 0;
    transition: all 0.3s ease;
    background:#fff!important;
}

.navbar-collapse {

    padding-left: 0px;

}

.top-search-sec{ position:relative; margin-top:10px;}

.top-search-sec span{ color:#000; position: absolute; top:7px;
left:-7px;}


.top-search-sec .form-control{
	 
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px 12px 30px ;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f5f5f5;
    background-image: none;
    border: 0px solid #ccc;
 
}
	
	

a:focus{
    color:none;
    text-decoration: underline;
}




/*=-====Main Menu=====*/
.navbar-nav .open .dropdown-menu > li > a {
	padding: 16px 15px 16px 25px;
}
.header_bottom {
	background: none;
}
.header_area .header_bottom .mainmenu a, .navbar-default .navbar-nav > li > a {
	color: #313131;
	font-size: 12px;
	text-transform: uppercase;
	padding: 20px 14px;
	font-weight: 300;
	
}
.header_area .mainmenu .active a, .header_area .mainmenu .active a:focus, .header_area .mainmenu .active a:hover, .header_area .mainmenu li a:hover, .header_area .mainmenu li a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #313131;
	background: #fff;
	outline: 0;
}
/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle {
	border-color: #fff
} /*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff
} /*Toggle Button*/
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a {
	background: none;
	color: #cf128c;
}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	background: #ffc13b;
	color: #000;
}
.mainmenu .collapse ul ul ul > li:hover > a {
	background: #02ae4c;
	color: #fff;
}
.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu {
	background: #213e9c;
}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu {
	background: #0a1464
}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu {
	background: #e4eeb8
}
/******************************Drop-down menu work on hover**********************************/
.mainmenu {
	background: none;
	border: 0 solid;
	margin: 0;
	padding: 0;
	min-height: 20px
}

@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li {
	position: relative;
}
.mainmenu .collapse ul li:hover> ul {
	display: block
}
.mainmenu .collapse ul ul {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 250px;
	display: none
}
/*******/
.mainmenu .collapse ul ul li {
	position: relative
}
.mainmenu .collapse ul ul li:hover> ul {
	display: block
}
.mainmenu .collapse ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	min-width: 250px;
	display: none
}
/*******/
.mainmenu .collapse ul ul ul li {
	position: relative
}
.mainmenu .collapse ul ul ul li:hover ul {
	display: block
}
.mainmenu .collapse ul ul ul ul {
	position: absolute;
	top: 0;
	left: -100%;
	min-width: 250px;
	display: none;
	z-index: 1
}
}
.navbar-brand {
	padding: 0px!important;
}
/*-------------navbar---------------*/


.navbar-default {
	background:none;
	border:none;
}
.navbar-brand {
	float: left;
	height: auto;
	padding: 0px 15px;
	font-size: 18px;
	line-height: 20px;
	margin-right: 30px;
}
.nav-sec {
	width: 100%;
	clear: both; 
	background-color: #ffffff;
}
.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 0px;
}
.navbar-padd {
	margin-top: 0px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	color: #cf128c;
	background: none;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	color: #fff;
	background-color: #02ae4c;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}
.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

.login-ragister {
	border-left: 0px solid #f1f1f1;
	padding: 30px 0px 20px 20px;
	float: right;
}

.login-ragister a { padding-left: 15px; color: #000; font-size:20px;
	
}


.login-ragister-butt {
	background-color: #f1f1f1;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	padding: 5px 0px 0px 0px;
}
.butt-center {
	display: block;
	margin: auto;
}
.cart-btn:hover {
	background: #ffc13b;
	color: #000;
	box-shadow: none;
}
.note-feca {
	background: #555454;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 12px;
	float: right;
	padding-top: 3px;
	margin-left: 8px;
}
/*-------------banner---------------*/
.banner .item img {
	height: auto;
	object-fit: cover;
}
.banner .banner_containt {
	position: absolute;
	left: 20%;
	top: 50%;
	transform: translate(-30%, -50%);
	text-align: left;
	z-index: 9;
	max-width: 800px; padding: 20px;
	width: 100%;
}
.banner .overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	mix-blend-mode: multiply;
	background: url(../images/banner-gradient.png) repeat-x;
}
.banner .banner_containt h1 {
	color: #fff;
	margin: 0;
	font-size: 55px; padding:2px 8px; display: inline-block;
	font-weight: 400;
	letter-spacing: 3px;  font-family: 'TradeGothic LT';
	text-transform: uppercase; text-align: left;  background: rgba(0,0,0, 0.7) !important;
}

.banner .banner_containt h1 span{
	color: #fff;
	margin: 0;
	font-size: 24px; padding:8px; display: inline-block;
	font-weight: 400;
}


.banner .banner_containt h2 {
	color: #4b0065;
	margin: 0;
	font-size: 74px; padding:2px 8px; display: inline-block;
	font-weight: 400;
	letter-spacing: 2px;  font-family: 'TradeGothic LT';
	text-transform: uppercase; text-align: left;  background: rgba(255,255,255, 0.7) !important;
}



.banner .banner_containt h3 {
	color: #cf128c;
	margin: 0;
	font-size: 110px; padding:2px 8px; display: inline-block;
	font-weight: 400;
	letter-spacing: -10px; font-family: 'Balans-Normal';
	text-transform: uppercase; text-align: left;  background: rgba(255,255,255, 0.7) !important;
}

.banner .banner_containt h3 span {
	color: #cf128c;
	margin: 0;
	font-size: 40px; padding:0px;display: inline-block;
	font-weight: 400;
	letter-spacing: 3px; font-family: 'Balans-Normal';
	
}





.banner .banner_containt p {
	color: #000;
	font-size: 18px;
	margin: 10px 0 15px;
	font-weight: 600;
	text-transform: capitalize;
}
.banner .banner_containt .comming {
	margin: 20px 0px; color: #fff; text-align: center; font-weight: 600; font-size: 30px;
}

.banner .common-btn {
	background: #ffffff;
	color: #000000;
}
.banner .common-btn:hover {
	background: #e70b21;
	color: #ffffff;
}
.banner .owl-nav .owl-prev {
	position: absolute;
	color: #2476ca;
	top: 50%;
	left: 1%;
	transform: translateY(-50%);
	text-transform: uppercase;
	font-size: 16px;
}
.banner .owl-nav span {
	position: relative;
}
.banner .owl-nav .owl-next {
	position: absolute;
	color: #2476ca;
	top: 50%;
	right: 1%;
	transform: translateY(-50%);
	text-transform: uppercase;
	font-size: 16px;
}
.banner .owl-nav i {
	font-size: 3.5rem;
	color: #ffffff;
}
.banner .owl-nav.disabled, .banner .owl-nav {
	display: none;
}
.banner #slider:hover .owl-nav {
	display: block;
}
.banner .owl-dots .owl-dot {
	display: none;
}
.banner-btn {
	font-size: 34px;
	background: none;
	color: #000;
	padding: 7px 0px;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	border-radius: 0px;
	font-weight: 300;
	text-transform: uppercase;
	border-bottom: solid 1px #000;
	margin: 0px 0px 0px 60px;
}
.banner-btn:hover {
	background: none;
	color: #f08587;
	box-shadow: none;
	border-bottom: solid 1px #f08587;
}
.sale-img img {
	width: auto!important;
}
/*-------------banner-bottom---------------*/





.join-now-sec{ margin:50px 0px 0px 0px}




.join-now {
	font-size: 40px;
	background:#4b0065;
	color: #fff;
	padding: 0px 30px;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	border-radius: 0px; margin-bottom:2px;
	text-transform: uppercase; position:relative; font-family: 'TradeGothic LT';
	border: solid 0px #fff;
}
.join-now:hover {
	background:#000;
	color: #fff;
	box-shadow: none;
	border: solid 0px #f08587;
}

.join-ro {transform: rotate(-27deg);}
.join-ro1 {transform: rotate(5deg);}
.join-butt{ margin-left:75px;}
.join-now-sec h1{ font-size: 40px; margin: 30px 0px 0px 0px; padding: 10px;color:#000; font-weight:300; border: solid 1px #000; text-transform: uppercase;}


/*-------------hottest-redheads---------------*/



.hottest-redheads{ margin:50px 0px 0px 0px; background: #64007b;}

.hottest-redheads .green-color {
   min-height: 450px; background: #64007b; }
.hottest-redheads .yellow-service-pt { margin-top: 50px;padding-left: 60px; }
.hottest-redheads .other-4-text {width: 90%;padding: 0px 15px;margin-top: 15px; }
.hottest-redheads .other-4-text h4 {font-weight: 100;font-size: 20px; }
  .hottest-redheads .other-4-text p {font-size: 14px;line-height: 22px; }
.m-0 { margin: 0 !important;}
.p-0 {padding: 0 !important;}
.hottest-redheads h2{ font-size:34px; color:#fff; margin:0px 0px 30px 0px; text-transform: uppercase; font-family: 'TradeGothic LT';}
.yellow-service-pt p{ width: 80%; color:#fff; font-size: 16px; }
.hottest-redheads h3{ font-size:20px; color:#fff; margin:20px 0px 20px 0px; text-transform: uppercase;}


.join-now-c {
	font-size: 14px;
	background:#fff;
	color: #000;
	padding:5px 0px 0px 0px; width: 60px; height:60px;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	border-radius: 50%; margin-bottom:2px;
	text-transform: uppercase;font-family: 'TradeGothic LT';
	border: solid 0px #000; text-align: center;
}


.join-now-c:hover {
	background:#000;
	color: #fff;
	box-shadow: none;
	border: solid 0px #f08587;
}




.color-w{ color:#fff!important;}
.others-text { position: relative;}
.others-text img{ width: 100%; height: 100%; }




/*-------------    gallery ---------------*/


.recent-galleries{ margin:50px 0px 0px 0px;}
.recent-galleries h2{ font-size:40px; color:#000; margin:0px 0px 20px 0px; text-transform: uppercase; font-family: 'TradeGothic LT';}

.recent-galleries .box{ position:relative;} 
.recent-galleries .box img{ border-radius:10px; width: 97%;  position: relative;} 

.button-p{ position: absolute;bottom: 60px;right: 0;z-index: 1;}



.gallery-btn {
	font-size: 14px;
	background: rgba(0,0,0, 0.7) !important;
	color: #fff!important;
	padding:10px 15px; 
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	border-radius: 10px; margin-bottom:2px;
	text-transform: uppercase; position:relative; font-family: 'TradeGothic LT';
	border: solid 0px #000; text-align: center;
}


.gallery-btn:hover { background: rgba(255,255,255, 0.7) !important;
	
	color: #000;
	box-shadow: none;
	border: solid 0px #f08587;
}

.mr15{ margin-right:15px;}


/*-------------  Welcome Section ---------------*/


.welcome-sec{ background:#64007b; padding: 80px 0px; margin:50px 0px 0px 0px; text-align: center; color:#fff;}
.welcome-sec h3{ font-size:42px; color:#fff; margin:0px 0px 20px 0px; font-family: 'TradeGothic LT'; text-align:center;}
.p20{ font-size:20px; color:#fff; font-weight:500; text-align: center;}
.welcome-sec p{ text-align: center; color:#fff;}
.welcome-btn {
	font-size: 22px;
	background-color:#64007b;
	color: #fff;
	padding:10px 50px; 
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	border-radius: 30px; margin-bottom:2px;
	position:relative; font-family: 'TradeGothic LT';
	border: solid 1px #fff; text-align: center;
}


.welcome-btn:hover { 
	background-color:#000;
	color: #fff;
	box-shadow: none;
	border: solid 1px #000;
}


/*-------------featured-section---------------*/





.samantha-store{ margin:50px 0px 0px 0px;}

.samantha-store h3{ font-size:40px; color:#000; margin:0px 0px 20px 0px; font-family: 'TradeGothic LT'; text-transform:uppercase;}

.samantha-store-1{ position: relative;}



.samantha-store-1 .banner-containt {
    position: absolute;
    right: -1%;
    top: 18%;
    transform: translate(-30%, -50%);
    text-align: left;
    z-index: 9;
    max-width: 260px;
    width: 100%;
}

.samantha-store-1 h1 {
    font-size: 52px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    font-family: 'Balans-Normal';
    text-align: left;text-transform: uppercase;
    color: #000;
}

.samantha-store-1 h2 {
    font-size: 50px;
    margin: 10px 0px 20px 0px;
    padding: 0px;
   font-family: 'TradeGothic LT';
    text-align: left;
    color: #a507c9;
}



.samantha-store-2{ position: relative;}



.samantha-store-2 .banner-containt {
    position: absolute;
    right: -1%;
   top: 50%;
transform: translate(-30%, -50%);
text-align: left;
z-index: 9;
max-width: 330px;
    width: 100%;
}

.samantha-store-2 h1 {
    font-size: 52px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    font-family: 'Balans-Normal';text-transform: uppercase;
    text-align:left;
    color: #fff;
}

.samantha-store-2 h2 {
    font-size: 50px;
    margin: 10px 0px 20px 0px;
    padding: 0px;
   font-family: 'TradeGothic LT';
    text-align: left;
    color: #fff;
}



.samantha-store-3{ position: relative;}



.samantha-store-3 .banner-containt {
    position: absolute;
   right: -26%;
top: 50%;
transform: translate(-30%, -50%);
text-align: left;
z-index: 9;
max-width: 480px;
    width: 100%;
}

.samantha-store-3 h1 {
    font-size: 45px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    font-family: 'Balans-Normal';
    text-align:left; text-transform: uppercase;
    color: #fff;
}

.samantha-store-3 h2 {
    font-size: 50px;
    margin: 10px 0px 20px 0px;
    padding: 0px;
   font-family: 'TradeGothic LT';
    text-align: left;
    color: #fff;
}










.shop-now {
	font-size: 16px;
	background:#4b0065;
	color: #fff;
	padding: 10px 30px;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	border-radius: 0px; margin-bottom:2px;
	text-transform: uppercase; position:relative; 
	border: solid 0px #fff;
}
.shop-now:hover {
	background:#000;
	color: #fff;
	box-shadow: none;
	border: solid 0px #f08587;
}




.video-section{ margin:50px 0px 0px 0px;}
.video-bg{ background-color:#f4e9f8; padding: 20px; min-height:600px; position: relative}
.video-section-text{ ;font-size:48px; color:#000; margin:0px 0px 20px 0px; font-family: 'TradeGothic LT'; text-transform:uppercase; position: absolute;
left: -40%; top:40%; }
.text-rot{transform: rotate(-90deg)}

.video-part{ margin-left:-250px;  }
.membership-sec{ background:#64007b; padding: 80px 0px; margin:50px 0px 0px 0px;color:#fff;}
.membership-sec h3{ font-size:42px; color:#fff; margin:0px 0px 20px 0px; font-family: 'TradeGothic LT'; }
.p22{ font-size:22px; color:#fff; font-weight:500; }
.membership-sec p{  color:#fff;}
.high-light{ background-color:#000; border-radius:8px; font-family: 'TradeGothic LT';  font-size:42px; padding: 12px; }
.membership-sec h5{ font-size:28px; color:#fff; margin:20px 0px 0px 0px; font-family: 'TradeGothic LT'; }



.button-section{ margin:50px 0px 0px 0px;}

.button-bor{ position: relative; display: block}

.button-bor-d{ border: solid 3px #000; position: absolute; width: 90%;
margin: t;
top: 46%;
left: 8%;}





.twitter-section{ margin:50px 0px 0px 0px; border-top: solid 1px #ccc; padding-top: 50px;}
.blog-section{border: solid 1px #ccc; padding:10px;}
.blog-section .title-sec{ font-size:30px;background-color:#000; padding: 10px; margin-bottom:20px; border-radius:8px; color:#fff;font-family: 'TradeGothic LT'; }

.blog-section .text-sec{ margin-bottom:20px;}
.blog-section .text-sec img{ margin:0px 15px 5px 0px; float: left; width:100px;}





.footer-section {
	background-color: #64007b;
	padding: 0px 0px 0px 0px;
	color: #9c9c9c;
	border-top: solid 0px #f08587;
	font-size: 14px;
	font-weight: 300;
	margin-top: 50px; 
}
.footer-section h5 {
	font-size: 26px;
	font-weight: 400;
	color: #fff;
	padding-bottom: 15px;font-family: 'TradeGothic LT';
	position: relative;
	border-bottom: solid 1px #b280bd; text-transform:uppercase;
}
.footer-section .form-control {
	display: block;
	width: 100%;
	height:auto;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #fff;
	background-color: #000;
	background-image: none;
	border: 0px solid #808080;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.footerpadd {
	padding-top: 40px;
	padding-bottom: 30px;
}
.footer-section p {
	color: #fff;
}
.footer-mt30 {
	margin-top: 30px;
}
.footer-section ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-left: 10px;
	color: #fff;
}
.footer-section li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding: 5px 0px 5px 0px;
}
.footer-section a {
	color: #fff; 
}
.footer-section a:hover {
	color: #f08587;
}
.btn-default {
	color: #000;
	background-color: #fff;
	border-color: #fff;
	font-size: 18px;
	padding: 7px 30px;
	border-radius: 0px;
}
.btn-default:hover {
	color: #fff;
	background-color: #000;
	border-color: #000;
}
.contact-social {
	margin-top: 0px;
}
.contact-social a {
	display: inline-block;
	float: right;
	margin: 0 4px 0 4px;
	background: #000;
	width: 40px;
	height: auto;
	border-radius: 40px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 38px;
	border: 1px solid #fff;
}
.contact-social a:hover {
	background: #ffffff;
	color: #000;
	border: 1px solid #fff;
}
.newsletter-sec {
	margin-top: -38px;
}
.newsletter-sec-bak {
	background-color: #ffc13b;
	padding: 0px;
	min-height: 350px;
}
.newsletter-sec-bak h2 {
	font-size: 24px;
	color: #000;
	margin-bottom: 12px;
	padding: 0px;
}
.newsletter-sec-bak h3 {
	font-size: 18px;
	color: #000;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 20px 0px 0px 0px;
	text-align: center;
}
.new-form {
	padding: 15px;
}
.news-btn {
	font-size: 16px;
	background: #cf128c;
	color: #fff;
	padding: 10px 25px;
	display: inline-block;
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
	cursor: pointer;
	border-radius: 0px;
	width: auto;
	font-weight: 500;
	text-align: center;
	border: 0;
	box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.0);
	float: left;
	clear: both;
}
.news-btn:hover {
	background: #000;
	color: #fff;
	box-shadow: none;
}
.footer-bottom { background-color:#000000;
	
	padding: 15px 0px;
	border-top: solid 1px #2a2929;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
}
.footer-bottom-pad {
	padding-top: 8px;
	
	
	
}


/*--------------------------------  about me --------------------------------*/

.inner-banner{ width: 100%; margin: auto; position: relative;}
.inner-banner img{ width: 100%; position: relative;}
.inner-banner .date-sec {
	position: absolute;
	background: rgba(0,0,0, 0.7) !important;
	bottom: 0;
	width: 100%; padding:8px; font-size: 13px; font-weight: 300; color:#fff;
}




.breadcrumbs-bg{ background-color:#000; padding: 8px 0px;}
.breadcrumb {padding:0px;margin-bottom: 0px; font-size: 13px;list-style: none;background:none;border-radius: 4px; text-transform: uppercase;}
.breadcrumb a { color:#fff;}

.about-me-section{ margin-bottom:60px; padding:60px 0px 100px 0px; position: relative;}


.main-title{ border-left: solid 3px #fff; padding-left:15px; margin-bottom:30px;}
.main-title h1{ font-size: 28px; text-transform: uppercase; color:#fff; margin:0px 0px 10px 0px; padding:0px;font-family: 'TradeGothic LT'; }
.main-title h2{ font-size:14px;  color:#fff; margin: 0px; padding:0px; }

.about-me-section .container {
    position: relative;
    z-index: 2;
}
.about-me-section p{ color:#fff;}
.about-me-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 78%;
    background:#64007b;
    z-index: 1;
    border-radius: 0 0 79px 0;
}

.about-me-img{ position: relative; }
.about-me-img img{ position: relative; z-index:5;}


.about-me-img::before {
    content: "";
    position: absolute;
    top: -18px;
    left: -18px;
    height: 95%;
    width: 96%;
    background:#ec13ff;
    z-index: 0;
    border-radius:0;
}
.about-me-img::after {
    content: "";
    position: absolute;
    bottom: -18px;
    right: -18px;
    height: 60%;
    width: 70%;
    background:#000;
    z-index: 0;
    border-radius:0;
}



.about-gallery{ margin-top:60px; position: relative;}
.about-gallery-back{ background-color:#000; padding: 50px 10px 50px 30px; border-radius:0px 0px 0px 20px; position: relative;}
.about-gallery-back h2{ font-size: 26px; text-transform: uppercase; color:#fff; margin:0px 0px 10px 0px; padding:0px;font-family: 'TradeGothic LT'; position: absolute; transform: rotate(-90deg);    left: -84px;
    top: 45%;
}

.about-gallery-back ul{ margin:0px; padding:0px; list-style:none; margin-left:60px;}
.about-gallery-back li{ margin:0px; width:19%; padding-right:10px;display: inline-block;}


.join-section{margin-top:60px; position: relative;}
.join-section-bg{position: relative; }

.join-section .containt-sec{
	position: absolute;
	left: 12%;
top: 48%;
	transform: translate(-30%, -50%);
	text-align: left;
	z-index: 9;
	max-width: 400px; padding: 20px;
	width: 100%;
}
.join-section p{ color:#fff;font-size: 13px;}

.join-ab-btn {
	font-size: 28px;
	background: #fdc705;
	color: #000;
	padding: 15px 80px;
	display: inline-block;
	text-decoration: none;
font-family: 'TradeGothic LT';
	cursor: pointer;
	border-radius: 30px;
	width: auto;
	font-weight: 500;
	text-align: center; text-transform:uppercase;
	border: 0;
	box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.0);
	float: left;
	clear: both; margin-top:20px; transition: all 0.3s ease-in-out 0s;
}
.join-ab-btn:hover {
	background: #000;
	color: #fff;
	box-shadow: none;
}


/*---------------------------- contact ------------------------------*/

.main-inner-sec{margin-bottom:60px; position: relative; background-color:#64007b; padding:60px 0px; color:#fff; }
.main-inner-sec p{color:#fff; }



.contact-page .form-control {
    display: block;
    width: 100%;
   padding: 22px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #813093;
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 0px;
   
}

.form-control::placeholder{
    color: #fff;
    opacity: 1;
}


.main-btn {
	font-size: 24px;
	background: #64007b;
	color: #fff;
	padding: 12px 40px;
	display: inline-block;
	text-decoration: none;
font-family: 'TradeGothic LT';
	cursor: pointer;
	border-radius: 30px;
	width: auto;
	font-weight: 500;
	text-align: center; text-transform:uppercase;
	 border: 1px solid #fff;
	clear: both;  transition: all 0.3s ease-in-out 0s;
}
.main-btn:hover {
	background: #000;
	color: #fff;
	box-shadow: none;
	 border: 1px solid #000;
}

/*---------------------------- latest ------------------------------*/

.p22{ font-size:20px; font-weight:500;}

.latest-sec{}
.latest-img{ position: relative; }
.latest-img img{ position: relative; z-index:5;}
.latest-img::before {
    content: "";
    position: absolute;
    top: -7px;
    left: -7px;
    height: 60%;
    width: 95%;
    background:#ec13ff;
    z-index: 0;
    border-radius:0;
}
.latest-img::after {
    content: "";
    position: absolute;
    bottom: -7px;
    right: -7px;
    height: 60%;
    width: 70%;
    background:#000;
    z-index: 0;
    border-radius:0;
}

.latest-sec h3{ font-size: 16px; text-transform: uppercase; color:#fff; margin:30px 0px 20px 0px; padding:0px;font-family: 'TradeGothic LT'; }

.black-box{background: rgba(0,0,0, 0.7) !important; padding: 8px; color:#fff; font-size:13px; font-weight:300;}

.black-box a{color:#fff;transition: all 0.3s ease-in-out 0s; margin-right:5px;}
.black-box a:hover{color:#ea00ff;transition: all 0.3s ease-in-out 0s;}


.member-btn {
	font-size: 15px;
	background: #fff;
	color: #000;
	padding: 8px 8px;
	display: inline-block;
	text-decoration: none;
font-family: 'TradeGothic LT';
	cursor: pointer;
	border-radius: 0px;
	width: auto;
	font-weight: 500;
	text-align: center; text-transform:uppercase;
	 border: 0px solid #fff; margin-right:10px; 
	 float: left;  letter-spacing:-1px;
	clear: both;  transition: all 0.3s ease-in-out 0s;
}
.member-btn:hover {
	background: #fdc705;
	color: #000;
	box-shadow: none;
	 border: 0px solid #000;
}

.member-no-btn {
	font-size: 15px;
	background: #fdc705;
	color: #000;
	padding: 8px 8px;
	display: inline-block;
	text-decoration: none;
font-family: 'TradeGothic LT';
	cursor: pointer;
	border-radius: 0px;
	width: auto;
	font-weight: 500;
	text-align: center; text-transform:uppercase;
	 border: 0px solid #fff;
	 float: right; letter-spacing:-1.5px; 
	clear: both;  transition: all 0.3s ease-in-out 0s;
}
.member-no-btn:hover {
	background: #fff;
	color: #000;
	box-shadow: none;
	 border: 0px solid #000;
}

.mamber-butt{position: relative;
display: flex;}


/*---------------------------- pagination ------------------------------*/



.pagination-section{ margin-top:20px; display: block;}

.pagination {border-radius: 0px;}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #000;
    cursor: default;
    background-color: #fff;
    border-color: #fff; border-radius:0px;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #000;
    background-color: #fff;
    border-color: #fff;border-radius:0px;
}


.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fff;
    text-decoration: none;
    background-color: #1e0025;
    border: 1px solid #1e0025; margin-right:8px;
}


/*---------------------------- blog ------------------------------*/

.read-btn {
	font-size: 16px;
	background: #64007b;
	color: #fff;
	padding: 8px 30px;
	display: inline-block;
	text-decoration: none;
font-family: 'TradeGothic LT';
	cursor: pointer;
	border-radius: 30px;
	width: auto;
	font-weight: 500;
	text-align: center; text-transform:uppercase;
	 border: 1px solid #fff;
	clear: both;  transition: all 0.3s ease-in-out 0s;
}
.read-btn:hover {
	background: #000;
	color: #fff;
	box-shadow: none;
	 border: 1px solid #000;
}




.bloge-img{width:400px; float: left; margin:0px 30px 30px 0px;}
.comments-section{ margin-top:30px; border-top: solid 1px #833395; padding-top:30px;} 
.comments-section h4{font-size: 18px;  color:#fff; margin:0px 0px 40px 0px; padding:0px; } 
.comments-img{ height:60px; width: 60px; border-radius:50%;}
.comments-section .comments-sec{ background-color:#833395; border-radius:10px; padding:15px; color:#fff; font-size:14px; }
.border-r{ border-right: solid 1px #9048a0;}
.border-l{ border-left:solid 1px #9048a0;}
.comments-main{ margin-top:30px;}

a:focus, a:hover {
    color:#fff;
    text-decoration: underline;
}

/*---------------------------- join ------------------------------*/

.p20{font-family: 'TradeGothic LT'; color:#fff; text-transform: uppercase; font-size:20px; text-align: left;}
.p17{ color:#fff; text-transform: uppercase;font-style:17px;  }

.text-13{ color:#fff; font-size:13px!important;  }


.join-bg-sec{ background-color:#833395;padding:30px 60px 50px 60px; border-radius: 8px; color:#fff; }


.credit-btn {
	font-size: 17px;
	background: #64007b;
	color: #fff;
	padding: 18px 20px;
	display: inline-block;
	text-decoration: none;
font-family: 'TradeGothic LT';
	cursor: pointer;
	border-radius: 30px;
	width: auto;
	font-weight: 500;
	text-align: center; text-transform:uppercase;
	 border: 1px solid #fff;
	clear: both;  transition: all 0.3s ease-in-out 0s; min-width: 312px;
}
.credit-btn:hover {
	background: #000;
	color: #fff;
	box-shadow: none;
	 border: 1px solid #000;
}

.padd-ri{ padding-right:30%;}


/*---------------------------- member ------------------------------*/

.member-filter{ background-color:#741a88; padding:10px; border-radius: 10px;}


.member-btn {
	font-size: 12px;
	background: #64007b;
	color: #fff;
	padding: 5px 12px;
	display: inline-block;
	text-decoration: none;
font-family: 'TradeGothic LT';
	cursor: pointer;
	border-radius: 30px;
	width: auto;
	font-weight: 500;
	text-align: center; text-transform:uppercase;
	 border: 1px solid #fff; margin-top:5px;
	clear: both;  transition: all 0.3s ease-in-out 0s; 
}
.member-btn:hover {
	background: #000;
	color: #fff;
	box-shadow: none;
	 border: 1px solid #000;
}

.filter-sec{ display: flex; position: relative;}

.filter-sec-right{ width: 50%; float: left; margin-right:20px;}
.filter-sec-right1{ width: 44%; float: left;  background-color: #64007b;
    background-image: none;
    border: 1px solid #fff; border-radius:25px; padding:5px 8px; font-size: 12px; text-transform:uppercase; margin-top:5px;}

.filter-sec-right1 a{ color:#fff; padding:4px 8px}
.filter-sec-right1 a:hover{ color:#d22bf7; }


.member-filter select{
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #64007b;
    background-image: none;
    border: 1px solid #fff; border-radius:25px;
   
}

.member-img{ background-color:#000; padding:5px;transition: all 0.3s ease-in-out 0s; }
.member-img:hover{ background-color:#fff; padding:5px;}
.member-img img{ width:100%;}
.text-14{ color:#fff; font-size:14px!important; font-weight: 800; margin-top:15px;  }




.member-detail-left{ background-color:#0c000f; border-radius:10px; padding:15px;	}
.member-detail-left h4{ font-family: 'TradeGothic LT'; text-transform: uppercase; font-size:24px; color:#fff; margin:10px 0px 20px 0; padding: 0px;}
.member-detail-b-m{ border-bottom:solid 1px #6d666f; padding:0px 0px 15px 0px; margin-bottom:15px;}
.member-detail-left a{color:#fff; }
.member-detail-left a:hover{color:#f32da0; }

.member-detail-right  h5{font-size:22px; color:#fff; margin:0px 0px 20px 0; padding: 0px;}

.member-detail-right a{color:#fff; font-size:17px; }
.member-detail-right a:hover{color:#f32da0; }
.watch-btn {
	font-size: 20px;
	background: #64007b;
	color: #fff;
	padding: 5px 40px;
	display: inline-block;
	text-decoration: none;
font-family: 'TradeGothic LT';
	cursor: pointer;
	border-radius: 30px;
	width: auto;
	font-weight: 500;
	text-align: center; text-transform:uppercase;
	 border: 1px solid #fff; margin-top:5px;
	clear: both;  transition: all 0.3s ease-in-out 0s; 
}
.watch-btn:hover {
	background: #fff;
	color: #fff;
	box-shadow: none;
	 border: 1px solid #fff;
}


.home-gallery-sec {
  margin: 50px 0;
  text-align: center; }


  .home-gallery-sec .portfolio-pics > div {
    display: inline-block;
    width: 23%;
    padding: 0px;
    margin: 0 3px 3px;
    box-sizing: border-box;
    position: relative; }
    .home-gallery-sec .portfolio-pics > div a {
      display: block; }
    .home-gallery-sec .portfolio-pics > div img { border-radius:0px;
      width: 100%; border:solid 2px #fff;}



    .home-gallery-sec .portfolio-pics > div .gallery-caption {
      width: 0;
      margin: auto;
      transition: all 0.5s ease-out;
      overflow: hidden;
      position: absolute;
      background: rgba(0, 0, 0, 0.5);
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      vertical-align: middle;
      text-align: center;
      color: #ffffff;
      font-size: 28px;
      padding-top: 30%;
      font-weight: 900;
      text-transform: uppercase; }
      .home-gallery-sec .portfolio-pics > div .gallery-caption small {
        display: block;
        font-weight: 400;
        font-size: 15px; }
    .home-gallery-sec .portfolio-pics > div:hover .gallery-caption {
      width: 100%; }

.viewall {
    margin-top: 4em;
    display: block;
}
.pic-gallery img {
    width: auto !important;
    position: absolute !important;
    z-index: 9;
    bottom: 0;
    right: 0;
}



/*--------------------------------  preview   ---------------------------------*/


.preview-gallery-sec {
  margin: 0px 0;
  text-align: center; }


  .preview-gallery-sec .portfolio-pics > div {
    display: inline-block;
    width: 24%;
    padding: 0px;
    margin: 0 3px 3px;
    box-sizing: border-box;
    position: relative; }
    .preview-gallery-sec .portfolio-pics > div a {
      display: block; }
    .preview-gallery-sec .portfolio-pics > div img { border-radius:0px;
      width: 100%; border:solid 7px #fff;}

.preview-gallery-sec .portfolio-pics > div .gallery-caption img {
    border: 0;
    width: auto;
}



    .preview-gallery-sec .portfolio-pics > div .gallery-caption {
      width: 0;
      margin: auto;
      transition: all 0.5s ease-out;
      overflow: hidden;
      position: absolute;
      background: rgba(0, 0, 0, 0.5);
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      vertical-align: middle;
      text-align: center;
      color: #ffffff;
      font-size: 28px;
      padding-top: 60%;
      font-weight: 900;
      text-transform: uppercase; }
      .preview-gallery-sec .portfolio-pics > div .gallery-caption small {
        display: block;
        font-weight: 400;
        font-size: 15px; }
    .preview-gallery-sec .portfolio-pics > div:hover .gallery-caption {
      width: 100%; }

.viewall {
    margin-top: 4em;
    display: block;
}
.pic-gallery img {
    width: auto !important;
    position: absolute !important;
    z-index: 9;
    bottom: 0;
    right: 0;
}







.login-sec h1 {
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-family: 'TradeGothic LT'; text-align: center; position: relative;
}

.login-sec h1::after {
    position: absolute;
    content: "";
    background: #fff;
    width: 6%;
    height: 3px;
    z-index: 1;
    left: 0;
    bottom: -10px;
    margin: auto;
    right: 0;
}
.login-sec .box {
	background-color: #4e025f;
	padding: 25px;
	margin-top: 55px;
	margin-left: -50px;
	border-radius: 0px;
	border: solid 0px #eeeeef;
	
}

.login-sec .form-control {
    display: block;
    width: 100%;
   padding: 22px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #813093;
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 0px;
   
}
.login-sec .for-got {
    float: right;
}
.login-sec .for-got a{color: #fff;}
.login-sec .for-got a:hover{color: #cf128c;}

.login-sec .text-we a{color: #fff; font-size:16px;}
.login-sec .text-we a:hover{color: #cf128c;}



.login-sec .p-r0 {
    padding-right: 0px;
}
.login-sec .box h4 {
    font-size: 26px;
    text-align: left;
    margin: 0px 0px 30px 0px;
    padding: 0px;
    font-weight: 300;
    color: #fff;
}
.divider-border {
    border-bottom: solid 1px #813093;
    margin: 40px 0px 20px 0px;
}
.login-btn {
	font-size: 16px;
	background: #64007b;
	color: #fff;
	padding: 8px 30px;
	display: inline-block;
	text-decoration: none;
font-family: 'TradeGothic LT';
	cursor: pointer;
	border-radius: 30px;
	width: auto;
	font-weight: 500;
	text-align: center; text-transform:uppercase;
	 border: 1px solid #fff;
	clear: both;  transition: all 0.3s ease-in-out 0s;
}
.login-btn:hover {
	background: #000;
	color: #fff;
	box-shadow: none;
	 border: 1px solid #000;
}
.my-account-sec-left{ background-color:#0c000f; border-radius:0px; padding:15px;	}
.my-account-sec-left ul {margin: 0px;padding: 0px;list-style: none;color: #fff;}
.my-account-sec-left li {
    margin: 0px;
    font-size: 15px;
    list-style: none;
    padding: 8px 0px 8px 0px;
    color: #fff;
    border-bottom: solid 1px #262526;}
.my-account-sec-left a{color: #fff;}
.my-account-sec-left a:hover{color: #cf128c;}
.my-account-sec-left-right{ 
background-color: #4e025f; padding:20px;

}
.my-account-sec-left-right h5{ font-size: 20px;text-transform: uppercase;color: #fff;margin: 0px 0px 10px 0px;padding: 0px;font-family: 'TradeGothic LT';}
.my-account-sec-left-right .form-control {
    display: block;
    width: 100%;
   padding: 22px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #813093;
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 0px;
   
}
.my-account-sec-left-right .form-group {
    margin-right:0px;
    margin-left:0px;
}
.my-account-sec-left-right a{color: #fff;}
.my-account-sec-left-right a:hover{color: #cf128c;}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #833395;
        border-top-color: rgb(0, 0, 0);
        border-top-style: solid;
        border-top-width: 1px;
}
.table-bordered {
    border: 1px solid #833395;
}

/*.cart-page .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 0px solid #64007b;
        border-top-color:#833395;
        border-top-style: solid;
        border-top-width: 1px;
}*/
.cart-page a{color: #fff;}
.cart-page a:hover{color: #cf128c;}
.cart-page td{border-top: 1px solid #833395;}
.cart-page-img-m{ position: relative;}
.cart-page-img{ width:60px; height: 60px;}
.cart-page .media {display: inline-block;}
.cart-page .media-body {margin-left: 15px; display: inline;line-height: 68px;}
.cart-page .media-body h4 {font-size: 16px;}
.cart-page .control-q {
    display: block;
    width: 80px;
   padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #813093;
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 0px; margin-top:15px;
   
}
.cart-page thead {background-color: #4f0360;}
.cart-total{ font-size:22px;font-weight:400;}
.cart-total-1{ padding-right:30px;}
.remove-c{ background-color:#ff0831; padding: 8px 10px;  text-align: center; }
.check-out-page .form-control{
    display: block;
    width: 100%;
   padding: 22px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #813093;
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 0px;
}

.check-out-page label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 300; margin-top: 15px; font-size:14px;}
.intl-tel-input.separate-dial-code .selected-dial-code {display: table-cell;vertical-align: middle;padding-left: 28px;}
.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none; 
}



/*------------------------------ sky detail   ------------------------*/

/*--------------------------------  skype   ---------------------------------*/


.skype-page h1 {
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-family: 'TradeGothic LT'; text-align: center; position: relative;
}

/*.skype-page h1::after {
    position: absolute;
    content: "";
    background: #fff;
    width: 10%;
    height: 3px;
    z-index: 1;
    left: 0;
    bottom: -10px;
    margin: auto;
    right: 0;
}*/

.skype-box{ max-width:600px; width: 100%; margin-top: 30px; margin: auto;  }

.skype-button-sec{ background:#751c89; padding:15px; margin-bottom:20px; border-radius:8px; }

.skype-button-sec .sky-bu {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px; font-weight:300;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; color:#fff;  
}

/* Hide the browser's default radio button */
.skype-button-sec .sky-bu input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.skype-button-sec .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.skype-button-sec .sky-bu:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.skype-button-sec .sky-bu input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.skype-button-sec .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.skype-button-sec .sky-bu input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.skype-button-sec .sky-bu .checkmark:after {
 	top: 7.3px;
	left: 7.3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background:#505050;
}


.datetimepicker-sec{ position: relative; max-width:400px; width:100%; margin: auto; }





.bootstrap-datetimepicker-widget{background-color:#fff!important;}
.datetimepicker-sec .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;color:#fff; border-radius:8px 0px 0px 8px;
    background-color: #4f0360; padding:21px;
}


.main-inner-sec-skype {
margin-bottom: 60px;
position: relative;
background-color: #64007b;
padding: 60px 0px;}

.datetimepicker-sec .input-group-addon {background-color: #4f0360; color:#fff;}
.showme{
	display: block !important;
	opacity: 1;
	visibility: visible;
}

/*------------------------------ sky detail   ------------------------*/


.latest-video {
    position: relative;
}

.latest-video::before {
    content: "";
    position: absolute;
    top: -7px;
    left: -7px;
    height: 60%;
    width: 95%;
    background:#ec13ff;
    z-index: 0;
    border-radius:0;
}
.latest-video::after {
    content: "";
    position: absolute;
    bottom: -7px;
    right: -7px;
    height: 60%;
    width: 70%;
    background:#000;
    z-index: 0;
    border-radius:0;
}


.latest-video video { position: relative; z-index:11; width: 100%; height: 300px;}
.latest-img img {
    height: 350px!important;
}

.latest-video {

    object-fit: fill;
    height: 350px;
    position: relative;

}

.latest-video video {

    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;

}


.hottest-redheads .yellow-service-pt {padding:0px 20px 0 40px;}
.hottest-redheads .yellow-service-pt {margin-top: 30px;}
.hottest-redheads h2 {font-size: 27px;margin: 0px 0px 20px 0px;}
.banner .banner_containt h3 {font-size: 97px;}
.recent-galleries a{ color:#000;}
.recent-galleries a:hover{ color:#64007b;}
.row.mt40.login-sec img {height: 450px;}	




.home-gallery-sec .portfolio-pics > div img {height: 250px;}

@media screen and (max-width: 1024px) {
.banner .banner_containt {left: 28%;}	
.header_area .header_bottom .mainmenu a, .navbar-default .navbar-nav > li > a {font-size: 12px;   
    padding: 20px 9px;}
.hottest-redheads .yellow-service-pt {  padding:00px 20px 0 30px;}
.hottest-redheads .yellow-service-pt {margin-top: 20px;}	
.hottest-redheads h2 {font-size: 19px;margin: 0px 0px 20px 0px;}	
.high-light {font-size: 24px;}	
.membership-sec h5 {font-size: 20px;}	
.membership-sec h3 {font-size: 30px;}	
.membership-sec {padding: 30px 0px;}	
.video-section-text {left: -44%;}
.samantha-store-3 .banner-containt {right: 0;top: 11%;transform: translate(0%, 0%); width: 100%;left: 33px;margin: auto;}	
.banner .banner_containt h3 {font-size: 50px;}
.yellow-service-pt p {width: 100%; font-size: 14px; }	
.hottest-redheads .green-color {min-height: auto;background: #64007b;}		
.join-section .containt-sec {position: absolute;left: 15%;   }		
 .member-no-btn {font-size: 12px;}
.join-bg-sec {padding: 30px 15px 50px 15px;}	
.credit-btn {font-size: 16px;min-width: auto;}
.member-btn {font-size: 11px;border-radius: 6px;padding: 5px 6px;}
.filter-sec-right1 a {color: #fff;padding: 4px 2px;}
.filter-sec-right1 {width: 44%;border-radius: 8px;padding: 5px 4px;font-size: 11px;}
	
	
	
	
}





@media screen and (max-width: 823px) {
.banner .banner_containt h1 {font-size: 30px;}
.banner .banner_containt {left: 30%;}		
.banner .banner_containt h2 {font-size: 30px;}	
.banner .banner_containt h3 {font-size: 30px;letter-spacing: 0px; }	
	
	
.header_area .header_bottom .mainmenu a, .navbar-default .navbar-nav > li > a {font-size: 11px;padding: 20px 5px;}
.top-search-sec {width: 151px;}	
.join-now-sec h1 {font-size: 26px;}
.join-now {font-size: 19px;}	
.yellow-service-pt p {width: 100%; font-size: 15px;}	
.hottest-redheads h2 {font-size: 24px;}	
.hottest-redheads .yellow-service-pt {margin-top: 20px; margin-bottom:20px;}
.others-text {margin-bottom: 20px;}
.samantha-store-2 h1 {font-size: 30px;  text-align: center;}	
.samantha-store-2 .banner-containt {
    position: absolute;
    right: 0;
    top: 50px;
    transform: translate(0%, 0%);
    text-align: center;
    z-index: 9;
    max-width: 330px;
    width: 100%;
}	
.samantha-store-3 .banner-containt {
    right: 0;
    top: 11%;
    transform: translate(0%, 0%);
    width: 100%;
    left: 0;
    margin: auto;
}	
.samantha-store-3 h1 {font-size: 27px;text-align: center;}	
.video-part { margin-left: -177px;}	
.video-section-text {font-size: 34px;}	
.video-bg {min-height: 473px;position: relative;}	
.video-part video{ width: 100%; height: auto;}
.video-section a{ color:#000; font-size: 13px;}
.video-section a:hover{ color:#672676;}	
.join-section .containt-sec {left: 27%;max-width: 521px;}	
.join-bg-sec .text-left {text-align: center;}	
.padd-ri {padding-right: 0;margin-top: 20px;}	
.join-bg-sec form p {margin-top: 20px;}	
.join-bg-sec .col-sm-4 {width: 100%;}	
.filter-sec {justify-content: center;}
.filter-sec-right1 {border-radius: 8px;padding: 10px 8px;margin-top: 20px;text-align: center;}	
.filter-sec-right {margin-top: 20px;}	
.cart-page-img-m {position: relative;width: 250px;}	
#field1 {width: 273px;}	
.watch-btn {font-size: 14px;padding: 5px 18px;	}
.member-detail-left h4 {font-size: 19px;}
.detail-video video {width: 100%; height: auto;margin-top: 20px;}

.home-gallery-sec .portfolio-pics > div img {height: 200px;} 	
}


@media screen and (max-width:765px) {
.top-section .cart-sec li {padding: 8px 10px 0px 0px;}		
.no-mo{ display:none}	
.join-now {margin-left: 33%;}
.join-butt { margin-left: 0% !important;margin-top: 27px;}	
.hottest-redheads .yellow-service-pt {padding:15px;}	
.welcome-sec {padding: 30px 0px;margin: 40px 0px 0px 0px;}
.samantha-store h3 {font-size: 27px;}	
.samantha-store-1 {margin-bottom: 20px;}	
.button-bor-d {border: solid 0px #000;position: inherit;}		
.button-bor .text-left {text-align: center;}	
.button-bor .text-right {text-align: center;}	
.blog-section {border: solid 1px #ccc;padding: 10px; margin-top: 30px;}	
.footerpadd {padding-top: 20px;padding-bottom: 10px;}
.video-part {margin-left: 0;}
.video-section-text {font-size: 27px;}	
.text-rot {transform: rotate(-0deg);}	
.video-section-text {position: inherit; margin: 0px 0px 0px 0px;}
.video-bg {min-height: auto;position: relative; margin-bottom:20px;}	
.video-section-text {left: 0;}
	
.navbar-default .navbar-toggle {border-color: #672676; background-color:#672676; }
.navbar-collapse {padding-left: 15px;}	
.header_area .header_bottom .mainmenu a, .navbar-default .navbar-nav > li > a {font-size: 15px;padding: 7px 0px 0 10px;}	
.top-search-sec {width: 80%;margin-left: 13px;}	
.high-light {font-size: 18px;padding: 3px 10px;display: inline-block;margin: 4px 0;}	
	
.join-ro1 {transform: rotate(0deg);}	
.join-ro {transform: rotate(0deg);}
.join-now {font-size: 19px;text-align: center;margin: auto; margin: 0px;display: inherit;width: auto;}	
.join-now-sec {margin: 30px 0px 0px 0px;}	
.footerpadd:last-child > h5 {display: none;}
.footer-section:last-child >.footerpadd{display: none;}
	
.about-me-section::before {height: 100%;width: 100%;}
.about-me-img::before {top: 0px;left: 0px;}	
.about-me-img {position: relative;padding: 12px; margin-top: 30px;}
.about-me-img::after {right: 0px;height: 60%;}	
.join-section .containt-sec {
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0%, 0%);
    text-align: left;
    z-index: 9;
    max-width: 400px;
    padding: 20px;
    width: 100%;
    bottom: 0;
    background-color: #000;
}	
	
.about-gallery-back li {width: 100%;display: block;margin-bottom: 10px;}	
.about-gallery-back h2 {color: #fff;margin: 20px 0px 10px 0px;transform: rotate(0deg);left: 0;top: 0%; text-align: center; position: inherit}
.about-gallery-back ul {margin-left: 0px;}
.about-gallery-back {padding: 9px 10px 30px 30px;}	
.about-gallery-back img {max-height: inherit!important;min-height: auto!important;}	
.join-section .containt-sec::after{ content: "";
position: absolute;
background: #000;
bottom: -97px;
width: 100%;
height: 118px;
left: 0;
z-index: -1;}
	
.latest-img {position: relative;padding: 7px;}
.latest-img::before {top: 0;left: 0px;}
.latest-img::after {bottom: 0px;right: 0px;}	
.latest-video {padding: 7px; position: relative;}	
.latest-video::before {top: 0px;left: 0px;}	
.latest-video::after {bottom: 0px;right: 0px;}	
.main-inner-sec {margin-bottom: 40px;padding: 40px 0px;}
.main-title {margin-bottom: 10px;}	
.previewImg {height: 329px!important;}	
.comments-section h4 {margin: 0px 0px 40px 15px;}
.border-r {border-right: solid 1px #9048a0;margin-bottom: 20px;}
.border-l {border-left: solid 1px #9048a0;margin-top: 20px;}		
.button-section {margin: 30px 0px 0px 0px;}
.login-sec .p-r0 {padding-right: 15px;}	
.login-sec .box {margin-left: 0;}	
.row.mt40.login-sec img {height:auto;}	
.navbar-collapse {position: absolute;z-index: 50;background-color: #fff;width: 100%;}	
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #672676;}		
.filter-sec-right1 {padding: 10px 4px;margin-top: 20px;text-align: center;}	
.filter-sec-right1 {width: 46%;padding:11px 4px;font-size: 11px;}
.member-img img {width: 100%;height: auto!important;}	
.mob-stt{ position: inherit!important; top: 20px!important;}	
.filter-sec-right { width: 45%;}
.filter-sec {flex-wrap: wrap;}	
.filter-sec a { width: 40%;}
.my-account-sec-left {margin-bottom: 30px;}	
.card {margin-top: 20px;}	
.read-btn.float-right {float: inherit;margin-top: 20px;}	
.member-detail-right h5 {margin: 30px 0px 20px 0;}  
	
	
	
	
	
}




@media screen and (max-width:736px) {
.preview-gallery-sec .portfolio-pics > div {width: 31%;}
.cart-page-img-m {position: relative;width: 200px;}	

}

@media screen and (max-width:640px) {
.recent-galleries h2 {font-size: 27px;}
.join-now-sec h1 {font-size: 16px;}
.welcome-sec h3 {font-size: 24px;}
.p20 {font-size: 14px;}   
.p22 {font-size: 15px;}		
.banner .banner_containt h1 {font-size: 24px;}
.banner .banner_containt {left: 33%;}		
.banner .banner_containt h2 {font-size: 24px;}	
.banner .banner_containt h3 {font-size: 24px;letter-spacing: 0px; }
.preview-gallery-sec .portfolio-pics > div {width:46%;}	
.previewImg {height: 286px!important;}
.credit-btn {font-size: 12px;min-width: auto; padding:18px 16px;}
.bloge-img {width:100%;float: inherit;margin: 0px 0px 30px 0px;}
.home-gallery-sec .portfolio-pics > div img {height: 130px;} 	
	
	
	
}