@import url("animate.min.css"); /* https://daneden.github.io/animate.css/ */


@font-face {
	font-family:'CoreSansNR-45Regular';
    src: url('../fonts/CoreSansNR/coresansnr-45regular-webfont.eot');
    src: url('../fonts/CoreSansNR/coresansnr-45regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CoreSansNR/coresansnr-45regular-webfont.woff2') format('woff2'),
         url('../fonts/CoreSansNR/coresansnr-45regular-webfont.woff') format('woff'),
         url('../fonts/CoreSansNR/coresansnr-45regular-webfont.ttf') format('truetype'),
         url('../fonts/CoreSansNR/coresansnr-45regular-webfont.svg#core_sans_nr45_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'CoreSansNR-63ExtBold';
    src: url('../fonts/CoreSansNR/coresansnr-63extbold-webfont.eot');
    src: url('../fonts/CoreSansNR/coresansnr-63extbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CoreSansNR/coresansnr-63extbold-webfont.woff2') format('woff2'),
         url('../fonts/CoreSansNR/coresansnr-63extbold-webfont.woff') format('woff'),
         url('../fonts/CoreSansNR/coresansnr-63extbold-webfont.ttf') format('truetype'),
         url('../fonts/CoreSansNR/coresansnr-63extbold-webfont.svg#core_sans_nr63_ext_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'CoreSansNR-65Bold';
    src: url('../fonts/CoreSansNR/coresansnr-65bold-webfont.eot');
    src: url('../fonts/CoreSansNR/coresansnr-65bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CoreSansNR/coresansnr-65bold-webfont.woff2') format('woff2'),
         url('../fonts/CoreSansNR/coresansnr-65bold-webfont.woff') format('woff'),
         url('../fonts/CoreSansNR/coresansnr-65bold-webfont.ttf') format('truetype'),
         url('../fonts/CoreSansNR/coresansnr-65bold-webfont.svg#core_sans_nr65_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'CoreSansNR-93ExtBlack';
    src: url('../fonts/CoreSansNR/coresansnr-93extblack-webfont.eot');
    src: url('../fonts/CoreSansNR/coresansnr-93extblack-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CoreSansNR/coresansnr-93extblack-webfont.woff2') format('woff2'),
         url('../fonts/CoreSansNR/coresansnr-93extblack-webfont.woff') format('woff'),
         url('../fonts/CoreSansNR/coresansnr-93extblack-webfont.ttf') format('truetype'),
         url('../fonts/CoreSansNR/coresansnr-93extblack-webfont.svg#core_sans_nr93_ext_black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'CoreSansNR-13ExtThin';
    src: url('../fonts/CoreSansNR/coresansnr-13extthin-webfont.eot');
    src: url('../fonts/CoreSansNR/coresansnr-13extthin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CoreSansNR/coresansnr-13extthin-webfont.woff2') format('woff2'),
         url('../fonts/CoreSansNR/coresansnr-13extthin-webfont.woff') format('woff'),
         url('../fonts/CoreSansNR/coresansnr-13extthin-webfont.ttf') format('truetype'),
         url('../fonts/CoreSansNR/coresansnr-13extthin-webfont.svg#core_sans_nr13_ext_thin') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family:'CoreSansNR-33ExtLight';
    src: url('../fonts/CoreSansNR/coresansnr-33extlight-webfont.eot');
    src: url('../fonts/CoreSansNR/coresansnr-33extlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CoreSansNR/coresansnr-33extlight-webfont.woff2') format('woff2'),
         url('../fonts/CoreSansNR/coresansnr-33extlight-webfont.woff') format('woff'),
         url('../fonts/CoreSansNR/coresansnr-33extlight-webfont.ttf') format('truetype'),
         url('../fonts/CoreSansNR/coresansnr-33extlight-webfont.svg#core_sans_nr33_ext_light') format('svg');
    font-weight: normal;
    font-style: normal;
}






body.an_theme1_1 #page {
  background: url(../img/bg.jpg);
}

body.an_theme1_1 .header-container,
body.an_theme1_1 header,
body.an_theme1_1 .columns-container {
 background: none;
}

body.an_theme1_1 #header div .container,
body.an_theme1_1 .columns-container .container {
 background: #fafafa;
}


/*	NAV */
@media (min-width: 992px) {
	body.an_theme1_1 .nav nav {
	 position: absolute;
	 z-index: 1;
	}
	
	body.an_theme1_1 #contact-link a, 
	body.an_theme1_1  .header_user_info ,
	body.an_theme1_1 #languages-block-top,
	body.an_theme1_1 #currencies-block-top {
	 margin-top: 30px;	 
	}	
	
}



@media (min-width: 768px) {
	body.an_theme1_1 #header_logo {
	 padding-top: 10px;
	 position: relative;
	 z-index: 2;
	 width: 299px;
	 max-width: 299px;
	 min-height: 119px;
	 max-height: 129px;
	}
	
	body.an_theme1_1 header .row #header_logo img.img-responsive {
	 display: inline-block;
	}
}


