/*
	Author: Nicdark
	Author URI: http://www.nicdarkthemes.com/
*/

@import "nicdark_shortcodes.css";
@import "nicdark_menu.css";
@import "nicdark_font.css";

/* @import "fontello.css"; */
/* @import "animate.css"; */
@import "magnific-popup.css";


/****************************************************************************
	Table of Content
***************************************************************************

SOME BASIC CLASSES
	1- body
	2-container
    3-site
    4-section
    5-grid
    6-width section
    7-headings tag
    8-form elements
    9-parallax section

/* 1- START NICDARK FRAMEWORK*/
html {height:100%;}
body{ height:100%; margin:0px; padding:0px; overflow-x:hidden; background-color: #ccc; font-family: 'Roboto', 'Arial', sans-serif}
body.nicdark_boxed_img{ background-image: url(../img/slide/img1.jpg) !important; background-size: cover; background-attachment: fixed; }
body.nicdark_boxed_pattern{ background-image: url(../img/patterns/img1.jpg) !important; background-attachment: fixed; }

/* 2 - CONTAINER */
.nicdark_container{ width:1200px; margin:auto; padding: 0px; }
.nicdark_size_extrabig .nicdark_container { width:1160px; }
.nicdark_clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }



/* 3- START NICDARK_SITE*/
.nicdark_site{ float: left; width: 100%; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; }
.nicdark_site > .nicdark_site_fullwidth{ float: left; width: 100%; background-color: #fff; }
.nicdark_site > .nicdark_site_boxed{ width:1220px; margin:auto; padding: 0px; background-color: #fff; }
/*START NICDARK_SITE*/



/* 4 - START NICDARKSECTION*/
.nicdark_section{ width: 100%; float: left; }
/*.nicdark_section.nicdark_imgparallax{ background: url(../img/img3.jpg) 50% 0 fixed; background-size: cover;}*/
/*END NICDARKSECTION*/



/* 5 - START NICDARKGRID*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { padding:10px; float:left; display:inline; }
.grid.nomargin{ margin: 0px; padding: 10px; }
.grid.percentage{ margin: 0px; padding: 0px; }
.grid_12.percentage {width:100%;}
.grid_6.percentage {width:50%;}
.grid_4.percentage {width:33.33%;}
.grid_3.percentage {width:25%;}
.grid_8.percentage {width:66.66%;}
.grid_9.percentage {width:75%;}
/*size*/
.grid_1 {width:80px;}
.grid_2 {width:210px;}
.grid_3 {width:280px;}
.grid_4 {width:380px;}
.grid_5 {width:480px;}
.grid_6 {width:580px;}
.grid_7 {width:680px;}
.grid_8 {width:780px;}
.grid_9 {width:880px;}
.grid_10 {width:980px;}
.grid_11 {width:1080px;}
.grid_12 {width:1180px;}
/*END NICDARKGRID*/



/* 6 - START NIKDARKWIDTHPERCENTAGE*/
.nicdark_width_percentage1{ width: 1% !important; }
.nicdark_width_percentage10{ width: 10% !important; }
.nicdark_width_percentage20{ width: 20% !important; }
.nicdark_width_percentage25{ width: 25% !important; }
.nicdark_width_percentage30{ width: 30% !important; }
.nicdark_width_percentage40{ width: 40% !important; }
.nicdark_width_percentage45{ width: 45% !important; }
.nicdark_width_percentage50{ width: 50% !important; }
.nicdark_width_percentage60{ width: 60% !important; }
.nicdark_width_percentage70{ width: 70% !important; }
.nicdark_width_percentage80{ width: 80% !important; }
.nicdark_width_percentage90{ width: 90% !important; }
.nicdark_width_percentage100{ width: 100% !important; }
/*END NIKDARKWIDTHPERCENTAGE*/


/* 6.5 - START NIKDARKWIDTHFIX*/
.nicdark_width_fix_50{ width: 50px; }
.nicdark_width_fix_60{ width: 60px; }
.nicdark_width_fix_100{ width: 100px; }
.nicdark_width_fix_200{ width: 200px; }
.nicdark_width_fix_250{ width: 250px; }
.nicdark_width_fix_300{ width: 300px; }
/*END NIKDARKWIDTHFIX*/


/* START MAX WIDTH*/
.nicdark_maxwidth_400{ max-width: 400px !important; }
.nicdark_maxwidth_500{ max-width: 500px !important; }
.nicdark_maxwidth_600{ max-width: 600px !important; }
.nicdark_maxwidth_700{ max-width: 700px !important; }
.nicdark_maxwidth_800{ max-width: 800px !important; }
.nicdark_maxwidth_900{ max-width: 900px !important; }
/*END MAX WIDTH*/



/* 7 - START NICDARKTEXT*/
p,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight: normal; }
/*font*/
h1,h2,h3,h4,h5,h6,input[type="text"],textarea,select{ color: #6c6975; font-weight: 300; }
h1.subtitle,h2.subtitle,h3.subtitle,h4.subtitle,h5.subtitle,h6.subtitle,input[type="text"].subtitle,textarea.subtitle,select.subtitle, span.subtitle{ color:#a7a6a6; }
h1.signature,h2.signature,h3.signature,h4.signature,h5.signature,h6.signature, span.signature{ font-variant: italic; }
/*color*/
p.white,h1.white,h2.white,h3.white,h4.white,h5.white,h6.white,a.white,i.white,span.white, input[type="text"].white, textarea.white, input[type="submit"].white, select.white{ color:#ffffff; }
p.grey,h1.grey,h2.grey,h3.grey,h4.grey,h5.grey,h6.grey,a.grey,i.grey,span.grey, input[type="text"].grey, textarea.grey, input[type="submit"].grey, select.grey, pre.grey{ color:#777; }
p.greydark,h1.greydark,h2.greydark,h3.greydark,h4.greydark,h5.greydark,h6.greydark,a.greydark,i.greydark,span.greydark, input[type="text"].greydark, textarea.greydark, input[type="submit"].greydark, select.greydark{ color:#6c6975; }
p.greydark2,h1.greydark2,h2.greydark2,h3.greydark2,h4.greydark2,h5.greydark2,h6.greydark2,a.greydark2,i.greydark2,span.greydark2, input[type="text"].greydark2, textarea.greydark2, input[type="submit"].greydark2, select.greydark2{ color:#353b3d; }
p.green,h1.green,h2.green,h3.green,h4.green,h5.green,h6.green,a.green,i.green,span.green, input[type="text"].green, textarea.green, input[type="submit"].green, select.green{ color:#c2e4cb; }
p.greendark,h1.greendark,h2.greendark,h3.greendark,h4.greendark,h5.greendark,h6.greendark,a.greendark,i.greendark,span.greendark, input[type="text"].greendark, textarea.greendark, input[type="submit"].greendark, select.greendark{ color:#afceba; }
p.blue,h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,h6.blue,a.blue,i.blue,span.blue, input[type="text"].blue, textarea.blue, input[type="submit"].blue, select.blue{ color:#aecacc; }
p.violet,h1.violet,h2.violet,h3.violet,h4.violet,h5.violet,h6.violet,a.violet,i.violet,span.violet, input[type="text"].violet, textarea.violet, input[type="submit"].violet, select.violet{ color:#A75874; }
p.yellow,h1.yellow,h2.yellow,h3.yellow,h4.yellow,h5.yellow,h6.yellow,a.yellow,i.yellow,span.yellow, input[type="text"].yellow, textarea.yellow, input[type="submit"].yellow, select.yellow{ color:#cecdaf; }
p.orange,h1.orange,h2.orange,h3.orange,h4.orange,h5.orange,h6.orange,a.orange,i.orange,span.orange, input[type="text"].orange, textarea.orange, input[type="submit"].orange, select.orange{ color:#e3bea5; }
p.red,h1.red,h2.red,h3.red,h4.red,h5.red,h6.red,a.red,i.red,span.red, input[type="text"].red, textarea.red, input[type="submit"].red, select.red{ color:#c792a2; }
/*align*/
p.center,h1.center,h2.center,h3.center,h4.center,h5.center,h6.center,i.center{ text-align: center; }
p.right,h1.right,h2.right,h3.right,h4.right,h5.right,h6.right, span.right{ float: right; }
/*size*/
p{ font-size:14px; line-height: 20px; color:#777; font-weight: 300; }
p.title{ font-weight: 300; }
.nicdark_bg_greydark p {
	color: #bbb;
}

h1{ font-size: 30px; line-height: 30px; font-weight: 300; }
h1.extrasize{ font-size: 45px; line-height: 45px; }
h1.exxtrasize{ font-size: 60px; line-height: 60px; }

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

h3{ font-size: 20px; line-height: 20px; font-weight: 300; }
h3 span.big{ font-size: 40px; }

h4{ font-size: 17px; line-height: 17px; font-weight: 300; }
h5{ font-size: 15px; line-height: 15px; font-weight: 300; }
h6{ font-size: 14px; line-height: 14px; font-weight: 300; }
a{ text-decoration: none; color: #a4a4a4; font-weight: 300;}
/*pre*/
pre{ overflow: auto; float: left; width: 100%; margin:0px; padding: 0px; }
pre p{ font-family: monospace; font-size: 13px; line-height: 22px; }
/*END NICDARKTEXT*/



/* 8 - START NICDARKFORMELEMENTS*/
input[type="text"]{ float: left; border: 0; outline: 0; }
input[type="number"]{ color: #a7a6a6; }
textarea{ float: left; border: 0; outline: 0; }
select{ float: left; border: 0; outline: 0; width: 100%; -webkit-appearance: none; cursor: pointer; border-radius: 0px; }
input[type="submit"]{ cursor: pointer; outline: 0; border: 0; font-weight: 300; }
/*size*/
input[type="text"].small, textarea.small { font-size: 15px; width: 100%; padding: 10px 20px; box-sizing:border-box; }
input[type="text"].medium, textarea.medium { font-size: 17px; width: 100%; padding: 10px 20px; box-sizing:border-box; }
input[type="text"].big, textarea.big { font-size: 17px; width: 100%; padding: 15px 20px; box-sizing:border-box; }
/*size select*/
select.small { font-size: 15px; padding: 10px 20px; box-sizing:border-box; }
select.medium { font-size: 17px; padding: 10px 20px; box-sizing:border-box; }
select.big { font-size: 17px; padding: 15px 20px; box-sizing:border-box; }
/*placeholder*/
::-webkit-input-placeholder { color:    #fff; }
/*END NICDARKFORMELEMENTS*/



/*********************************************CUSTOM FOR FASHION*************************************************************/

/* 9 - START CLASS FOR PARALLAX SECTION*/
.nicdark_parallax_img2 { background:url(../img/slide/2/img2.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallax_img3 { background:url(../img/slide/img3.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallax_img1 { background:url(../img/img2.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img1 { background: url(../img/parallax/img1.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img2 { background: url(../img/parallax/img2.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img3 { background: url(../img/parallax/img3.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img5 { background: url(../img/parallax/img5.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img6 { background: url(../img/parallax/img6.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img7 { background: url(../img/parallax/img7.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img8 { background: url(../img/parallax/img8.jpg) 50% 0 fixed; background-size:cover; }
/*END CLASS FOR PARALLAX SECTION*/



/*START CUSTOM CLASS TO AVOID INLINE CSS*/
.nicdark_width190 { width: 190px; }
.nicdark_width80 { width: 80px; }
.nicdark_width70 { width: 70px; }
.nicdark_width60 { width: 60px; }
.nicdark_width50 { width: 50px; }

.nicdark_copyrightlogo { background-image:url(../img/footer/copyright.jpg); background-size:95px; background-repeat:no-repeat; background-position:left; }
.nicdark_facebook { background-color:#5977b8; box-shadow:0px 4px 0px 0px #4c67a1;  }
/*END CUSTOM CLASS TO AVOID INLINE CSS*/



/*GMAPS*/
.gm-style div *{
    box-shadow: 0px 0px 0px 0px #000 !important;
    border-radius: 0px !important;
}

.infoBox > img{
    position: absolute !important;
    right:0;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
   .infoBox > img{ display: none; } 
}

@media only screen and (min-width: 320px) and (max-width: 479px){
    .infoBox > img{ display: none; }
}

#map-canvas {
    width:100%; 
    height:600px;
    float:left;
    margin:0px;
    padding:0px;
}




/*********************************************ONLY FOR DEMO*************************************************************/

.nicdark_buynow_button{position: fixed;z-index: 999;bottom: 0;right: 0px;padding: 10px 20px;font-size: 17px;border-bottom: 0px;border-right: 0px;}
.nicdark_buynow_button a{color: #fff}

.nicdark_newlabel a:after{content: '';background-image: url(../img/new-label.png);background-size: 43px;width: 43px;height: 17px;float: right;margin-top: 1px;background-repeat: no-repeat;}
.nicdark_hotlabel a:after{content: '';background-image: url(../img/hot-label.png);background-size: 43px;width: 43px;height: 17px;float: right;margin-top: 1px;background-repeat: no-repeat;}

.nicdark_demo_components{float: right;font-size: 11px;padding: 5px 10px;margin-top: 15px;}

.uppercase {
    text-transform: uppercase;
}

.row {
    float: left;
}

.divider {
    float: left;
    width: 100%;
    position: relative;
    height: 1px;
}

.divider::after {
    content: " ";
    position: absolute;
    width: 100px;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    background-color: #cccccc;
}

.link_stretch {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.profile_image {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    margin: auto;
}

.circle_number {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 1.5em;
    border-radius: 50%;
    background-color: #A75874;
    color: #ffffff;
    font-weight: 300;
    position: absolute;
    left: 0;
    top: -12px;
}

.box_shadow {
    box-shadow: 0 0 25px -10px rgba(0,0,0,0.5);
}

.nav_main {
    text-align: center;
}

.main_navbar,
.main_navbar *,
.nicdark_menu > .greydark > a::after {
    transition: all 0.5s ease;
}

.slowup .main_navbar {
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 0 25px -10px rgba(0,0,0,0.5);
}

.slowup .nicdark_menu {
    padding: 0 !important;
    float: left;
}

.slowup .nicdark_menu > .greydark > a {
    padding: 17px 15px;
    border-right: 1px solid #ccc;
    font-size: 0.8em !important;
    line-height: 19px !important;
}

.slowup .nicdark_menu > .greydark > a::after {
    margin: 0;
    border: 0;
}

.slowup .nicdark_space25 {
    height: 0 !important;
}

.slowdown .nicdark_menu .logo_mobile {
    display: none !important;
}

.slowup .nicdark_menu > .greydark.logo_mobile > a {
    padding: 12px;
    padding-right: 25px;
}

.slowup .logo_mobile img {
    display: block;
    height: 30px;
}

ul.nicdark_menu {
    float: none;
}

ul.nicdark_menu > li > a:last-child {
    color: #777;
    margin-right: 0;
}

.nicdark_menu > .greydark > a::after {
    content: ' ';
    font-size: inherit;
    color: #777;
    border-right: 1px solid #aaa;
}

.nicdark_icon-rose:before {
    content: ' ';
    width: 150px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../img/sarah-logo-image.png');
    display: inline-block;
}

.nicdark_menu > .greydark > a:hover {
    color: #A75874 !important;
}

.text_bubble p {
    color: #ccc !important;
}

.box_hover_image_text .nicdark_filter.greydark2 {
    transition: all 0.5s;
}

.box_hover_image_text .headline {
    opacity: 1;
    transition: all 0.5s;
}

.box_hover_image_text .content {
    opacity: 0;
    transition: all 0.5s;
    position: absolute;
    top: 1em;
    left: 1em;
    bottom: 1em;
    right: 1em;
    padding: 1em;
    border: 1px solid #ccc;
    font-weight: 300;
    text-align: center;
    display: flex;
    align-items: center;
}

.box_hover_image_text .content p {
    color: #ccc !important;
    padding: 1em;
}

.box_hover_image_text:hover .nicdark_filter.greydark2 {
    background-color: rgba(33,33,33,0.8);
}

.box_hover_image_text:hover .headline {
    opacity: 0;
}

.box_hover_image_text:hover .content {
    opacity: 1;
}

p a {
    color: #D0ACB9 !important;
}

p a:hover {
    color: inherit !important;
}

.toggle-navigation {
    margin-left: auto;
    cursor: pointer;
}

.toggle-navigation svg {
    width: 40px;
    fill: #444;
}

.toggle-navigation:hover svg,
.toggle-navigation:active svg {
    fill: #A75874;
}

.image_responsive {
    max-width: 85%;
}

.social_mobile {
    position: fixed;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    box-shadow: 0 0 10px -5px rgba(0,0,0,0.5);
    justify-content: center;
    width: 100%;
    background-color: rgba(255,255,255,0.9);
    z-index: 9;
}

.social_mobile i {
    font-size: 2rem;
}

.social_mobile a {
    padding: 0.5rem;
    border-right: 1px solid rgba(0,0,0,0.1);
}

.social_mobile a:first-child {
    border-left: 1px solid rgba(0,0,0,0.1);
}

.nicdark_cell h2 {
	padding: 0 0.5em;
}

.nicdark_cell h3 {
	padding: 0 2em;
}

.svg-icon {
    width: 65px;
}

.svg-icon .svg-icon-background {
    fill: #ddd;
}

.svg-icon .svg-icon-foreground {
    fill: #333;
}

.svg-icon.icon-audio.play .play,
.svg-icon.icon-audio.pause .pause {
    display: block;
}

.svg-icon.icon-audio.play .pause,
.svg-icon.icon-audio.pause .play {
    display: none;
}

#cookie-consent {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 15px;
    background-color: #f0f0f0;
    float: left;
    z-index: 999;
    box-shadow: 0 0 15px -5px rgba(0,0,0,0.7);
    font-size: 14px;
    box-sizing: border-box;
}

#cookie-consent .text {
    float: left;
    width: 70%;
    color: #777;
}

#cookie-consent .button {
    float: right;
    border: 1px solid #aaa !important;
    padding: 10px 20px;
    color: #777;
}