/*

Theme Name: Fashion Capital
Theme URL:fashioncapital.co.uk
Author: Foundry Digital
Author URI: http://www.foundrydigital.co.uk/
Version: 1.0

*/

@charset "UTF-8";
/* CSS Document */



/*------------ RESET ---------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img{margin:0 0 0}
.c-50 a img{margin:0 0 -3px 0}
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
p { margin-bottom:0.6em; line-height:1.3em; }
strong { font-weight:bold; vertical-align:baseline; }
.top { background:#F49DC3; position:fixed; bottom:2em; right:2em; padding:10px 13px; border-radius:50%; color:#fff; font-size:13px; opacity:0.8; }
.top:hover { opacity:1; }
.mobile-nav { display:none; }

.mobile-version-visible { display:none; }
.mobile-version-hidden { display:inline-block; }
/*------------ RESET END ---------------------------------- */

#Layer_1 { fill:yellow; width:100%; }
/*------------ HEADER ---------------------------------- */
.nav { display:block; border:1px solid #000; min-height:50px;}


/*------------ FOOTER    ---------------------------------- */

footer .container { border:0px solid #fff; }
footer span { display:block; margin:auto; text-align:center;}

@media only screen and (max-width:1200px){
	
}

@media only screen and (max-width:992px){
}

@media only screen and (max-width:1100px){
.mobile-nav { display:inline-block; float:right; margin-top:0.75em;  }
.mobile { width:34px; height:34px; position:relative; background-color:#1E1f23; cursor:pointer; }
.mobile-container { width:26px; height:30px; overflow:hidden; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}

.mobile-container .mline-1, .mobile .mline-2, .mobile .mline-3 { height:2px; background:#fff; width:100%; max-width:150px; display:block; position:absolute; border-radius:2px; }
.mobile-container .mline-1 { top:20%; transition:transform 0.2s ease-in-out; }
.mobile-container .mline-2 { bottom:0; top:0; margin:auto; opacity:1; }
.mobile-container .mline-3 { bottom:20%; transition:transform 0.2s ease-in-out; }

.mobile-open .mline-1 { transform:translateY(9px) translateY(-50%) rotate(-45deg); }
.mobile-open .mline-2 { opacity:0; }
.mobile-open .mline-3 { transform:translateY(-9px) translateY(50%) rotate(45deg);  }
.mobile-version-visible { display:inline-block; }
.mobile-version-hidden { display:none; }
}


/*-------- fashioncapital CSS---------*/
body, html {
    height: 100%;
    font-family: 'Work Sans', sans-serif;
}

.container{
    width: 95%;
    max-width: 1200px;
    margin: auto;
    display: block;
    padding:0px;
}

.clear {
    clear: both;
    font-size: 1px;
    height: 0;
    line-height: 0;
}

a{text-decoration: none;}
a:hover{text-decoration: none !important;}
a:focus{ text-decoration: none;}

a:hover .cell{
    background-color: rgba(244, 157, 195,  0.6);
}

h1, h2,h3,h4,h5,h6{font-weight: 500; font-family: 'Cormorant Garamond', serif; color: #231f20;}
h1 {
    font-size: 32px;
    line-height: 34px;
}

h2 {
    font-size: 24px;
    line-height: 30px;
}

h3 {
	font-family: 'Work Sans', sans-serif;
    font-size: 21px;
    line-height: 30px;
}

p, li{font-family: 'Work Sans', sans-serif; margin-bottom: 20px; font-size: 13px; color: #231f20; line-height: 18px;}
li {list-style: inside;}

a{color:#F49DC3; text-decoration: none;}
a.mailto {
    background-image: url(../../uploads/2017/10/mail-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 35px;
}

p span{font-size: 35px;}



.back{margin: 0px;}
.back a{font-size: 12px; color: #231f20;}


.logo{height: auto;}
.logos{ text-align: center;}
.logos img{margin:25px;}

.btn-more{
    border: 1px solid #fff;
    border-radius: 0px;
    color: #fff;
    padding: 10px;
    width: 200px;
    margin: 10px 0;
    display: block;
    text-align: center;
     font-family: 'Open Sans', sans-serif;
}

.btn-more:hover{
    background-color: #fff;
    color:#000;
    transition: 0.8s;
}

/*-------- BTN ---------*/
.btn-orange{    display: block;
    width: 150px;
    text-align: center;
    padding: 10px;
    border: 1px solid #F49DC3 !important;
    background-color: #F49DC3;
    color:#fff;
    opacity: 1;
    transition: 0.8s;
    margin: 20px 0;
}

.btn-orange:hover{opacity: 1;  background-color: #F358AC; color:#fff;}

.btn-menu{
    border: 1px solid #F49DC3 !important;
    background-color: #F49DC3;
    color:#fff;
    opacity: 1;
    transition: 0.8s;
}

.btn-menu:hover{opacity: 1;  background-color: #F358AC;}



.load-more {
    border: 1px solid #F49DC3 !important;
    background-color: #F49DC3;
    color: #fff;
    opacity: 1;
    transition: 0.8s;
    display: block;
    width: 200px;
    text-align: center;
    padding: 10px 0;
    margin: 15px auto 50px;
}

.load-more:hover{opacity: 1;  background-color: #F358AC; color: #fff;}
.load-more:focus{opacity: 1;  background-color: #F358AC; color: #fff; text-decoration: none;}


/*-------- Header CSS---------*/
.site-header { position: absolute; width: 100%; z-index: 99; padding:15px 0 0; transition: 1s;}
.no-home{position: relative; border-bottom: 1px solid #E5E6E7;}
.no-home li a{color: #000 !important;}

.nav-login li a{font-size: 12px !important; margin-left: 10px; padding: 10px 7px !important;}

/*---------- Menu ------------*/
.site-nav{width: 100%;}
.site-nav li{
    display: block;
    float: left;
    margin:0px;
}

.site-nav li a {
    padding: 10px 30px 10px 5px;
    display: block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.site-nav li a{padding: 10px 16px !important;}

.site-nav li:hover a{background-color: #000; color:#fff !important;}

.menu-item-has-children > a::after{content: "    \25bc"; font-size: 9px; padding-left: 5px;}

.nav-login li {
    width: auto;
    display: block;
    float: left;
}
.nav-login li a {
    padding: 10px 5px;
    display: block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    
    border: 1px solid transparent;
}	


.site-nav li .sub-menu{
    width: 250px;
    position: absolute;
    background-color: #fff;
     display: none;
}
.site-nav li .sub-menu li{
    width: 100%;
    border-bottom: 1px solid #000;
    background-color: #fff;
    margin: 0px;
}

.site-nav li .sub-menu li a{
    display: block;
    padding: 10px 5px;
        transition: 0.8s;
    color: #000 !important; background-color: #fff;
}

.site-nav  .sub-menu li a:hover{    background-color: #F49DC3;color: #fff !important;}



 .site-nav li:hover .sub-menu{ display: block;}

/*-------- Column ---------*/
.column {width: 100%; display: block; float: left;}

.c-10{ width: 10%; }
.c-20{ width: 20%; }
.c-30{ width: 30%; }
.c-40{ width: 40%; }
.c-50{ width: 50%; }
.c-60{ width: 60%; }
.c-70{ width: 70%; }
.c-80{ width: 80%; }
.c-90{ width: 90%; }
.c-99{ width: 99%; }


.line {
    width: 100%;
    border-bottom: 1px solid #cfd1d2;
}


.line-bold {
    width: 100%;
    border-bottom: 1px solid #cfd1d2;
}

/*------- IMG ----------*/
.center-img{
    margin: 70px auto;
    display: block;
}

/*-------- Parallaz effect-------*/
.parallax { 
    /* The image used */
    background-image: url("https://www.fashioncapital.co.uk/wp-content/uploads/2019/04/1-1.jpg");

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    position: relative;
}

.parallax-double{height: 100%;}

.parallax-middle {
    background-image: url(../../uploads/2017/10/fashion3.jpg);
    width: 50%;
    display: block;
    float: left;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-mark { 
    background-color: rgba(0,0,0,0.1); height: 100%; transition: 0.8s;
}

.parallax-middle:hover .parallax-mark{background-color: rgba(244, 157, 195, 0.4);}

.parallax-middle img.logo{height: 50px; position: absolute; bottom: 10px; margin-left: 15px;}

.parallax-info {
    width: 100%;
    max-width: 800px;
    font-size: 16px;
    color: #fff;
    position: absolute;
	bottom: 25%;
}
.parallax-info h1{color: #fff;}
.parallax-info h2{color: #fff;}
.parallax-info h3{color: #fff; font-size: 24px;}
.parallax-info p{color: #fff; max-width: 600px; font-size: 16px;}
.parallax-testimonials p{
    max-width: 100% !important;
    font-size: 20px;
    line-height: 30px;
}

.box-testimonials{height: auto !important; position: relative;}

.parallax-testimonials {
    position: relative;
    margin: auto;
    text-align: center;
    top: 0px;
    bottom: 0px;
padding: 100px 0;
}

.testimonial-name{ margin: 30px 0;}

.bx-wrapper {
    position: relative;
    margin: 0 auto !important;
    padding: 0 10% !important;
}

.parallax-testimonials .bx-wrapper img{opacity: 0; }
#advps_container1 .bx-wrapper .bx-viewport {    background: transparent !important;}
.advps-excerpt-one{ width: 100%;}
#advps_container1 .bx-wrapper .bx-pager {
    bottom: 0px;
    z-index: 999;
    max-width: 650px;
    width: 100%;
}
#advps_container1 #bx-pager{    bottom: 0px !important;}
#advps_container1 .bx-wrapper .bx-pager.bx-default-pager a{background: #fff !important;}
#advps_container1 .bx-wrapper .bx-pager.bx-default-pager a:hover, #advps_container1 .bx-wrapper .bx-pager.bx-default-pager a.active{    opacity: 0.5 !important;}


.information-parallax{
    width: 95%;
    margin: auto;
    padding: 35% 0 0 0;
    text-align: center;
    color: #fff;
    max-width: 500px;
}


.information-parallax h1{color: #fff;}
.information-parallax h2{color: #fff;}
.information-parallax h3{color: #fff;}
.information-parallax p{color: #fff;}

.information-parallax h2{
    font-size: 25px;
    line-height: 35px;
}


.information-parallax p{
    font-size: 16px;
    line-height: 26px;
    margin:30px 0;
}


.second-info{padding:50px;}

/*-------- Section -------*/
.section {width: 100%;}

/*-------- Banner -------*/

.banner{
    width: 100%;
    background-size: cover;
    background-position: center;
	margin-bottom: 25px;
}

.banner-mark{width: 100%; padding:150px 0; background-color: rgba(0,0,0,0.1);}

.banner h1 {
    color: #fff;
    font-size: 45px;
    margin:0 0 25px;
}

.banner p {
    color: #fff;
    font-size: 16px;
    max-width: 500px;
    margin: auto;
}

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

.icons{text-align: right; margin-top: 25px;}

.icons img {
   	margin: 5px 15px 0px 5px;
    display: block;
    float: right;
    opacity: 0.6;
    max-height: 20px; 
}

.icons img:hover {
   	margin: 5px 15px 0px 5px;
    display: block;
    float: right;
    opacity: 1;
    max-height: 20px; 
}

.special{
    width: 100%;
    background-color: fff;
    padding:5px 0;
    
}

/*-------- Container -------*/

.rest-top {
    margin-top: -100px;
    padding: 30px 25px 50px 25px;
    //border-bottom: 1px solid #58595B;
    margin-bottom: 25px;
    text-align: justify;
}



/*-------- Container -------*/
.post-box{
    width: 32%;
    margin: 25px 1.333% 25px 0;
    display: block;
    float: left;
    height: 450px;
    overflow: hidden;
}

.post-box .feat-img {
    height: 230px;
    margin-bottom: 15px;
    width: 100%;
    background-size:100% 105%;
    background-position: center;
    background-repeat: no-repeat;
}

.post-box p{color: #231f20; font-weight: 300; font-size: 12px;}
.post-box p.title {
    font-size: 16px;
    height: 60px;
    overflow: hidden;
    border-bottom: 1px solid #F49DC3;
    font-weight: 500;
}
.post-box p.date{font-size: 11px; }


/*-------- Table -------*/
.table{
    display: table !important;
    background-size: cover;
    background-position: center;
    margin: 0px;
}

.cell{
    display: table-cell;
    height: 400px;
    vertical-align: middle;
   text-align: center;
transition: 1s;
}

.cell p{
    max-width: 500px;
    margin: 30px auto;
    width: 95%;
}

.cell p img{margin-bottom: -9px;}

/*-------- backgraund color -------*/
.backgraund-white{ background-color:#fff; }

.color-white{background-color: rgba(0,0,0,0.35);}
.color-white h2, .color-white p{ color:#fff; }

/*-------box white---------*/
.box-white {
    text-align: center;
    padding: 80px 0;
}

#joinfooter{
    background-color: #333;
    color: #fff;
}
#joinfooter h1, #joinfooter p{color: #fff; margin:0px;}

#joinfooter .woocommerce a.button:hover{background-color: #F358AC !important;}
/*-------Internal Page-------*/
.internal-page{width: 95%; max-width: 1100px; display:block; margin:30px auto;  font-family: 'Work Sans', sans-serif !important; font-size: 13px !important;}
.internal-page h1{font-size: 45px; margin:15px auto; line-height: 55px;}
.internal-page h2{font-size: 28px; margin:15px auto;}
.internal-page .featured-img{max-width: 100%;  margin:15px auto 30px;}
.internal-page p {
    font-family: 'Work Sans', sans-serif !important;
    font-size: 13px !important;
}
.internal-page a img{margin:0 0 -10px;}

/*---------sidebar---------*/
.sidebar-box {
    width: 81%;
    float: right;
}

.title-sidebar{
    width: 100%;
    text-align: center;
    padding: 15px 2%;
    color: #231f20;
    background-color: #cfd1d2;
}

.title-sidebar p{
    font-size: 15px;
    color: #231f20;
}

.sidebar-box  li{
    margin: 0px;
    border: 1px solid #cfd1d2;
    border-top: none;
	list-style: none;
}

.sidebar-box  li ul  li{
    margin: 0px;
    border:0px;
    border-top: 1px solid #cfd1d2;
	list-style: none;
}

.sidebar-box li a{
    display: block;
    color: #231f20;
    padding: 10px 0 10px 10px;
    width: 100%;
	padding-left: 5%;
   border-bottom: 4px solid transparent;
   border-top: 4px solid transparent;

}
.sidebar-box li a:hover{border-bottom: 4px solid #F49DC3;}
.sidebar-box li.active a{border-bottom: 4px solid #F49DC3;}
.sidebar-box li.select {border-bottom: 4px solid #F49DC3; background-color:#F49DC3}
.sidebar-box li.select a{color:#fff;}

.feat-sidebar{
    width: 35%;
    margin-right: 5%;
    display: block;
    float: left;
    height: 80px;
    background-size: cover;
    background-position: center;
}
.info-sidebar {
    width: 60%;
    display: block;
    float: right;
    padding: 10px 0;
    height: 80px;
}

.has-children::after{content: "    \25bc"; font-size: 9px; padding-left: 5px;}


.children{
    background-color: #f1f1f1;
display:none;
}
.select .children{ display:block !important;}
.children li a{
    padding-left: 15%; width: 100%; margin: 0px; color:#000 !important;
}
/*----------sign-up-----------*/
.sign-up{width: 100%; margin:25px 0 0}
.sign-up input[type="text"] {
    width: 100%;
    font-size: 16px;
    padding: 10px;
    margin: 0 0 10px 0;
    height: 45px;
}
.sign-up input[type="email"] {
    width: 100%;
    font-size: 16px;
    padding: 10px;
    margin: 0 0 5px 0;
    height: 45px;
}

.sign-up h3{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
}

.sign-up input[type="submit"] {
    width: 100%;
    font-size: 16px;
    border: 1px solid #F49DC3 !important;
    background-color: #F49DC3;
    color: #fff;
    padding: 13px 0;
    text-align: center;
    height: 45px;
}
.sign-up input[type="submit"]:hover{opacity: 1;  background-color: #F358AC;}

.sign-up .column {
    position: relative !important;
}

div.wpcf7-validation-errors{margin:5px 0;}


/*------------member box-------------*/
.member-box{
    background-image: url(../../uploads/2017/10/new7.png);
    background-size: cover;
    color: #fff;
    margin: 50px 0;
}

.member-mark{padding: 25px ; background-color: rgba(0,0,0,0.6); transition: 1s;}
.member-mark:hover{background-color: rgba(244, 157, 195, 0.6);}

.member-box h2{color: #fff;}
.member-box p{color: #fff;}

/*-----------------Team box ---------------*/
.team-box {
    width: 25%;
    display: block;
    float: left;
    min-height: 350px;
    margin-top: 20px;
    padding-right: 30px;
}

.team-box .feat-img{
    width: 100%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
}

.team-box p{
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 15px;
}

.team-box .title {
    padding: 10px 5px;
    border-bottom: 1px solid #CFD1D2;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}


/*-----------------event box ---------------*/
.event-box {
    width: 90%;
    display: block;
    float: left;
    margin: 40px 5%;
    opacity: 1;
    transition: 1s;
}
.event-box:hover{opacity: 1;}

.event-box .feat-img {
    width: 30%;
    margin-right: 2.5%;
	height: 230px;
	display: inline;
	float: left;
	background-position: center;
	background-size: cover;
}

.event-box  .info-event{
    width: 60%;
    height: 200px;
    display: inline;
    float: left;
}

.info-event h2{
    font-size: 25px;
    line-height: 30px;
	margin-bottom: 15px;
    height: 60px;
    overflow: hidden;
}

.info-event p{height: 65px;}

.info-event p.date{
    color: #58595B;
    font-size: 16px;
    line-height: 10px;
    margin:0 0 5px 0;
   height: auto;
}

.info-event p.share{
    color: #58595B;
    font-size: 9px;
    line-height: 10px;
    margin:10px 0 5px 0;
}
.info-event  .btn-menu{
    float: right;
    margin: 0px;
    padding: 10px 20px;
    font-size: 14px;
}
/*-------- Map -------*/
#map{margin: 25px 0; height: 250px;}

/*------Share-----------*/
.st-btn{background-color: #000 !important;}

.share-stycky{
    width: 50px;
    display: block;
    position:fixed;
    z-index: 999;
    top: 40%;
    right: 4%;
}

.share-stycky .st-btn {
    margin: 10px 0;
    display: block !important;
    width: 35px !important;
    height: 35px !important;
}

.share-stycky img{
    transition: 0.8s;
    margin-left: 0px;
   margin-bottom: 5px;
height: 40px;	
}

.share-stycky img:hover{margin-left: -5px;}

/*----- Articles ----------*/
#articles{   
    overflow: hidden;
    transition: 1s;
        position: relative;
}


/*---------- WOOCOMERCE --------------*/

#content {
    width: 95%;
    margin: 25px auto;
    max-width: 1200px;
}

ul.products li{  text-align: center;}

.product_title{
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #E5E6E7;
}

.woocommerce-Price-amount{font-size: 25px;}
.qty{height: 37px;}

.product_meta{display: none;}

.woocommerce-product-details__short-description{display: none;}

.woocommerce-breadcrumb{display:none;}

/*-------- Calendar -------*/
#calendar{ margin: 50px 0 25px; display: none;}
.fc-toolbar.fc-header-toolbar {
    margin-bottom: 0px;
    background-color: #000;
    padding: 5px 0;
}

.fc-toolbar h2 {
    margin: 0;
        margin-left: 0px;
    color: #fff;
    font-size: 18px;
}

.fc-prev-button, .fc-next-button{
    background-color: #000 !important;
    background-image: none;
    border: 0px;
    color: #fff;
}

.fc-day-header {
    padding: 5px 0 !important;
    background-color: #F1F2F2;
}

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
    padding: 2px;
    font-size: 12px;
    text-align: left;
    width: 85%;
}

.fc-title{display:none;}
.fc-time{display:none;}

.fc-event, .fc-event-dot {
    background-color: #F49DC3;
   display: block;
    border: 1px solid #F49DC3;
    bottom: 0px;
    position: relative;
    margin: 5px;
    padding: 2px;
}

li.wc_payment_method{
    list-style: none;
}

/*--------Search Form--------*/
#searchform label{display:none;}

#searchform input[type="text"] {
    width: 80%;
    font-size: 16px;
    padding: 10px;
    margin: 0 0 5px 0;
    display: block;
	float: left;
    height: 42px;
}


#searchform  input[type="submit"] {
    width: 20%;
    font-size: 16px;
    border: 1px solid #F49DC3 !important;
    background-color: #F49DC3;
    color: #fff;
    padding: 13px 0;
    text-align: center;
    display: block;
	float: left;
    background-image: url(../../uploads/2017/10/Search.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0px;
    height: 42px;


}
#searchform input[type="submit"]:hover{opacity: 1;  background-color: #F358AC;}

.search-img {
    width: 25%;
    margin-right: 2.5%;
    height: 200px;
    display: inline;
    float: left;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


.filter{
    width: 100%;
    max-width: 250px;
    border: 1px solid #f1f2f2;
    padding: 5px;
    margin: -5px 0 15px 0;
}

/*-------- Footer -------*/
footer{
    width: 100%;
    padding: 30px;
    background-color: #fff;
    border-top: 4px solid #F1F2F2;
}

.footer-p{
    text-align: left;
    font-size: 11px;
}



.White{
    width: 100%;
    background-color: #fff;
    padding:10px 0;
    text-align: center;
       
}

.dark-gray{
    width: 100%;
    background-color: #F1F2F2;
    padding:10px 0;
   
}


.member-includes{
    width: 30px;
    margin-top: 20px !important;
}
/*-----------Menu footer-----------------------*/

.white-menu {
   background-color: #fff;
}

.white-menu a {
    margin: 0 0 0 15px;
    color: #000;
    font-size: 12px;
    font-weight: 500;
}


.white-menu a:hover{color: #F358AC;}

.white-menu .column:nth-child(2) {
   text-align: right;
}




/* Turn off parallax scrolling for tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1024px) {
    .parallax {background-attachment: scroll; height: 70%}
	.parallax-double{height: 230% !important;}
	.parallax-middle{width: 100%; height: 50%}

	.parallax-middle img.logo {height: 50px; position: relative; bottom: 10px; margin: 20px auto !important; float: none;}

}







/*-------Testimonials Slider----*/
.parallax-testimonials .mySlides {display:none}

/* Slideshow container */
.parallax-testimonials .slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.parallax-testimonials  .text {
  padding: 8px 12px;
  width: 100%;
  text-align: center;
}


/* The dots/bullets/indicators */
.parallax-testimonials .dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.parallax-testimonials .active {
  background-color: #717171;
}

/* Fading animation */
.parallax-testimonials .fade {
   opacity: 1 !important;
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}




/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .parallax-testimonials .text {font-size: 11px}
}



/*------------Wooocomerce------*/
#ismember{font-size: 14px;}

.comment-reply-title {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px;
}

.woocommerce-info {
    border-top-color: #F49DC3 !important;
    background-color: #f1f2f2 !important;
}

.woocommerce-info:before {
    color: #F49DC3 !important;
}

.woocommerce-checkout #payment {
    background: #f1f2f2 !important;
    border-radius: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 24px !important;
    font-size: 14px !important;
    font-weight: 300;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-Button, .woocommerce a.button {
    background-color: #F49DC3 !important;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-Button:hover, .woocommerce a.button:hover {
    background-color: #000 !important;
    color: #fff !important;
}

.woocommerce form .form-row .required{font-size: 12px;}

.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {

    padding: 5px;
    font-size: 14px;
}

p.form-row  span {
    font-size: 14px;
}

.add_to_cart_inline{border: 0px solid !important;  font-size: 0px !important; padding: 0px !important;}
.add_to_cart_inline a{ font-size: 16px !important;}
.add_to_cart_inline span{display: none; !important; }

.woocommerce a.button {
    font-size: 18px;
    font-weight: 500;
    margin: 5px auto;
    display: block;
	width: 100%;
    max-width: 200px;
    border-radius: 0px;
        text-align: center !important;
}



.wc-proceed-to-checkout a.button {max-width: 100% !important;}
.woo_pp_cart_buttons_div{display:none}

.woocommerce-product-gallery__image{
pointer-events: none !important;
}
.woocommerce-product-gallery__image a {
pointer-events: none !important;
}

.woocommerce ul.products li.product a img{
    height: 200px;
    width: auto;
    margin: auto;
}
.related.products h2{margin:10px 0 25px;}

.woocommerce-loop-product__title{
    line-height: 20px;
    height: 75px;
}


.woocommerce-Price-amount {
    font-size: 18px !important;
}


.shop_table {text-align: right;}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
    width: 150px !important;
    box-shadow: none;
    padding: 5px 0;
}

/*---- Sections Hover  -----*/
.water-mark{
    width: 100%;
    height: 100%;
    transition: 1s;
}

.team-box:hover .water-mark, .event-box:hover .water-mark, .post-box:hover .water-mark{
    background-color: rgba(244, 157, 195, 0.4);
    width: 100%;
    height: 100%;
}


.arrow-next {
    display: block;
    margin: 15px auto;
    bottom: 10%;
    position: absolute;
    text-align: center;
}
.arrow-next img{opacity: 0.6; width: 40px;}
.arrow-next img:hover{opacity: 1;}



.modal-dialog {
    width: 90% !important;
    max-width: 800px !important;
    margin: 10% auto !important;
}

#mymail .modal-content{padding:5px;}
#mymail .column{    position: absolute;}

.modal-picture {
    background-image: url(../../uploads/2017/10/newsletter.png);
    height: 320px;
    background-position: center;
    background-size: cover;
}
.mail-modal {
    width: 60%;
    z-index: 100;
    background-color: #fff;
    height: 270px;
    margin: 25px 0;
    position: relative;
    padding: 20px 5%;
    text-align: center;
    float: right;
}
.mail-modal div.wpcf7-mail-sent-ok{
    margin: 0px !important;
    font-size: 12px !important;
}

.mail-modal div.wpcf7-validation-errors{
    margin: 0px !important;
    font-size: 12px !important;
}

.mail-modal  span.wpcf7-not-valid-tip{
    font-size: 12px;
    text-align: left;
}


/*------ solution -----*/
.onsale{display:none}
.fc-scroller {
    -webkit-overflow-scrolling: touch;
    height: 320px !important;
    overflow: hidden !important;
}
.div-mobile{ display:none;}

.div-pc{display:block; border-right:1px solid #fff; width:80%}
.no-home .div-pc{display:block; border-right:1px solid #000; width: 80%;}

.woocommerce div.product p.price, .woocommerce div.product span.price{ color:#F49DC3 !important;}
.woocommerce-Price-currencySymbol{font-size: 20px; margin-right: 5px;}

.woocommerce div.product div.images img{max-width: 550px;}

#post-social{margin-top: -25px; float: right; text-align: right;}
#post-social img{height: 40px;}

#notice .wpcf7-list-item-label{display:none;}
#notice span.wpcf7-list-item{margin:0px !important;}

#acf-privacy_notice p.label{display:none;}
#acf-privacy_notice li{list-style: none;}
#poststuff {
    padding-top: 10px;
    min-width: auto !important;
    width: 100%;
}


@media only screen and (max-width:1300px){
	.site-nav li a {padding: 10px 12px !important;font-size: 14px;}
    .nav-login li .nav-login li { width: auto;margin: 0px 0 10px !important;}
    .nav-login li a{ text-align: center;}
    .div-pc{width: 77%;}
    .no-home .div-pc{width: 77%;}
    .site-header .c-20 {width: 23%;}
}

@media only screen and (max-width:1250px){
	.site-nav li a {font-size: 13px;}
}

@media only screen and (max-width:1200px){
 #event_box{width: 100% !important;}
 .event-box .feat-img {max-width: 230px;}
}

@media only screen and (max-width:1160px){
	.site-nav li a {font-size: 12px;}
}

@media only screen and (max-width:1100px){
	.event-box .feat-img{width: 230px; height: 230px;}

	.container{width: 100%;}

	.site-nav li:hover .sub-menu {display: none;}

	.site-nav li{margin:0px;}

	.site-nav li a {cursor: pointer !important;}
	.active-menu .sub-menu{display: block !important; position: relative !important;}

.div-mobile{
    display: block;
    position: fixed;
    z-index: 100;
    top: 0;
    background-color: #000;
}

.div-mobile .mobile-nav{margin-top: 0;}
.div-pc{display:none !important;}


	.site-nav{display:none;}
	.site-header{position: relative; background-color: #000 !important; margin:35px 0 0;}
	.no-home{position: relative; background-color: #fff !important;}

	.site-nav li {width: 100%; text-align: center;}
	.site-nav li .sub-menu{width: 100%; position: relative;}


	.nav-login li { width: 45%; margin: 15px 0;text-align: center;}
    .nav-login li a{margin-left: 0px !important;}

	.mobile{width: 100% !important;}

	.column{width: 100% !important;}

	.logo {margin: auto;  display: block; max-width: 100%;}

	.parallax{text-align: center;}  
	.parallax h3{font-size: 16px; line-height: 20px;}
	.parallax-info{
    	position: absolute;
    	margin: 0px 2.5%;
    	bottom: 22%;
    	width: 100% !important;
    	max-width: 95%;
	}

	.parallax-info p{max-width: 100%;}
 	.parallax-testimonials{position: relative;top: 0px;margin: 0 2.5%; width: 100%; padding: 40px 0;}
	.parallax-testimonials p{    font-size: 16px; line-height: 22px;}
	.parallax-testimonials .load-more{margin:7px auto;}

	.icons{text-align: center;}
	.icons img{float: none !important; display: inline !important; margin:5px !important;}


	 .share-stycky{width: 95%; position: relative; top: 0; margin: 0px auto; display:none;}
	.share-stycky .st-btn{  display: inline-block !important;}


	.arrow-next{position: absolute; margin: 25px auto; width: 100%; bottom: 0%;}
	.btn-more{margin: 25px auto;}

	.sidebar-box{width: 100%; max-width: 500px; float: none; margin: auto;}

	.footer-p{text-align: center;}
	footer .white-menu a{
		width: 100%;
    	display: block;
    	text-align: center;
        margin: 10px auto;
	}

	img{max-width: 100%; height: auto; margin:auto !important;}

	.team-box {width: 50%; text-align: center;}
	.post-box {    width: 45%;
    text-align: center;
    margin: 25px 2.5%;}

    .load-more{display:none;}

	 #articles{ max-height: 100% !important; margin-bottom: 50px;}

	.st-btn{margin: 10px 5px !important;}

	.box-mobile{background-color: #f1f1f1;}

    .banner h1{font-size: 35px; line-height: 45px;}
	.cell p img{display: block;}
	
	.internal-page h1 { font-size: 35px; line-height: 45px;}
    #post-social {margin-top:0; }
	#post-social img{margin-top:0; float: left; text-align: right;}


	.info-event h2{font-size: 20px; line-height: 25px; height: 50px; overflow: hidden;}

	.info-event p.date{margin: 0 0 5px 0; font-size: 14px;}
	.info-event p {margin-bottom: 10px; font-size: 12px;}

	.banner-mark{padding: 100px 0;}
	.banner h1{text-align: center;}
}


@media only screen and (max-width:700px){
	.event-box .feat-img{max-width: 250px; width: 250px; height: 250px;    float: none; margin: 15px auto; display: block;}
   .event-box .info-event{width: 100%;}
}

@media only screen and (max-width:500px){

   .modal-picture{height: 250px;}
	.team-box {margin: 0px 2.5%; padding: 0px; width: 95%; text-align: center;}
	.post-box {margin: 0px 2.5%; padding: 0px; width: 95%; text-align: center;}

	#mymail .column {position: relative;}
.mail-modal {
    width: 100%;
    padding: 0px;
    height: auto;
    margin: 10px 0px;
}
	
	.nav-login li {
    	width: 100%;
    	margin: 15px 0 !important;
    	text-align: center;
	}

	a.mailto{font-size: 12px;}
	.internal-page a img{display: block !important;}
	.internal-page h1 { font-size: 20px; line-height: 30px;}

	#joinfooter{padding: 80px 25px;}

     #post-social img{height: 35px;}

}


/* Importatn */
.single-post p{font-family: 'Work Sans', sans-serif !important; font-size: 13px !important;}
.single-post p span{font-family: 'Work Sans', sans-serif !important; font-size: 13px !important;}
.single-post p span em{font-family: 'Work Sans', sans-serif !important; font-size: 13px !important;}