/* SEARCH */
@media (min-width: 768px) {
	body.an_theme1_1 #search_block_top {
	 padding-left:0;
	 padding-right:0;
	 padding-top: 74px;
	}	
}

@media (max-width: 991px) {
	body.an_theme1_1 #search_block_top {
	 padding-top: 40px;
	}	 
}

@media (max-width: 767px) {
	body.an_theme1_1 #search_block_top {
	 padding-top: 10px;
	}	
}

@media (min-width: 1200px) {
	body.an_theme1_1 #search_block_top {
	 width: 750px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	body.an_theme1_1 #search_block_top {
	 width: 520px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	body.an_theme1_1 #search_block_top {
	 width: 300px;
	}
}

/* CARD */
@media (min-width: 768px) {
	body.an_theme1_1 #block-card-top {
	 width: auto;
	}
}

@media (max-width: 767px) {
	body.an_theme1_1 #block-card-top {
	 width: 100%;
	}
}

body.an_theme1_1 #block-card-top .button.button-small {
     margin: 0px 0px 10px 0px;
}



body.an_theme1_1 #cart_summary .price {
	font-size: 19px;
}

body.an_theme1_1 #cart_summary .price-percent-reduction {
 padding: 2px 5px 0px 3px;
 background: #ff1744;
}

body.an_theme1_1 #cart_summary .old-price {
 font-size: 17px;
 font-family:'CoreSansNR-45Regular';
}


		













/*	left_column */
#layered_block_left .block_content {
 padding: 0px 15px 5px 15px;
}

/*	block */
.block {
  margin-bottom: 30px; }
  
#left_column .block{
	background: #f5f5f5;
}

  @media (max-width: 767px) {
	#categories_block_left {
		margin-bottom: 20px;
	}
    .block {
      margin-bottom: 0px; } }
  @media (max-width: 767px) {
    .block .block_content {
      margin-bottom: 20px; } }

