/*
Theme Name: Azurbikini Twenty Seventeeen child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Description: Theme Azurbikini child of Twenty Seventeen.
Author: Luca Cuzzolin
Author URI: https://twitter.com/czz78
Template: twentyseventeen
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This child theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/




/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/



/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/



/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/


/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/


/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/


/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background-color: #fff;
    color: #4DC0E9;
    border: 1px solid #4DC0E9;
}

button,
input[type="button"],
input[type="submit"] {
    background-color: #fff;
    color: #666;
    border: 1px solid #c2c2c2;
}

button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
  background-color: #ffffff;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/


/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/



/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/


/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/


/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/


/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

#site-navigation {
/*  left:33%;
  transform: translateX(-50%); */
  vertical-align: top;
  position: relative;
  top: 10px;
}

.main-navigation {
    display: inline-block;
}


/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

.site-header {
    background-color: #ffffff;
}


/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

#masthead {
  z-index:999;
}

#masthead .wrap {
    height: auto;
    z-index: 0;
}

.site-title {
font-size:0px;
}

#custom-logo {

width: auto;
/*display: inline-block;*/
display: none;
position: absolute;
left: 46%;
z-index: 999;

}


.custom-logo-link {
    display: block;
}

.custom-logo-link img {
    max-height: 68px;
}




body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
    color: #222;
}

body.has-header-image .site-description,
body.has-header-video .site-description {
    color: #666;
}

/*
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
    display: block;
    height: 300px;
    height: auto;
    width: 100%;
}
*/

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
    position: relative;
}


.has-header-image .custom-header-slideshow .cycleprev,
.has-header-image .custom-header-slideshow .cyclenext{
    z-index:999;
}

.has-header-image .custom-header-slideshow .cyclenext{
/*    left:98%;*/
  right: 15px;
}

.has-header-image .custom-header-slideshow .cycleprev {
/*    left:-2%;*/
  left: 15px;
}


.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
    display: table;
    height: auto !important;
    width: 100%;
}


.site-branding .wrap {
 padding: 0px 0px 0px 0px;
}

/*
.site-branding-text:after {
  content: "";
  width: 30px;
  height: 30px;
  background: url("/wp-content/plugins/qtranslate-x/flags/it.png") no-repeat scroll right;
  background-color: transparent;
  top: -4px;
  right: -21px;
  position: absolute;
  display: inline-block;
}
*/

/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
    .has-header-image .custom-header-media img,
    .has-header-video .custom-header-media video,
    .has-header-video .custom-header-media iframe,
    .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	top: 0;
    }

    .admin-bar.has-header-image .custom-header-media img,
    .admin-bar.has-header-video .custom-header-media video,
    .admin-bar.has-header-video .custom-header-media iframe,
    .admin-bar.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	top: 0;
    }


   
}




/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/



/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/



/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
    max-width: 100%;
}


/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header{

  width:100%;


}
.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments{
width:100%;
float:left;
}


.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {

  font-size: 1.2rem;
}



/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/
.footer-widget-2 {
  text-align: center;
}

/*.footer-widget-2 .cnss-social-icon {
  text-align:center;
}*/


/*.site-footer .wysija-submit {
  display:inline-block;
  margin-right:40px;
}*/


.site-footer .site-info {
  color:#4DC0E9;
  text-align:center;
}

/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/



/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/



/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/



/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/



/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/



/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/


/*--------------------------------------------------------------
19.0 Woocommerce
--------------------------------------------------------------*/
#ab-wc-content {
float: right;
top: 15px;
position: relative;
width: auto;
right: 5%;
}


.cart-contents {
/*float: right;
top: 30px;
position: relative;
width: auto;
right: 0;
*/
}

.cart-contents:hover:before , .user-contents:hover:before{
  border: 1px solid #cdcdcd;
  border-radius:10px;
}

.cart-contents:before {
    font-family:WooCommerce;
    content: "\e01d";
    font-size:28px;
    margin-top:10px;
    font-style:normal;
    font-weight:400;
    padding:6px;
    vertical-align: bottom;
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: #fff;
    background-color: #2ecc71;
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 6px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
}


.user-contents::before {
    font-family: WooCommerce;
    content: "\e038";
    font-size: 28px;
    margin-top: 10px;
    font-style: normal;
    font-weight: 400;
    padding: 6px;
    vertical-align: bottom;
}


/* mini chart */

