@charset "utf-8";
/*------------| body frame start |-----------*/

/* fonts start here */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap');
/* fonts end here */

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

html, body {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0;
}

body {
  padding: 0px;
  margin: 0px;
  min-width: 320px;
  color: #4F5456;
	font-family: 'Roboto', sans-serif;
  font-size:14px;
  font-weight: 400;
	line-height:22px;
  display: flex;
  flex-direction: column;
  background-color:#fff;
}

#page-wrap{
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  flex: 1 0 auto;
  padding-top: 70px;
}
footer{flex-shrink: 0;}
/* colors start here */

/* colors end here */

/*=============== tags start ===================**/
section, footer{
position: relative;
overflow: hidden;
clear: both;
width: 100%;
}
*:focus, a:hover, a:active, a:focus {
outline: 0; outline:none!important;
}

button:focus,
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  outline: none !important;
  border: 0;
}

figure{
padding: 0px;
margin: 0px;
}

a{color: #FF265C;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover {
color: #000;
}

img {
border: 0px;
outline: none;
display: block;
max-width: 100%;
height: auto
}
input { margin: 0px; }
h1,h2{font-family:'bebas-neue-by-fontfabric', sans-serif; font-weight: 700; font-style: normal;
 color:#000000; font-display: swap;}
h3, h4, h5, h6 {font-family: 'Roboto', sans-serif; font-weight: 700; color:#000000;}
h1, h2, h3, h4, h5, h6, p {
padding: 0px;
margin: 0px;
display: block;
clear: both;
width: 100%;
}

h1 {
font-size: 46px;
line-height: 50px;
padding-bottom: 12px;
font-weight:normal;
}
h2 {
font-size: 40px;
line-height: 44px;
padding-bottom:12px;
font-weight:normal;
}
h3 {
font-size: 34px;
line-height: 42px;
padding-bottom: 15px;
font-weight:700;
}

h4 {
font-size: 28px;
line-height: 36px;
padding-bottom: 12px;
font-weight:700;
}
h5 {
font-size: 24px;
line-height: 32px;
padding-bottom: 12px;
font-weight:700;
}
h6 {
font-size: 20px;
line-height: 28px;
padding-bottom: 12px;
font-weight:700;
}
ul{
padding: 0px 0px 25px 20px;
margin: 0px;
list-style-position: outside;
}
ol{
padding: 0px 0px 25px 25px;
margin: 0px;
}
ul li{
  /* position: relative; */
  padding: 0px 2px 6px 2px;
}
body.page-template-default .entry ul li ul{ padding-top:10px; padding-bottom: 10px;}
/*ul li::before{
content: '';
width: 8px;
height: 8px;
position: absolute;
display: block;
left: 2px;
top:15px;
background: #37373C;
border-radius: 8px;
}*/

.breadcrumbs{ padding-bottom:10px;}
.breadcrumbs a{text-transform:uppercase; padding-right: 14px; position: relative; color:#000; text-decoration: none;}
.breadcrumbs a:hover{ color: #FF265C;}
.breadcrumbs a:after{ content:'/'; position: absolute; right:4px; top:-1px; color:#000;}
.breadcrumbs a:hover:after{ color:#000;}
.breadcrumbs a:last-child{ padding-right: 0px;}
.breadcrumbs a:last-child:after{ display:none;}
ol li{
padding: 0px 0px 4px 5px;
}

p { margin: 0px; padding: 0px 0px 24px 0px;}
p:empty {display: none;}

hr {
padding: 0px;
border: 0px;
height: 1px;
margin: 30px auto;
background-color: #033b66;
}
strong, b {}
img { /*  display:block;*/
height: auto }


input[type='text'],
input[type='email'],
input[type='tel'],
input[type='date'],
input[type='number'],
input[type="password"],
textarea{
width:100%;
font-family: 'Roboto', sans-serif;
font-weight: normal;
/* height:46px; */
border:#D8D8D8 solid 1px;
background-color: #ffffff;
font-size:14px;
line-height: 22px!important;
padding: 10px 12px;
padding-bottom: 9px;
margin: 0px;
color: #000000!important;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance:    none;
appearance:        none;
}

input[type='submit'], input[type=button], input[type=reset], button, .btn, .woocommerce-Button.button{
font-family: 'Roboto Condensed', sans-serif;
color:#fff;
font-size:14px;
line-height:22px;
font-weight: 700;
text-decoration: none!important;
margin: 0px;
text-transform: uppercase;
padding: 11px 32px;
border-radius: 0px;
display: inline-block;
background-color:#FF265C;
border:0;
cursor: pointer;
text-align: center;
-webkit-appearance: none;
-moz-appearance:    none;
appearance:        none;
}
.woocommerce-Button.button, .woocommerce-address-fields .button{padding: 11px 32px!important; background-color:#FF265C!important; color:#fff!important;
font-size:14px!important;
line-height:22px!important;
font-weight: 700; border-radius: 0px!important; min-width: 260px;}
input[type='submit']{ text-transform: uppercase;}
input[type='submit']:hover, input[type=button]:hover, input[type=reset]:hover, button, .btn:hover, .woocommerce-Button.button:hover{
	text-decoration:none;
	color:#fff;
	background-color:#fe5b84;
	}
.woocommerce-Button.button:hover, .woocommerce-address-fields .button:hover{color:#fff!important;
background-color:#fe5b84!important;}
.btn.border{padding:8px 32px; background-color:transparent; border: #FF265C solid 3px; color:#FF265C;}
.btn.border:hover{border: #fe5b84 solid 3px; background-color:#fe5b84; color:#fff;}

.btn.border.whitebox{ background-color:transparent; border:#fff solid 3px; color:#fff;}
.btn.border.whitebox:hover{border:#FF265C solid 3px; color:#fff; background-color:#FF265C;}

.btn.black{ background-color:#000000;}
.btn.black:hover{ background-color:#444444;}

select {
border-radius: 0;
background-color: #ffffff;
padding: 10px 8px!important;
/* height: 46px; */
width:100%;
border:#D8D8D8 solid 1px;
-webkit-appearance: none;
-moz-appearance:none;
appearance:none;
background-image: url('../images/select-arrow.svg')!important;
background-size: 30px!important;
background-position: right center!important;
background-repeat: no-repeat!important;
padding-right: 26px!important;
font-size: 14px;
line-height: 24px;
color:#000!important;
font-weight: normal;
font-family: 'Roboto', sans-serif;
	}


select::-ms-expand {
display: none;
}

textarea {
    width: 100%;
    font-size:14px;
    line-height: 22px;
    height:150px;
    padding:10px 12px;
    box-sizing: border-box;
    border: 0px;
    color: #000000;
    border:1px solid #D8D8D8;
    background-color: #fff;
    border-radius: 0px;
    resize: none;
    font-family: 'Roboto', sans-serif;
font-weight: 400;
font-style: normal;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder {
	color:#787878;
	opacity:1;
	font-weight:400;

}

input::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder {
	color:#787878;
	opacity:1;
	font-weight:400;

}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder {
	color:#787878;
	opacity:1;
	font-weight:400;

}

input:-moz-placeholder,
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder {
	color:#787878;
	opacity:1;
	font-weight:400;

}
.resWrap{
  width: 100%;
  overflow: auto;
}

table {
    width: 100% !important;
    border: 0px;
}

table tr{/*border-bottom: 1px dotted #fff; background-image: url('../images/dotts.svg');*/ background-repeat: repeat-x; background-position: bottom;}
.tableBox table tr:last-child{ background-image: none;}
table tr td {
    padding: 5px 0 6px 0;
    border-collapse: collapse;
}

table {
    text-align: left;
    border-collapse: collapse;
}

table h1, table h2, table h3, table h4, table h5 {
    margin: 0px;
}

table td {

    word-wrap: break-word;
}


.alignleft  {
float: left;
margin: 10px 20px 20px 0px!important;
}
.alignright  {
float: right;
margin: 10px 0px 20px 20px!important;
}
.aligncenter{
	float: none;
	margin: 30px auto 30px auto;
}
.wp-caption{ max-width:100%;}
.wp-caption-text{ position:relative; margin-top:-24px; font-size:12px; line-height:14px; color:#a7a8aa;}
.postContent img{ margin:30px 0;}

blockquote{
  margin: 0 auto;
  width:100%;
  /*max-width:480px;*/
  max-width:100%;
  margin-bottom:40px;
  padding: 20px 20px 20px 20px;
  position: relative;
  font-size: 22px;
  line-height: 30px;
  font-family: 'Roboto', sans-serif;
  text-align:center;
}
blockquote p{
  padding: 0px;
}
blockquote em{
  margin-top: 20px;
  display: block;
}


.box{
  position: relative;
}
.box:before{
	content: "";
	display: block;
	padding-top: 50%; 	/* initial ratio of 1:1*/
}
.imageHolder{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.OF-cover {
	/* font-family: 'object-fit: cover'; */
  object-fit: cover;
	font-family: 'object-fit: cover';
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center';
	width: 100%;
	height: 100%;
}

.detailPoster .box:before{padding-top:38%;}
.relatedBlogPostBox .blogList .box:before{ padding-top: 50%;}
.followSec .col .box:before, .blogList .box:before, .xoo-qv-images .box:before{ padding-top: 60%;}
.productbox .box:before{ padding-top: 60%;}
.Woocommerce-Product-Video .box:before{padding-top: 58%;}
.fullImage .box:before, ul.artistSlider .box:before, .recentBlock .imageBlock .box:before{ padding-top: 100%;}
.imageDescBlock .box:before{ padding-top: 75%;}
/*  smooth animation start here */
  .ul.socialIcons li a img, ul.paymentOptions li a img, input[type='submit'], .loader, .newsloadmore .arrow::before, .imageBlock img, ul.signDropdown, .slick-arrow:after, ul.artistSlider li .col:first-child, ul.signDropdownMob, .signInMob,
  .dvoHeroSection .vidHolder, .pagePreloader, .fillsec, .btn, .btn.border, .blogList .bloginfo h3, .readMore,.productbox h2,.product_price{-webkit-transition: all 0.3s ease-in-out;
  		-moz-transition: all 0.3s ease-in-out;
  		-o-transition: all 0.3s ease-in-out;
  		transition: all 0.3s ease-in-out;
  	}

    .desktopMenu ul li ul.sub-menu, .accordionTtitle:before, .mobileMenu, .videoframe, .featureIcon, .logoLoder, .loaderBox, .hideloader{	-moz-transition: all 0.5s ease-in-out;
  		-o-transition: all 0.5s ease-in-out;
  		transition: all 0.5s ease-in-out;}
/* bounce arrow */
      @-webkit-keyframes bounce {
       0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
       40% {-webkit-transform: translateY(-15px);}
       60% {-webkit-transform: translateY(-5px);}

      }

      @-moz-keyframes bounce {
       0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
       40% {-moz-transform: translateY(-15px);}
       60% {-moz-transform: translateY(-5px);}
      }

      @-o-keyframes bounce {
       0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
       40% {-o-transform: translateY(-15px);}
       60% {-o-transform: translateY(-5px);}
      }
      @keyframes bounce {
       0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
       40% {transform: translateY(-15px);}
       60% {transform: translateY(-5px);}
      }
  /* bounce arrow */

/*  smooth animation end here */

/* clear class css start here */
header:after, section:after, .followUs:after, .mobileMenu ul li ul:after, .selectHolder:after, .options:after, body.single-product #main > .product:after,
.xoo-qv-main > .product:after, .popButtons:after, footer:after, .payipad:after, .contactform:after{
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: " ";
	clear: both;
	height: 0%;
}
/* clear class css end here */

.grid, .NewsListing, .woocommercePage .woocommerce, .checkout.woocommerce-checkout, .woocommerce-order{
	clear: both;
	overflow: hidden;
	position: relative;
	margin: 0px;
	list-style: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flexVerticalCenter{
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flexBottom{
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}
.flexHorizontalCenter {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flexRowReverse{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row-reverse wrap;
  flex-flow: row-reverse wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
/* common page animations */
.fadeIn {
	opacity: 0;
	transition: opacity .8s ease-in-out;
	-webkit-transition: opacity .8s ease-in-out;
	-moz-transition: opacity .8s ease-in-out;
	-o-transition: opacity .8s ease-in-out;
}

.fadeIn.animateMe {
	opacity: 1
}
.fadeInUp { -webkit-transform : translate3d(0, 30px, 0); -webkit-moz : translate3d(0, 30px, 0); transform : translate3d(0, 30px, 0); opacity:0; transition: opacity .8s ease-in-out, transform .8s ease-in-out;
 -webkit-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
 -moz-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
 -o-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
}
.fadeInUp.animateMe { -webkit-transform : translate3d(0, 0, 0); -moz-transform : translate3d(0, 0, 0); transform : translate3d(0, 0, 0); opacity:1 }
/* common page animations */
.hovereffect{ overflow: hidden;}
.hovereffect img{
display:block;
position:relative;
-webkit-transition:all .4s linear!important;
transition:all .4s linear!important;
-ms-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1);
}
.hovereffect:hover img{
-ms-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1);
}