.block .title_block,
.block h4 {
  font-size: 23px;
  line-height: 23px;
  color: #fff;
  background: #673ab7;
  text-transform: uppercase;
  padding: 17px 5px 15px 20px;
  margin: 1px 0px 20px 0px;
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .block .title_block,
    .block h4 {
      font-size: 14px; } }
  @media (max-width: 767px) {
    .block .title_block,
    .block h4 {
      position: relative; }
      .block .title_block:after,
      .block h4:after {
        display: block;
        font-family: "FontAwesome";
        content: "";
        position: absolute;
        right: 0;
        top: 15px;
        height: 36px;
        width: 36px;
        font-size: 26px;
        font-weight: normal; }
      .block .title_block.active:after,
      .block h4.active:after {
        content: ""; } }
  .block .title_block a,
  .block h4 a {
    color: #fff; }
    .block .title_block a:hover,
    .block h4 a:hover {
      color: #fff; }
.block .list-block {
  margin-top: -8px; }
  @media (max-width: 767px) {
    .block .list-block {
      margin-top: 0; } }
	  
	  
	   .block .list-block li a {
		 color: #333;  
	   }
	  
  .block .list-block li {
	font-size: 14px;
	
    padding: 5px 0 6px 20px; }
    .block .list-block li a i {
      display: none; }
    .block .list-block li a:before {
      content: "\f04d";
	  font-size: 6px;
	  
      display: inline;
      font-family: "FontAwesome";
      color: #bdbdbd;
	  float: left;
      padding-right: 16px; }
    .block .list-block li a:hover {
      color: #777777;
       }
    .block .list-block li:first-child {
      border-top: none; }
  .block .list-block .form-group {
    padding-top: 20px;
    border-top: 1px solid #d6d4d4;
    margin-bottom: 0; }
    .block .list-block .form-group select {
      max-width: 270px; }
      @media (max-width: 767px) {
        .block .list-block .form-group select {
          width: 270px; } }
  .block .list-block .btn {
    margin-top: 12px; }
.block .products-block li {
  padding: 0 20px 20px 20px;
 }
  .block .products-block li .products-block-image {
    float: left;
    border: 1px solid #d6d4d4;
    margin-right: 19px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .block .products-block li .products-block-image {
        float: none;
        display: inline-block;
        margin: 0 auto 10px;
        text-align: center; } }
  .block .products-block li .product-content {
    overflow: hidden; }
    .block .products-block li .product-content h5 {
      margin: -3px 0 8px 0; }
.block .products-block .product-name {
  font-weight: normal;
  font-size: 14px;
  font-family:'CoreSansNR-45Regular';
  line-height: 18px; }
.block .products-block .product-description {
  margin-bottom: 14px;
    }
.block .products-block .price-box .price {
 font-size: 19px;
}
.block .products-block .price-percent-reduction {

  padding: 1px 6px; }



  
/* .product */ 
  
  
  
  .product-name {
  font-size: 14px;
  line-height: 14px;
  color: #212121;
  font-family:'CoreSansNR-65Bold';
  margin-bottom: 0; }
  .product-name a {
    font-size: 14px;
    line-height: 14px;
    color: #212121; }
    .product-name a:hover {
      color: #515151; }
    @media (max-width: 768px) {
      .product-name a {
        font-size: 14px; } }
		



.price {
  font-size: 23px;
  font-family:'CoreSansNR-93ExtBlack';
  color: #673ab7;
  white-space: nowrap; }

.price.product-price {
  
  color: #673ab7; }

.old-price {
  color: #212121;
  padding: 0px 5px 0px 5px;
  text-decoration: line-through; }

.old-price.product-price {
  font-size: 19px; }



 
.price-percent-reduction-cont {
 padding: 2px 5px 0px 3px;
 background: #ff1744;
 margin-top: -4px;
 float: left;
} 
 
.price-percent-reduction {
  font-size: 13px;
  line-height: 13px;
  color: #fff;
  display: inline-block; }
  .price-percent-reduction.small {
    font: 700 14px/17px Arial, Helvetica, sans-serif;
    padding: 1px 3px; }

	
.new-box,
.sale-box {
  position: absolute;
  top: -4px;
  overflow: hidden;
  height: 85px;
  min-width: 85px;
  padding: 0px 3px 0px 3px;
  text-align: center;
  z-index: 0; }

.new-box {
  left: 0px; }

.sale-box {
  right: 0px; }

.new-label {
  background: #1fab8e;
  padding: 9px 0 7px;
  text-align: center;
  display: block;
  position: absolute;
  left: 0px;
  top: 13px;
  z-index: 1;
}

.new-label, 
.sale-label {
  font-size: 13px;
  font-family:'CoreSansNR-65Bold';
  color: #fff;
  width: 65px;
 }


.sale-label {
  background: #f96f00;
  padding: 9px 0 7px;
  text-align: center;
  display: block;
  position: absolute;
  right: 0px;
  top: 13px;
  z-index: 1;
}






/* COMPARE */
body.an_theme1_1  .bt_compare span {
 border-color: #ffeb3b;
}
body.an_theme1_1  .bt_compare {
 font-size: 17px;
 
 background: #ffeb3b;
 color: #212121;
 border: none;
 height: 44px;
 text-shadow: none;
 text-transform: none;
 line-height: 24px;
}
body.an_theme1_1  .bt_compare:hover {
 background: #212121;
 color: #ffeb3b;
}



/*  ADD TO CARD MODAL */


.top-pagination-content div.pagination .showall,
.bottom-pagination-content div.pagination .showall { padding-top:0; margin-top:0;}

/*	ALL BUTTONS */
body.an_theme1_1 .top-pagination-content div.pagination .showall .btn span,
body.an_theme1_1 .bottom-pagination-content div.pagination .showall .btn span
body.an_theme1_1 .button.exclusive-medium span {

}



/* MORE */
ul.product_list.grid > li .product-container .button.lnk_view {
  width: 118px;
}
body.an_theme1_1 .button.lnk_view,
body.an_theme1_1 .button.lnk_view span {
 font-family:'CoreSansNR-63ExtBold';
 font-size: 13px;
 background: #cdcccc;
 color: #212121;
 text-align: center;
 
 border: none;
 height: 34px;
 line-height: 17px;
 
 text-shadow: none;
 text-transform: none;
 
	-webkit-transition:0.2s ease-out;
	-moz-transition:0.2s ease-out;
	-o-transition:0.2s ease-out;
	transition:0.2s ease-out;	
}
body.an_theme1_1 .button.lnk_view:hover,
body.an_theme1_1 .button.lnk_view span:hover{
 background: #cdcccc;
}


ul.product_list.grid > li .product-container  .button.exclusive-medium,
ul.product_list.grid > li .product-container  .button.exclusive-medium span,
ul.product_list.grid > li .product-container  .button.ajax_add_to_cart_button,
ul.product_list.grid > li .product-container  .button.ajax_add_to_cart_button span,
ul.product_list.grid > li .product-container  .button.button-medium,
ul.product_list.grid > li .product-container  .button.button-medium  span {
	width: 118px;
}

body.an_theme1_1 .button.exclusive-medium,
body.an_theme1_1 .button.exclusive-medium span,
body.an_theme1_1 .button.ajax_add_to_cart_button,
body.an_theme1_1 .button.ajax_add_to_cart_button span,
body.an_theme1_1 .button.button-medium,
body.an_theme1_1 .button.button-medium  span {
 font-family:'CoreSansNR-63ExtBold';
 font-size: 13px;
 background: #1fab8e;
 color: #fff;
 border: none;
 text-align: center;

 height: 34px;
 line-height: 17px;
 
 text-shadow: none;
 text-transform: none;

	-webkit-transition:0.2s ease-out;
	-moz-transition:0.2s ease-out;
	-o-transition:0.2s ease-out;
	transition:0.2s ease-out;	
}



body.an_theme1_1 .button.ajax_add_to_cart_button:hover,
body.an_theme1_1 .button.ajax_add_to_cart_button span:hover,
body.an_theme1_1 .button.button-medium:hover,
body.an_theme1_1 .button.button-medium  span:hover,
body.an_theme1_1  .button.exclusive-medium  span:hover,
body.an_theme1_1  .button.exclusive-medium:hover {
 background: #ff6f00;
}

body.an_theme1_1 .button.ajax_add_to_cart_button:active,
body.an_theme1_1 .button.ajax_add_to_cart_button:visited,
body.an_theme1_1 .button.ajax_add_to_cart_button span:active,
body.an_theme1_1 .button.ajax_add_to_cart_button span:active {
 background: #353434;
}


/* PRODUCT INFO */
body.an_theme1_1  .pb-center-column h1,
body.an_theme1_1  #short_description_block {

}


/*	ADD TO CARD IN PRODUCT INFO */
body.an_theme1_1  .buttons_bottom_block button,
body.an_theme1_1 .buttons_bottom_block button span {
 border: none;
 border-radius: 0;
 text-shadow: none;
 color: #fff;
}
body.an_theme1_1  .buttons_bottom_block button {
 background: #1fab8e;
}
body.an_theme1_1  .buttons_bottom_block button:before,
body.an_theme1_1  .buttons_bottom_block button:after {
 border: none;
 color: #fff;
 background: none;
 text-shadow: none;
}
body.an_theme1_1  .buttons_bottom_block button:hover,
body.an_theme1_1  .buttons_bottom_block button:hover span,
body.an_theme1_1  .buttons_bottom_block button:hover:before,
body.an_theme1_1  .buttons_bottom_block button:hover:after {
 background: #ff6f00;
 color: #fff;
}






.button.button-small {
  margin: 0px 0px 20px 20px;
  color: #fff;
font-family:'CoreSansNR-65Bold';

  background: #424242;
  font-size: 15px;
  padding: 0;
  border: none;
  text-shadow: none;
  text-align: center;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }
  .button.button-small span {
    display: block;
    padding: 8px 50px 8px 50px;}
    .button.button-small span i {
      vertical-align: 0px;
	  font-size: 12px;
	  font-weight: normal;
      margin-right: 5px; }
      .button.button-small span i.right {
        margin-right: 0;
        margin-left: 5px; }
    .button.button-small span:hover {
      background: #575757;
   }
   
   
   
   
   
#new-products_block_right ,
#viewed-products_block_left,
#special_block_right,
#special_block_right  h5 .product-name, 
#viewed-products_block_left  h5 .product-name, 
#new-products_block_right h5 .product-name {

	font-size: 14px;
	font-weight: normal;

}
#new-products_block_right h5,
#viewed-products_block_left h5,
#special_block_right h5 {
margin-bottom: 8px;
}

#new-products_block_right .price,
#viewed-products_block_left  .price,
#special_block_right .price {
	font-size: 19px;
}


#viewed-products_block_left .products-block li,
#special_block_right  .products-block li{
 border: none;	
 padding-bottom: 0px;
}