#mini-cart {
  background : #FFFFFF;
  position:absolute;
  width: 320px;
  right:0;
  padding: 20px;
  border: 1px solid #cdcdcd;
  display:none;
  top: 60px;
}

.header-mini-cart h2 {
  width:100%;
  display:block;
  text-align:center;
  font-size:20px;
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  margin-bottom: 20px;

}

.header-mini-cart a.close {
    position: absolute;
    color: #cdcdcd;
    top:16px;
    right: 24px;
    font-size:20px;
    text-decoration: none;
}


#mini-cart .widget a {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#mini-cart .widget a.remove_from_cart_button {
  position: relative;
  z-index: 3;
}

#mini-cart .woocommerce-mini-cart-item img {
  max-width:70px;
  display:block;
  float: left;
  margin-right:55px;
}

/*
#mini-cart .widget .product_list_widget img {
  display: block;
}
*/

/*
#mini-cart .woocommerce-mini-cart__total {
  border-top: 1px solid #4dc0e9;
  border-bottom: 1px solid #4dc0e9;
  padding-top: 7px;
  padding-bottom: 7px;
}
*/

#mini-cart .woocommerce-mini-cart__total strong{
  font-weight: 600;
}

/*#mini-cart .woocommerce-mini-cart__total .woocommerce-Price-amount {
  float:right;
}
*/

#mini-cart .account-arrow {
  position: absolute;
  top: -9px;
  right: 18px;
  margin-left: -7px;
  width: 15px;
  height: 9px;
  background: url(/wp-content/themes/azur/assets/images/up-arrow.png) no-repeat scroll 0 1px transparent;
}

#mini-cart ul {
  list-style:none;
}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  text-align:center;
  padding:20px;
/*background-color:#4DC0E9;*/
}

.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {
  border: 1px solid #cdcdcd;
    border-radius:10px;
}


.onsale {
  background-color:transparent;
  color:#4DC0E9;
}


/*.add_to_cart_button {*/
.button {
background-color: #fff;
color: #666;
border: 1px solid #c2c2c2;
padding:10px;
}


.woocommerce-mix-match {
/*display:none;*/
}

ul.products li.product .button {
    box-shadow: none;

    display:inline-block;
    width:auto;
}


/* home Forse meglio metterlo come modulo generale*/
ul.mixmatch.products {
  margin:0 auto !important;
  list-style:none;
}

ul.mixmatch.products li.product {
   text-align:center;
   padding: 10px;
/*   border-right: 1px solid #cccccc;*/
display:inline-block;
}

ul.mixmatch.products li.product a .onsale {
   left: auto;
   top: auto;
   display:none;
}

ul.mixmatch.products li.product a h2 {
   text-transform: none;
   word-wrap:break-word;
}

ul.mix-and-match.buy {
   list-style:none;
   margin-left:0;
}

ul.mix-and-match.buy li {
  display:inline-block;
  width:20%;
  text-align:center;
}







/*
    these are just the default styles used in the Cycle2 demo pages.  
    you can use these styles or any others that you wish.
*/

.cycle-slideshow { 
/*    width: 50%; */
    width: 100%;

    margin: 0 auto;
    padding: 0;
    position: relative;
/*    background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat; */
 }

.mixmatch.cycle-slideshow { 
/*    width: 50%; */
/*width:100%;*/
}


/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
/*    position: absolute; top: 0; left: 0;*/
/*    width: 100%;  */
/*width:auto;*/
/*padding: 0; display: block;*/
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}



/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { 

/*-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; */
}

.cycle-slide {

}



/* pager */
/*.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}

*/
/* caption */
/*.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }
*/

/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; 
bottom: 15%; 
width: 100%; z-index: 600;
    background: black; color: white; padding: 10px; opacity: .5;
    text-align:center;
    margin-left: 20%;
    width: 60%;
}


/* prev / next links */
/*.cycleprev, .cyclenext { position: absolute; top: 0; width: 5%; opacity: 1; filter: alpha(opacity=0); z-index: 1; height: 100%; cursor: pointer; }
*/

.cyclecontrols {
  position:relative;
  top:0;
  margin: 0 auto;
}
.cycleprev, .cyclenext { position: absolute; padding-top: 50%; width: 45px; height: 45px; opacity: 1; z-index: 1; cursor: pointer; }