#special_block_right .price-percent-reduction {
 padding: 2px 5px 0px 3px;
 background: #ff1744;
 font-weight: normal;
 }
 
 
/*	STATIC BLOKS */
.home-top-banners { margin-top: 50px; }
.home-top-banners img {
 width: 100%;
}


.bottom-3bantext-top strong,
.bottom-bigban  strong {
 font-family:'GothamPro-Black';
 font-weight: normal;
}


/* ------------- */
.bottom-bigban {
 margin-bottom: 16px;
 color: #212121;
}
.bottom-bigban-wr {
 width: 100%;
 min-height: 120px;
 background: #f5f5f5;
 padding: 30px 36px 30px 36px;
}

.bottom-bigban h3 {
 font-size: 39px;
 font-family:'CoreSansNR-45Regular';
 font-weight: normal;
 margin: 0;
}

.bottom-bigban-wr-sp1 {
 font-family:'CoreSansNR-63ExtBold';
}

.bottom-bigban-wr-sp2 {
 font-family:'CoreSansNR-63ExtBold';
 color: #f96f00;
}

.bottom-bigban p {
 font-size: 12px;
 margin-bottom: 0;
}

.bottom-bigban-but {
 display: block;
}

@media (min-width: 1200px) {
	.bottom-bigban-but {
	 position: absolute;
	 top: 31px;
	 right: 51px;
	}
}
@media (max-width: 1199px) {
	
	.bottom-bigban h3,
	.bottom-bigban p,
	.bottom-bigban-but {
	 width: 100%;
	 text-align: center;
	}
	.bottom-bigban-but {
	 padding-top: 15px;
	}
}

.bottom-bigban-but button {
 background: #ffeb3b;
 border: none;
 border-bottom: 3px solid #e3d136;
 border-radius: 8px;
 font-family:'CoreSansNR-63ExtBold';
 font-weight: normal;
 color: #424242;
 font-size: 25px;
 padding: 18px 73px 18px 73px;
	-webkit-transition:0.2s ease-out;
	-moz-transition:0.2s ease-out;
	-o-transition:0.2s ease-out;
	transition:0.2s ease-out;	
}
.bottom-bigban-but button:hover {
 background: #e3d136;
}

/* ------------- */
.bottom-3banners {  }

.bottom-3ban-1,
.bottom-3ban-2,
.bottom-3ban-3 {
 display: block;
 width: 100%;
 height: 120px;
 margin-bottom: 16px;
-webkit-transition:0.3s ease-out!important;
-o-transition:0.3s ease-out!important;
-moz-transition:0.3s ease-out!important;
transition:0.3s ease-out!important;
}

.bottom-3ban-1 { background: #673ab7; color: #fff;}
.bottom-3ban-2 { background: #ffeb3b; color: #424242;}
.bottom-3ban-3 { background: #f5f5f5; color: #212121;}

.bottom-3banners > .col-sm-4 {
	 overflow:hidden;
}

.bottom-3bantext-top,
.bottom-3bantext-bot {
 display: block;
 width: 100%;
 text-align: center;
}

.bottom-3bantext-top  {
 font-size: 38px;
 padding-top: 36px;
 font-family:'CoreSansNR-33ExtLight';
}
.bottom-3bantext-top strong {
 font-family:'CoreSansNR-63ExtBold';
}


.bottom-3bantext-bot {
 padding-top: 17px;
}

.bottom-3bantext-bot {
 font-size: 16px;	
}

@media (min-width: 768px) {
	.bottom-3banners > .col-sm-4:first-child {
	 padding-right: 0;
	}
	.bottom-3banners > .col-sm-4:last-child { 
	 padding-left: 0;
	}
	.bottom-3ban-center {
	 padding-left: 0;
	 padding-right: 0;
	}
}



.bottom-3ban-1:hover,
.bottom-3ban-2:hover, 
.bottom-3ban-3:hover{ 
-webkit-box-shadow:inset 0px 0px 0px 60px rgba(0,0,0,0.07)!important;    
-o-box-shadow:inset 0px 0px 0px 60px rgba(0,0,0,0.07)!important;    
-moz-box-shadow:inset 0px 0px 0px 60px rgba(0,0,0,0.07)!important;    
box-shadow:inset 0px 0px 0px 60px rgba(0,0,0,0.07)!important;    
border-bottom:0px solid #ccc;
} 



.home-bottom-banners img {
	-webkit-transition:0.2s ease-out;
	-moz-transition:0.2s ease-out;
	-o-transition:0.2s ease-out;
	transition:0.2s ease-out;	
}
.bottom-ban-5 a:hover img {
-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.bottom-ban-5 {
 width: 20%;
 float: left;
 text-align: center;
 font-size: 14px;
 color: #212121;
}
.bottom-ban-5 a {
  color: #212121;
}
.bottom-ban-5-t1, .bottom-ban-5-2 {
 display: block;
}
.bottom-ban-5-t1 {
 padding-top: 12px;
}

@media (max-width: 768px) {
	.bottom-ban-5 {
	    clear: left;
		width: 100%;
		padding-bottom: 15px;
	}
}










body.an_theme1_1 #footer #newsletter_block_left .form-group .form-control {
 background: #ffffff;
 border: 1px solid #e0e0e0;
 color: #000000;
 height: 40px;
 border-right: 1px solid #f5f5f5;
}

body.an_theme1_1 #footer #newsletter_block_left .form-group .button-small {
 background: #f5f5f5;
 margin-left: -41px;
 width: 40px;
 height: 40px;
 padding: 0;
}



body.an_theme1_1 #footer #newsletter_block_left .form-group .button-small:before {
 content: '\f054';
 text-shadow: none;
 font-size: 20px;
 line-height: 20px;
 padding-left: 3px;
 color: #212121;
}




/* page-product-box */
.page-product-box {
  padding-bottom: 10px; }

.product-box {
  width: 178px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .product-box .product-image {
    border: 1px solid #d6d4d4;
    background: white;
    padding: 5px;
    display: block;
    margin-bottom: 11px; }
    .product-box .product-image img {
      max-width: 100%;
      width: 100%;
      height: auto; }