.cycleprev { left: 0;  
/*background: url(http://malsup.github.com/images/left.png) 50% 20% no-repeat;*/
left: 0px;}
.cyclenext { right: 0; 
/*background: url(http://malsup.github.com/images/right.png) 50% 20% no-repeat;*/
 right:0px;}
.cycleprev:hover, .cyclenext:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/*
.cyclenext::before, .cycleprev::before {
    border-color: transparent transparent transparent #c2c2c2;
    top: 40%;
    content: '';
    width: 0;
    height: 0;
    font-size: 0;
    position: absolute;
    border-style: solid;
    display: block;
}


.cyclenext::before {
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #c2c2c2;
    right:0;
}

.cycleprev::before {
    border-width: 15px 15px 15px 0;
    border-color: transparent #c2c2c2 transparent transparent;
    left:0;
}

*/


.cyclenext::before, .cycleprev::after {
    border-color: transparent transparent transparent #c2c2c2;
    top: 40%;
    content: '';
    width: 0;
    height: 0;
    font-size: 0;
    position: absolute;
    border-style: solid;
    display: block;
}


.cyclenext::before {
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #c2c2c2;
    right:0;
}

.cycleprev::after {
    border-width: 15px 15px 15px 0;
    border-color: transparent #c2c2c2 transparent transparent;
    left:0;
}






/* display paused text on top of paused slideshow */
/*.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}
*/



#main .widget .title {
  text-align:center;
}



  /* styles for '...' */ 
.woocommerce-loop-product__title {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 3.7em; 
  /* fix problem when last visible word doesn't adjoin right side  */
/*  text-align: justify; */
  text-align: center;


  /* place for '...' */
/*  margin-right: -1em;
  padding-right: 1em;*/

}

/* create the ... */
.woocommerce-loop-product__title:before {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}

/* hide ... if we have text, which is less than or equal to max lines */
.woocommerce-loop-product__title:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
/*  background: white;*/
}


.woocommerce-Price-amount {
  line-height: 1em;
}



/* 
    media queries 
    some style overrides to make things more pleasant on mobile devices
*/
/*
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 200px;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}
*/

/* others */
.centered-text:hover {
  opacity:1;
}


.centered-text {
position: absolute;
margin-left: 2%;
top: 50%;
background: #ffffff;
opacity: 0.8;
padding: 5px;
width: 96%;
text-align: center;
}


.product_meta {
  padding-top:20px;
  color:#4DC0E9;
}

.product_meta a{
  color:#4DC0E9;
  text-decoration:none !important;
  box-shadow:none;
  webkit-box-shadow:none;
}



/*home*/

.home .custom-header {
  z-index: 2;
}

.home .post{

  float:none !important;
  width: 45% !important;
display: inline-block;
padding: 20px;
}

/* woocommerce search */

#azurbikini-wc-search {
position: relative;
width: 50%;
margin: 10px auto 20px;
text-align: center;
}


#azurbikini-wc-search .fetched_data ul li {
    margin-top: 30px;
    list-style: none;
    display:inline-block;
    max-width:30%;
}

#azurbikini-wc-search .fetched_data ul li .image , #azurbikini-wc-search .fetched_data ul li .data {
   display:inline-block;
}

#azurbikini-wc-search .fetched_data ul li .image {
   width:20%;
   vertical-align:top;
}


#azurbikini-wc-search .fetched_data ul li .data {
   font-size: 0.8rem;
   height:100px;
}






/*
#azurbikini-wc-search .fetched_data ul li .data:before {
    content:"";
    float: left;
    width: 5px; height: 200px;
}

#azurbikini-wc-search .fetched_data ul li .data.ellipsis > *:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
}

#azurbikini-wc-search .fetched_data ul li .data.ellipsis:after {
    content: "\02026";  

    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;

    float: right; position: relative;
    top: -25px; left: 100%; 
    width: 3em; margin-left: -3em;
    padding-right: 5px;
    
    text-align: right;

  
  background-size: 100% 100%;
  
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
  
    background: -webkit-gradient(linear, left top, right top,
	from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);			
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);



}

*/



#azurbikini-wc-search .fetched_data ul li img {
   height:100px;
}


#azurbikini-wc-search .fetched_data ul li .data {
  vertical-align:top;
}

#azurbikini-wc-search .fetched_data ul li .data h4 , #azurbikini-wc-search .fetched_data ul li .data h4 a{
  font-size:0.9rem;
  color:#666 !important;
}


.ellipsis {
  overflow: hidden;
  height: 100px;
    line-height: 25px;
  width: 70%;
  display:inline-block

}

.ellipsis:before {
    content:"";
    float: left;
    width: 5px; height: 100px; }

.ellipsis > *:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
}		

.ellipsis:after {
    content: "\02026";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    /*float: right;*/
    position: relative;
    top: 80px;
    left: 99%;
    width: 3em;
    margin-left: -1em;
    padding-right: 0px;
    text-align: right;
     background-size: 100% 100%;
  /* 512x1 image, gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*/
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}

#azurbikini-wc-search .fetched_data ul li .footer-data{
  margin-top:15px;
}
#azurbikini-wc-search .fetched_data ul li .footer-data .action {
  float:right;
  width:auto;
  color: rgba(98,198,233,1);
  margin-right: 43px;
}


/*menu left */
.mob-menu-header-holder {
  top: 55px !important;
/*  z-index: 0 !important;*/
  width: 50px !important;
  left: -1% !important;
}


.home #sb_instagram {
  background: #ffffff;
}

.home .widget{
  background: #ffffff;
}

.site-content-contain {
  background-color: transparent;
}

    .wrap {
	max-width: 100%;
	padding-left: 2em;
	padding-right: 2em;
box-shadow: 0 0 0 2em #fff inset;

    }



.parallax-mobile {
  display: block !important;
  position:relative !important;
}

.parallax-mirror, .parallax-slider {
/*  width:100% !important;*/
  /*height: auto !important;*/
}



px-mobile-img {
/*   width: 100%;*/
}




.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
  box-shadow: inset 0 1px 0 rgb(255, 255, 255);
}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
  box-shadow: inset 0 1px 0 rgb(255, 255, 255);
}



.single-product #tab-description {
/*  text-align: center;*/
}




#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}



/*--------------------------------------------------------------
20.0 Media Queries
--------------------------------------------------------------*/


@media screen and (min-width: 30em) {


    /* Site Branding */

    .site-branding {
	padding: 0 0;

bottom: auto;
position: relative;
width: auto;
float: right;



    }

}





@media screen and (min-width: 48em) {



    /* Layout */

    .wrap {
	max-width: 100%;
	padding-left: 2em;
	padding-right: 2em;
box-shadow: 0 0 0 3em #fff inset;

    }



    /* Navigation */

    .navigation-top {
	/*bottom: auto;*/
	position:relative;
    }

    .navigation-top .wrap {
	max-width: 1280px;
	/* The font size is 14px here and we need 50px padding in ems
	padding: 0.75em 3.4166666666667em;
        */
    }


.site-navigation-fixed.navigation-top {
	bottom: auto;
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 7;
    }





     /* Site Branding */

    .has-header-image.twentyseventeen-front-page .site-branding,
    .has-header-video.twentyseventeen-front-page .site-branding,
    .has-header-image.home.blog .site-branding,
    .has-header-video.home.blog .site-branding {
	bottom: auto;
        position: relative;
        width:auto;
float:right;
/*        padding-top:83px; */
    }


.site-content-contain {
  background-color: transparent;
}



.site-content {
    padding: 3em 0 0;
}



/* Front Page */

    .twentyseventeen-front-page.has-header-image .site-branding,
    .twentyseventeen-front-page.has-header-video .site-branding,
    .home.blog.has-header-image .site-branding,
    .home.blog.has-header-video .site-branding {
	margin-bottom: 0px;
    }

     .site-description {
         font-size: 0.8rem;
         font-weigth: 600;
     }





}






@media screen and ( min-width: 67em ) {

    /* Layout */

    /* Navigation */
    .site-branding .wrap {
	padding: 0px 0px 0px 0px;
    }

}


@media screen and ( min-width: 769px ) {




.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  width: 40%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width: 55%;
}


.woocommerce-product-gallery img {
  width: 100%;
}






}

@media screen and ( min-width: 897px ) {

.px-mobile-img {
   width: 100%;
}

}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	-o-object-fit: fill;
	 object-fit: fill;
	min-height:auto;

}



@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-overlay { padding: 4px; position:relative; display:block; width:100%; margin-left:0px;}
    .cycle-overlay h3 { font-size:12px;}
}

/*
@media only screen and (max-width:749px) {
  .parallax-window {
    display:none;
  }
}
*/