/****************************************************************************************************
								 Main elments 
*****************************************************************************************************/
body {
  font: normal 17px/23px 'Roboto Condensed', Arial, sans-serif;
  min-width: 1200px;
  /*background: white;*/
  /*background: transparent url("../images/bg3.png") no-repeat fixed 0 0;*/
  color: #2399d9; 
}

a {
  font: normal 16px/22px 'Roboto Condensed', Arial, sans-serif;  
  color: #2399d9;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
  a:hover, a:active, a:focus {
    /*color: #877853;*/
	color:purple;
    text-decoration: none;
    outline: none; 
  }

.container {
  width: 1200px !important; }

table {
  margin-bottom: 20px; }

.ui-widget-header {
  color: #777777; }

.red, sup, .require {
  color: #f00; }

.form-control {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  resize: none; }

select {
  cursor: pointer; }

.form-inline {
  margin-bottom: 15px; }

.content-box .checkbox input {
  margin-top: 4px; 
}


.checkbox input {
  margin-top: 0; 
}

.align-top {
  vertical-align: top; }

.align-middle {
  vertical-align: middle !important; }

.table-custom {
  border: none;
  width: 100%; }
  .table-custom tr, .table-custom td, .table-custom th {
    border: none !important;
    padding: 0 !important; }

.no-indent {
  padding: 0;
  margin: 0; }

.clear {
  clear: both; }

/*********************************************************************************************
                 Style Language
**********************************************************************************************/
body.es #header #headerShortcuts a{

}
body.de #header #headerShortcuts a{

}
body.ru #header #headerShortcuts a{

}
/*********************************************************************************************
								 Header 
**********************************************************************************************/
.header-wrapper,
.head-wrap {
  position: relative;
}
.header-wrapper {height: 340px;}
.header-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 78px;
  background: #292d30;
  left: 0;
}
.header-wrapper:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 41px;
  left: 0;
 /* background: #ededed; 
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #ededed 0%, #ffffff 64%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(64%,#ffffff)); 
  background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 64%); 
  background: -o-linear-gradient(top, #ededed 0%,#ffffff 64%); 
  background: -ms-linear-gradient(top, #ededed 0%,#ffffff 64%); 
  background: linear-gradient(to bottom, #ededed 0%,#ffffff 64%); */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );
}
.head-wrap:after {
  content: "";
  position: absolute;
  top: 250px;
  width: 100%;
  height: 1px;
  /*border-top: 1px solid #e3e3e3; */
  left: 0; 
}

#header {
  padding-top: 25px;
  padding-bottom: 15px;
  position: relative;
  z-index: 2;
}

#header .head_phone {
  font: 400 28px/30px 'Roboto Condensed', sans-serif;
  color: #2359be;
  position: absolute;
  top: 96px;
  right: 309px;
}
#header .head_phone:before {
  position: absolute;
  content: "\f095";
  color: #2399d9;
  font: 400 42px/42px 'FontAwesome';
  top: -5px;
  left: -44px;
  display: inline-block;
}
  /********************** start shoppin cart ************************/
  /********************** end shoppin cart ************************/ 

#header #storeLogo {
    float: left;
    position: relative;
    /*top: 35px;*/
	top: 20px;
	text-align:center;
}

  #header #headerShortcutsTop {
    float: right;
    position: relative;
    right: -4px;
    top: 3px;
    margin-bottom: 20px;
  }

  #headerShortcutsTop .my-account,
  #headerShortcutsTop .btn-login,
  #headerShortcutsTop .btn-logoff {
    position: relative;
    padding: 0!important;
    font: normal 16px/19px 'Roboto Condensed', Arial;
    margin-left: 20px;
    margin-right: 20px;
    background: none!important;
    color: #fff;
      -moz-transition: all 0.4s ease 0s;
      -webkit-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s;
  }

  #headerShortcutsTop .my-account:hover,
  #headerShortcutsTop .btn-login:hover,
  #headerShortcutsTop .btn-logoff:hover{
    background: none!important;
    color: #eed283!important;
  }

  #headerShortcutsTop .my-account:before,
  #headerShortcutsTop .btn-login:before,
  #headerShortcutsTop .btn-logoff:before {
    /*content: "\f007";*/
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #eed283;
    font-size: 14px;
    position: absolute;
    top: 1px;
    left: -18px;
}
  #headerShortcutsTop .btn-login:before{content: "\f023";}
  #headerShortcutsTop .btn-logoff:before{content: "\f09c";}

    #header #headerShortcuts {
      position: relative;
      /*float: right;
      padding: 0 20px;
      border-right: 1px solid #e3e3e3;*/
      text-align: center;
      width: 100%;
      clear: right;
      /*margin: -9px 0 0;*/
      /*top:70px;*/
	  top:55px;
    }
    #header #headerShortcuts li {
      display: inline-block;
    }
    #header #headerShortcuts a {
      font-size: 20px;
      line-height: 80px;
      font-weight: 400;
      font-family: 'Roboto Condensed';
      padding: 0;
      margin:0 12px;
      color: #2399d9;
      float: none;
      -moz-transition: all 0.4s ease 0s;
      -webkit-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s;
  }
   #header #headerShortcuts a:hover,
   #header #headerShortcuts .act a {
    /*color: #fff; */
    background: none;
  }

.headerBoxContainer.search {
    position: absolute;
    right: 15px;
    top: 82px;
}
.headerBoxContainer.search .form-control {
  background: #f6f6f6;
  border:1px solid #e3e3e3;
  box-shadow: none;
  width: 203px!important;
  height: 56px;
  line-height: 56px;
  padding: 0 12px;
}

.headerBoxContainer.search .btn.btn-default {
  color: #877853!important;
  background: #fff;
  border-color: #e3e3e3;
  border-radius: 0;
  color: #333333;
  font: bold 17px/54px 'FontAwesome';
  margin-left: -1px;
  outline: medium none;
  padding: 0 25px;
  text-shadow: none;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.headerBoxContainer.search .btn.btn-default:hover {
  color: #fff!important;
  background: #3cb278;
}

  #header .topRow {
    margin-bottom: 15px;
    /********************** start search ************************/
    /********************** end search ************************/ }
    #header .topRow .currencies,
    #header .topRow .languages {
      overflow: hidden;
      padding-right: 15px;
      float: left; }
      #header .topRow .currencies .headerTitle,
      #header .topRow .languages .headerTitle {
        float: left;
        padding: 2px 10px 0 0;
        font-family: 'Roboto Condensed';
        font-size: 14px;
      }
      #header .topRow .currencies .headerBoxContents,
      #header .topRow .languages .headerBoxContents {
        float: left; }
      #header .topRow .currencies select.form-control,
      #header .topRow .languages select.form-control {
        opacity: 0;
        border: none;
        color: #fff;
        background: none; 
      }
    #header .topRow .languages select.form-control option{
  background:  #596269;
}
.bx-wrapper .bx-loading{
  background:  none;
}

    #header .topRow .headerBoxContainer.search {
      float: right; }
      #header .topRow .headerBoxContainer.search .form-control {
        width: 200px;
        margin-right: 2px;
        float: left; }
      #header .topRow .headerBoxContainer.search .btn-default {
        padding: 4px 10px 5px; }
  #header .header-shopping-cart {
    right: 16px;
    top: 16px;
    position: absolute;
  }
    #header .header-shopping-cart h3 {
      font-size: 19px;
      line-height: 30px;
      font-weight: normal;
      margin: 0;
      font-family: 'Roboto Condensed';
      right: 18px;
      top: 6px;
      color: #fff;
      position: absolute;
      z-index: 1;
    }
  #header .header-shopping-cart > a.box-cart:before {
    content: "\f07a";
    position: absolute;
    color: #877853;
    top: 0;
    left: -102px;
    padding-right: 12px;
    font: 400 47px/47px 'FontAwesome';
    display: inline-block;
    z-index: 0;
      -moz-transition: color 0.4s ease 0s;
      -webkit-transition: color 0.4s ease 0s;
      transition: color 0.4s ease 0s;
  }
  #header .header-shopping-cart > a.box-cart:hover:before {
    color: #6e6244;
  }
    #header .header-shopping-cart > a.box-cart:hover:after {
      opacity: .9;
  }
  #header .header-shopping-cart > a.box-cart:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 46px;
    background: url("../images/cart_img.png") 0 0 no-repeat;
    z-index: 0;
    opacity: 1;
  }

#header .header-shopping-cart h3 span span{
  display: none;
}
#header .header-shopping-cart h3 .productCount {
  padding-left: 0;
  position: relative;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
#header .header-shopping-cart h3 a {
  padding: 0;
  font-size: 19px;
  line-height: 30px;
  display: block;
  color: #fff;
  position: relative;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
 #header .header-shopping-cart > a.box-cart:hover span {color: #000;}

    #header .header-shopping-cart .cart-content {
      display: none;
      position: absolute;
      right: -1px;
      top: 66px;
      width: 270px;
      border: 1px solid #e3e3e3;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
      background: #fff;
      padding: 16px;
      font-size: 15px;
      z-index: 3;
    }
      #header .header-shopping-cart .cart-content ul {
        list-style: none;
        padding: 0;
        margin: 0; }
      #header .header-shopping-cart .cart-content li {
        overflow: hidden;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 10px;
        margin-bottom: 10px; }
        #header .header-shopping-cart .cart-content li .product-image {
          float: left;
          margin-right: 10px; }
          #header .header-shopping-cart .cart-content li .product-image a {
            display: block;
            border: 1px solid #e3e3e3;
            padding: 9px;
            background: #fff;
            padding: 4px; }
            #header .header-shopping-cart .cart-content li .product-image a img {
              background: whitesmoke; }
        #header .header-shopping-cart .cart-content li .product-info {
          position: relative;
          padding-right: 15px;
          overflow: hidden; }
        #header .header-shopping-cart .cart-content li .remove {
          position: absolute;
          right: 0;
          top: 0; }
        #header .header-shopping-cart .cart-content li .price {
          display: block;
          padding: 10px 0 0 0; }
      #header .header-shopping-cart .cart-content .total {
        overflow: hidden; }
        #header .header-shopping-cart .cart-content .total .total-price {
          float: right;
          font-weight: 400; }
      #header .header-shopping-cart .cart-content .cart-button {
        padding: 10px 0 0 0; }
    #header .header-shopping-cart.dropdown h3 a {
      overflow: hidden; }
      #header .header-shopping-cart.dropdown h3 a:after {
        content: '\f107';
        display: inline-block;
        font-family: "FontAwesome";
        float: right;
        margin-left: 5px;
        display: none;
         }
      #header .header-shopping-cart.dropdown h3 a.active:after {
        content: '\f106'; }

.popup-container {
  width: 300px;
  padding: 10px;
  overflow: hidden; }
  .popup-container .product-image {
    border: 1px solid #e3e3e3;
    padding: 9px;
    background: #fff;
    padding: 4px;
    float: left;
    margin-right: 15px; }
    .popup-container .product-image img {
      background: whitesmoke; }
  .popup-container .product-info {
    position: relative;
    overflow: hidden;
    min-height: 153px;
    padding-bottom: 45px; }
  .popup-container .popup-button {
    position: absolute;
    left: 0px;
    bottom: 43px;
    z-index: 1; }
    .popup-container .popup-button .btn {
      padding: 5px 10px;
      font-size: 12px; }
  .popup-container .popup-heading {
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0; }
    .popup-container .popup-heading:before {
      padding-right: 5px;
      font-size: 14px;
      content: '\f00c';
      font-family: "FontAwesome";
      color: #0C3; }

.cat_btn {
  position: relative;
  top:72px;
  overflow: hidden;
  font:400 29px/42px 'Roboto Condensed', Arial, Helvetica, sans-serif;
  text-align: left;
  left:0px;
  text-transform: capitalize;
  color: #877853;
  border-right: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  padding: 20px 26px;
  display: block;
  cursor: pointer;
  width: 270px;
  z-index: 5;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.cat_btn:after {
  position: absolute;
  content: "\f0c9";
  font-size: 21px;
  color: #e3e3e3;
  right: 28px;
  top: 22px;
  font-family: 'FontAwesome';
  display: inline-block;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.cat_btn:hover {color: #3cb278;}
.cat_btn:hover:after{color: #3cb278;}


/*********************************************************************************************
					 	  		Content styles 
**********************************************************************************************/
.content-wrapper {
  padding-bottom: 0px; }

.price {
  font: 400 28px/ 30px 'Roboto Condensed';
  color: #2399d9;
  padding: 0; 
}

.sostavprice {
  font: 400 17px/ 20px 'Roboto Condensed';
  color: #2399d9;
  padding: 0; 
}

.new-price {
  font: 400 28px/ 30px 'Roboto Condensed';
  color: #babcbf;
  padding: 0; 
}

.old-price {
  color: #fd6969;
  font-size: 17px;
  line-height: 21px;
}

.box {
  padding: 15px;
  background: whitesmoke;
  border: 1px solid #e3e3e3;
  margin-bottom: 30px;
  min-height: 380px;
}

ul.rating {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block; }
  ul.rating li {
    padding: 0;
    display: inline-block;
    color: #ef8743; }
    ul.rating li i {
      padding: 0 1px; }

.product-name {
  font-size: 15px;
  overflow: hidden;
  line-height: 50px;
  /*max-height: 50px; */
  font-family: Arial;
  color: #2399d9;
  margin-top: 5px;
  text-align:center;
  display: inline-block; 
}
  .product-name:hover {
    color: #2399d9; }

.module .product-name {
  font-size: 14px; }

.btn {
  outline: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font: 400 15px/19px 'Roboto Condensed', sans-serif;
  color: #292d30;
  background: #f6f6f6;
  border-color: #e3e3e3;
  padding: 17px 60px;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
  .btn:hover, .btn:active, .btn:focus {
    outline: none;
    background: #3cb278;
    border-color: #3cb278;
    color: #fff;
     }

.btn.btn-primary {
  background: #f6f6f6;
  border-color: #e3e3e3;
  color: #292d30;
}
  .btn.btn-primary:hover {
    background: #3cb278;
    border-color: #3cb278;
    color: #fff; 
  }

/***************************************************************************
							Boxes
****************************************************************************/
.module {
  margin-bottom: 20px; 
}
.module .module-heading {
  font: normal 19px/25px "Roboto Condensed", sans-serif;
  text-transform: capitalize;
  border: 1px solid #2399d9;
  margin: 0;
  color: #fff;
  background: #2399d9;
  padding: 26px 30px;
  margin-bottom: 20px;
}
.module .module-heading a {
  font: normal 19px/25px "Roboto Condensed", sans-serif;
  text-transform: capitalize;
  color: #000;
}
.module .module-heading a:hover {
  color: #3cb278;
}

.module .module-heading strong {
      font-weight: normal; }
  .module ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .module .boxproduct li {
    padding: 15px 0;
    border-top: 1px solid #e3e3e3; }
    .module .boxproduct li:first-child {
      border-top: none; }
    .module .boxproduct li .boxproduct-img {
      float: left;
      margin-right: 10px;
      border: 1px solid #e3e3e3;
      padding: 9px;
      background: #fff;
      padding: 4px; }
      .module .boxproduct li .boxproduct-img img {
        background: whitesmoke; }
    .module .boxproduct li .boxproduct-info {
      overflow: hidden; }
  .module .box-list li {
    padding: 5px 0;
    border-top: 1px solid #e3e3e3; }
    .module .box-list li:first-child {
      border-top: none; }

/* Categories box styles */
/* Manufacturers box styles */
/* Search box styles*/
.module.search-box .form-inline {
  position: relative;
  width: 100%; }
.module.search-box .form-group {
  width: 100%;
  padding-right: 41px; }
  .module.search-box .form-group .form-control {
    width: 100%; }
.module.search-box .btn {
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px 10px 7px;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

/* Shopping Cart box */
.module.shopping-cart ul {
  border-bottom: 1px solid #e3e3e3;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0; 
}
  .module.shopping-cart ul li {
    padding: 5px 0;
    border-top: 1px solid #e3e3e3; }
    .module.shopping-cart ul li:first-child {
      border-top: none; }
.module .total {
  text-align: left;
  font-weight: normal; 
}

/* Manufacturers Info box */
.manufacturers-info .manufacturer-logo {
  text-align: center;
  margin-bottom: 15px; }
  .manufacturers-info .manufacturer-logo img {
    margin: 0 auto; }

/* Order History box */
.order-history ul li {
  position: relative;
  padding-right: 15px; }
  .order-history ul li a.remove {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 0; }

/* Notify  box */
.notify-box ul li i {
  font-size: 18px;
  line-height: normal;
  padding-right: 10px; }

/* Reviews box */
.reviews-box i {
  padding-right: 10px; }

/* Socials box */
.socials-box a {
  display: inline-block;
  vertical-align: top; }
  .socials-box a i {
    width: 20px;
    line-height: 20px;
    vertical-align: top;
    font-size: 16px;
    text-align: center; }

/* Tags box */
.tags-box .module-content a {
  display: inline-block;
  margin: 4px 8px 4px 0;
  font-size: 12px; }
  .tags-box .module-content a.weight_1, .tags-box .module-content a.weight_2, .tags-box .module-content a.weight_3 {
    font-size: 100%; }
  .tags-box .module-content a.weight_4, .tags-box .module-content a.weight_5, .tags-box .module-content a.weight_6 {
    font-size: 150%; }
  .tags-box .module-content a.weight_7, .tags-box .module-content a.weight_8, .tags-box .module-content a.weight_9, .tags-box .module-content a.weight_10, .tags-box .module-content a.weight_11 {
    font-size: 200%; }

/* Columns categories block */
.colmn-categories ul {
  margin: 0;
  padding: 0; }
  .colmn-categories ul ul {
    display: none; }
  .colmn-categories ul li {
    padding: 0 0 0 0;
    position: relative;
    border-top: 1px solid #e3e3e3; }
    .colmn-categories ul li a {
      padding: 5px 25px 5px 5px;
      display: block;
      font-size: 15px;
      position: relative; 
    }
      .colmn-categories ul li a:hover, .colmn-categories ul li a.hovered {
        color: #fff;
        background: purple;
         }
    .colmn-categories ul li li a {
      padding-left: 15px; }
      .colmn-categories ul li li a:before {
        content: '\f105';
        font-family: "FontAwesome";
        padding-right: 5px; }
    .colmn-categories ul li li li a {
      padding-left: 25px; }
  .colmn-categories ul li.hasChild i {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 25px;
    height: 25px;
    display: block;
    background: none;
    cursor: pointer;
    font-style: normal;
    text-align: center;
    line-height: 27px; 
  }
    .colmn-categories ul li.hasChild i:before {
      content: '\f101';
      font-family: "FontAwesome";
      width: 100%;
      height: 100%;
      font-size: 15px;
      text-align: center;
      vertical-align: middle; 
      color: #3cb278;
    }
    .colmn-categories ul li.hasChild:hover i:before {
      color: #eed283;
    }
    .colmn-categories ul li.hasChild i.opened:before {
      content: '\f101'; }
  .colmn-categories ul li.active > a {
    background: #3cb278;
    color: #fff; }
.colmn-categories > ul > li:first-child {
  border-top: none; }

/***************************************************************************
							End Boxes
****************************************************************************/
/********************************************************************************
						Content styles
********************************************************************************/

#centerColumn {
    margin-top: 0px;
}

.welcome-block {
  padding-bottom: 20px; }

.page-heading {
  font: normal 19px/25px "Roboto Condensed", sans-serif;
  text-transform: capitalize;
  border: 1px solid #2399d9;
  margin: 0;
  color: #fff;
  background: #2399d9;
  padding: 26px 30px 27px;
}
  .page-heading strong {
    font-weight: normal; }
  .page-heading.product-list {
    margin-bottom: 15px; }

.page-subheading {
  font: normal 15px/18px 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  border-bottom: 2px solid black;
  margin: 0 0 30px 0;
  padding: 0 0 10px 0;
  border-color: #e3e3e3; 
}
  .page-subheading strong {
    font-weight: normal; }

/* Blocks styles */
.block-content > ul {
  list-style-type: none;
  padding: 0;
  margin:0;
  /*margin-bottom: 0;*/ }
  .block-content > ul li {
    margin-bottom: 30px; }
    .block-content > ul li .product-image-box {
      text-align: center;
      }
      .block-content > ul li .product-image-box a {
        display: block; 
      }

/* Upcomming products */
.module .upcommingList {
  margin: 0 -15px; }
  .module .upcommingList li {
    overflow: hidden;
    text-align: center; }
    .module .upcommingList li:first-child {
      border: none; }
    .module .upcommingList li div.date-avalible {
      font-weight: 700;
      font-size: 14px;
      background: whitesmoke;
      border: 1px solid #e3e3e3;
      padding: 3px 5px;
      margin-bottom: 5px;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.1); }
    .module .upcommingList li .boxproduct-img {
      display: block;
      border: 1px solid #e3e3e3;
      padding: 9px;
      background: #fff;
      padding: 4px; }
      .module .upcommingList li .boxproduct-img img {
        background: whitesmoke; }
      .module .upcommingList li .boxproduct-img img {
        width: 100%;
        height: auto; }

/* Product Gategories page */
.subcategories-listing {
  text-align: center; }
  .subcategories-listing span.product-name {
    display: block;
    padding: 10px 0 0 0; }

/*  Products listing panel */
.listing-panel {
  padding: 10px 0; }
  .listing-panel.top-panel {
    margin-bottom: 30px;
    border-bottom: 1px solid #e3e3e3; }
  .listing-panel.top-panel.top-view {
    border-top: 1px solid #e3e3e3; }
  .listing-panel.bottom-panel {
    margin-top: 0;
    border-top: 1px solid #e3e3e3; }
  .listing-panel .displayText {
    padding-top: 8px; }
  .listing-panel .resultText {
    display: inline-block;
    vertical-align: top;
    padding: 8px 10px 0 0;
    float: right; }
  .listing-panel .pagination {
    margin: 0;
    float: right;
    position: relative;
    z-index: 1; }

/********************* Pagination *************************/
.pagination li:first-child a,
.pagination li:first-child span {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0; }
.pagination li:last-child a,
.pagination li:last-child span {
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }
.pagination > li > a,
.pagination > li > span {
  background: #f8f8f8;
  border-color: #e3e3e3;
  color: #333333; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    color: #fff;
    border-color: #3cb278;
    background: #3cb278; 
  }
.pagination > .active > a,
.pagination > .active > span {
    color: #fff;
    border-color: #3cb278;
    background: #3cb278;  }
  .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    color: #fff;
    border-color: #3cb278;
    background: #3cb278; }

.product-listing .product-image {
  padding: 9px;
  background: #fff; }
  .product-listing .product-image img {
    background: white; }
.product-listing.grid > li {
  margin-bottom: 30px;
  /*padding: 30px 0;*/
  border: 1px solid #e3e3e3;
  min-height: 435px;
  margin-left: -1px;
  width: 291px;
  background:#fff;
}
.product-listing.grid li:first-child,
.product-listing.grid li:first-child{
  clear: none;
  /*margin-left:15px; */
  background:#fff;
}

.product-listing.grid .product-image-box {
  margin-bottom: 1px; 
  padding-top: 26px;
}
.product-listing.grid .product-content {
  /*padding: 20px 20px 0px; */
  padding-top:20px;
  text-align:center;
}
.product-listing.grid .product-info-row {
  overflow: hidden;
  display: block;
  font: 400 28px/30px 'Roboto Condensed';
  color: #babcbf;
  padding: 0;  
  text-align:center;
}
.product-listing.grid .product-info-row .manufacturer-name,
.product-listing.grid .product-info-row .date {
  display: none;
}
  .product-listing.grid .product-info-row span.info-text {
    padding-right: 5px;
    display: none;
  }
.product-listing.grid .description-grid {
  display: none; 
  font: 400 14px/19px 'Roboto Condensed';
}

.product-listing.grid .button-container {
  padding: 0px 27px 0;
}
.product-listing.grid .button-container a {
  margin-top: 10px; }
.product-listing.grid li.first-in-line {
  clear: left; 
  margin-left: 15px;
}
.product-listing.list > li {
  margin-bottom: 0; 
  background:#fff; 
 }
  .product-listing.list > li .product-container {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #e3e3e3; 
  }
  .product-listing.list > li:first-child .product-container {
    padding-top: 0;
    border: none; }
.product-listing.list .product-info-row {
  padding: 5px 0; }
  .product-listing.list .product-info-row .info-text {
    padding-right: 5px; }
.product-listing.list .description-list {
  display: block; }
.product-listing.list .button-container a {
  float: left;
  clear: left;
  margin-bottom: 10px; }
.product-listing .product-description {
  display: none; 
}

/*********************************************************************************
              New Product & Featured Product
**********************************************************************************/

.block-content.home_new .product-listing.grid .description-grid,
.block-content.home_feat .product-listing.grid .description-grid {
  display: none;
}
.home_feat.block-content > ul li .product-image-box a,
.home_new.block-content > ul li .product-image-box a{
  /*margin: 5px;*/
  margin: -15px;
}
.block-content.home_new,
.block-content.home_feat {
  margin-top: -1px;
}

.block-content.home_new .product-listing.grid li:first-child,
.block-content.home_feat .product-listing.grid li:first-child{
  clear: none;
  margin-left:0; 
}
.block-content.home_new .product-listing.grid li,
.block-content.home_feat .product-listing.grid li {
  clear: none;
  width: 235px;
  border-color: #2399d9;
  background:#fff;
}
.block-content.home_new .product-listing.grid > li,
.block-content.home_feat .product-listing.grid > li {
    width: 235px;
}

/*********************************************************************************
             
**********************************************************************************/
ul#view {
  margin: 7px 0 14px 0;
  padding: 0;
  float: right; }
  ul#view > li {
    margin: 0 0 0 5px;
    float: left;
    font-size: 28px;
    cursor: pointer;
    color: #333333; }
    ul#view > li.selected {
      cursor: default;
      color: #777777; }
    ul#view > li:hover {
      color: #777777; }

/* Categories Product listing */
form.form-group.filter {
  width: 300px;
  display: inline-block; }

/*********************************************************************************
						 Page product info
**********************************************************************************/
.bottom-navigation {
  overflow: hidden; }

.page-product-name {
  font-size: 18px;
  padding: 0;
  margin: 0 0 15px 0; }
  .page-product-name .productModel {
    display: block;
    font-size: 70%;
    padding: 5px 0 0 0; }

.page-product-price {
  margin: 0 0 15px 0;
  line-height: normal; }
  .page-product-price .price {
    font-size: 25px; }
    .page-product-price .price.old-price {
      font-size: 20px; }

h4.subheading {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 10px 0; }

.product-action-inner {
  padding: 15px;
  background: whitesmoke;
  border: 1px solid #e3e3e3; }
  .product-action-inner .buttonAction {
    display: block;
    margin-bottom: 15px; }

.product-socials {
  padding: 20px 0; }

.productThumbsWrapper {
  overflow: hidden;
  margin-top: 10px; }
  .productThumbsWrapper #productThumbs {
    list-style: none;
    padding: 0;
    margin: 0px -4px 0 -4px;
    overflow: hidden; }
    .productThumbsWrapper #productThumbs li {
      float: left;
      padding: 0 4px 8px; }
      .productThumbsWrapper #productThumbs li a {
        display: block;
        border: 1px solid #e3e3e3; }
        .productThumbsWrapper #productThumbs li a img {
          background: #fff; }
        .productThumbsWrapper #productThumbs li a.active {
          border-color: black; }

.gallery {
  position: relative; }
  .gallery .product-img-wrap {
    display: inline-block;
    border: 1px solid #e3e3e3;
    position: relative;
    z-index: 1; }
  .gallery .product-image {
    max-width: 100%;
    display: inline-block;
    background: #fff; }
  .gallery #allImages {
    text-align: center;
    font-size: 18px;
    color: #333333; }
    .gallery #allImages i {
      cursor: pointer; }
      .gallery #allImages i:hover {
        color: #777777; }
    .gallery #allImages.closed .opened {
      display: none; }
    .gallery #allImages.opened .closed {
      display: none; }

.zoomContainer {
  z-index: 1; }

.oneImage .product-image {
  border: 1px solid #e3e3e3; }

.zoomLens {
  max-width: 100%; }

#fancybox-wrap {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

.productSlider li {
  padding: 0;
  margin-right: 20px;
  width: 192px; }
  .productSlider li .product-image-box {
    margin-bottom: 15px; }

.purchased-box .bx-wrapper, .related-product .bx-wrapper {
  margin-left: 0 !important; }
.purchased-box .bx-wrapper .bx-viewport, .related-product .bx-wrapper .bx-viewport {
  left: 0;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
.purchased-box .bx-controls-direction a, .related-product .bx-controls-direction a {
  text-indent: 0;
  background: none;
  color: #333333; }
  .purchased-box .bx-controls-direction a:before, .related-product .bx-controls-direction a:before {
    content: '\f138';
    font-family: "FontAwesome";
    display: block;
    font-size: 32px;
    line-height: 32px; }
  .purchased-box .bx-controls-direction a:hover, .related-product .bx-controls-direction a:hover {
    color: #777777; }
  .purchased-box .bx-controls-direction a.bx-prev, .related-product .bx-controls-direction a.bx-prev {
    left: 0; }
    .purchased-box .bx-controls-direction a.bx-prev:before, .related-product .bx-controls-direction a.bx-prev:before {
      content: '\f137'; }
  .purchased-box .bx-controls-direction a.bx-next, .related-product .bx-controls-direction a.bx-next {
    right: 0; }

.related-product .related-row {
  padding: 5px 0; }

.tags-container .block-content a {
  margin: 4px 8px 4px 0; }

#productReviews > ul > li h4 {
  margin: 0 0 10px 0; }

/*******************************************************************************************
						 		Review pages
*******************************************************************************************/
/*	Reviews listing	*/
.reviewsPage > ul > li {
  padding: 15px 0;
  border-top: 1px solid #e3e3e3;
  margin: 0 0 0 0; }
  .reviewsPage > ul > li:first-child {
    border: none; }
.reviewsPage .reviewImage .product-image {
  display: block;
  border: 1px solid #e3e3e3;
  padding: 9px;
  background: #fff; }
  .reviewsPage .reviewImage .product-image img {
    background: whitesmoke; }

 .block-content.reviewsPage {
  margin-top: 20px;
 } 

/* Product reviews */
.reviewTopRow {
  padding: 0 0 0px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
  padding-right: 15px;
}

.reviewImageBlock {
  text-align: center;
  margin-bottom: 15px; }
  .reviewImageBlock .reviewImage {
    margin-bottom: 15px; }
    .reviewImageBlock .reviewImage a {
      border: 1px solid #e3e3e3;
      padding: 9px;
      background: #fff;
      display: block; }
      .reviewImageBlock .reviewImage a img {
        background: whitesmoke; }

.reviewContent .reviews-list h4 {
  margin: 0 0 15px 0; }
.reviewContent .reviews-list > ul > li {
  padding: 10px 0;
  border-top: 1px solid #e3e3e3;
  margin: 0; }
  .reviewContent .reviews-list > ul > li:first-child {
    border: none;
    padding-top: 0; }
.reviewContent .reviewRating {
  padding: 0px 0 15px; }

.review-row {
  padding: 10px 0; }
  .review-row .form-control {
    margin-bottom: 10px; }

.review-row input[type="radio"] {
  margin: 4px 0 0;
  vertical-align: top;
}

/******************************************************************************************************
											 Accounts pages
*******************************************************************************************************/
.accountLinkList {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0; }
  .accountLinkList li {
    padding-bottom: 5px; }
    .accountLinkList li a {
      overflow: hidden;
      display: block;
      border: 1px solid #e3e3e3; }
      .accountLinkList li a i {
        float: left;
        display: block;
        height: 30px;
        width: 30px;
        border-right: 1px solid #e3e3e3;
        line-height: 30px;
        text-align: center; }
      .accountLinkList li a span {
        line-height: 30px;
        padding-left: 10px; }
      .accountLinkList li a:hover {
        background: whitesmoke; }
        .accountLinkList li a:hover i {
          background: #333333;
          color: #fff; }

.account .form-group,
.send-a-friend .form-group,
.checkout-address .form-group,
.checkout-payment-address .form-group {
  max-width: 300px; }

.address-book .module-content {
  padding-bottom: 20px; }
.address-book .alert-info {
  margin-bottom: 0; }

/**************************** conditions, shipping, privacy ******************/
.info-heading {
  color: #555454;
  font: 600 17px/21px 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  margin: 15px 0 20px 0; 
}

.info-box {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 18px; }

/****************************** Order history ********************************/
.table-date {
  width: 100px; }

/*****************************  Search *******************************************/
.advanced-search .button-box {
  margin-bottom: 15px; }

/****************************** Info pages **************************************/
.text-box {
  padding-bottom: 20px; }

/***************************** Cookies page *************************************/
.bottom-indent {
  margin-bottom: 15px; }

/************************** Manufacturers listing *******************************/
.manufacturers-listing > ul > li {
  margin: 0; }
  .manufacturers-listing > ul > li .inner-content {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #e3e3e3; }
    .manufacturers-listing > ul > li .inner-content .products-link {
      border-left: 1px solid #e3e3e3; }
  .manufacturers-listing > ul > li:first-child .inner-content {
    padding-right: 0;
    border-top: none; }

/**********************************************************************************
						 	Checkout pages
***********************************************************************************/
.shopping-cart .product-image {
  padding: 19px;
  border-right: 1px solid #e3e3e3; }
  .shopping-cart .product-image a {
    display: block;
    border: 1px solid #e3e3e3;
    padding: 9px;
    background: #fff;
    padding: 4px; }
    .shopping-cart .product-image a img {
      background: whitesmoke; }
      .text-center.align-middle.td-delete i{
        font-size: 20px;
      }
.shopping-cart .product-name-td {
  padding: 19px; }
.shopping-cart .td-delete {
  font-size: 23px; }
.shopping-cart .td-price .price {
  font-size: 13px; }
.shopping-cart .quantity {
  text-align: center; }
  .shopping-cart .quantity .form-control {
    max-width: 50px;
    text-align: center;
    margin: 0 auto 5px; }
.shopping-cart .sub-total {
  padding-bottom: 10px; }
  .shopping-cart .sub-total .subtotal-text,
  .shopping-cart .sub-total .price {
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 30px;
    vertical-align: middle;
    border: 1px solid #e3e3e3; }
  .shopping-cart .sub-total .subtotal-text {
    border-right: none;
    background: whitesmoke; }
.shopping-cart .shopping-cart td.no-padding {
  padding: 0; }

.checkout-shipping .table tr.moduleRow,
.checkout-shipping .table tr.moduleRowOver,
.checkout-payment .table tr.moduleRow,
.checkout-payment .table tr.moduleRowOver {
  background: whitesmoke; }
  .checkout-shipping .table tr.moduleRow > td,
  .checkout-shipping .table tr.moduleRowOver > td,
  .checkout-payment .table tr.moduleRow > td,
  .checkout-payment .table tr.moduleRowOver > td {
    padding: 5px 10px !important; }
.checkout-shipping .table tr.moduleRowSelected,
.checkout-payment .table tr.moduleRowSelected {
  background: green;
  color: #fff; }
  .checkout-shipping .table tr.moduleRowSelected > td,
  .checkout-payment .table tr.moduleRowSelected > td {
    padding: 5px 10px !important; }

.order-steps-name {
  width: 100%; }
  .order-steps-name tr td {
    width: 33%;
    padding: 5px 0 5px;
    text-align: center; }

#coProgressBar {
  height: 24px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 3px;
  border-color: #e3e3e3; }
  #coProgressBar .ui-progressbar-value {
    margin: 0;
    background: #3C6;
    position: relative;
    z-index: 1;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }
    #coProgressBar .ui-progressbar-value:after {
      content: '.';
      text-indent: -5000px;
      position: absolute;
      right: -12px;
      top: 0;
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 0 8px 12px;
      border-color: transparent transparent transparent #3C6; }
  #coProgressBar.last-step .ui-progressbar-value:after {
    display: none; }

.checkoutBarCurrent, .checkoutBarFrom {
  color: green;
  font-weight: bold; }

/************************************* Banners boxes **************************************/
.banner-box-wrapper{
  margin: 0 auto;
  width: 1170px;
}
.banner-box{
  width: 105%;
  position: relative;
  margin: 0;
  padding-top: 15px;
}

.banner-box ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.banner-box ul li {
  position: relative;
  overflow: hidden;
  float: left;
  width: 370px;
  text-align: center;
  margin-bottom: 30px;
  margin-right: 30px;
  padding: 15px 12px 32px;
  border: 1px solid #e3e3e3;
  box-shadow: 0 0 20px #ededed;
}

.banner-box img{
  width: 100%;
  height: 100%; 
  transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transition: all 900ms ease-in-out;
  -moz-transition: all 900ms ease-in-out;
  transition: all 900ms ease-in-out;
}
.banner-box ul li:hover img {
   transform: scale(1.08);
   -webkit-transform: scale(1.08);
   -o-transform: scale(1.08);
   -moz-transform: scale(1.08);
   -webkit-transition: all 900ms ease-in-out;
   -moz-transition: all 900ms ease-in-out;
   transition: all 900ms ease-in-out;
}

.banner-box ul li .item_html h2 {
  font: normal 39px/39px 'Roboto Condensed', sans-serif;
  color: #877853;
  margin: 0;
  text-align: center;
  z-index: 1;
  position: relative;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.banner-box ul li:hover h2 {
  color: #3cb278;
}

/*******************************************************************************************
									Footer styles
********************************************************************************************/
.footer-wrapper {
  color: #877853;
  padding: 37px 0 0;
  position: relative;
  margin-top: 10px;
  background:#fff;
}
.footer-wrapper:after {
  content: "";
  border-top: 1px solid #e3e3e3;
  width: 100%;
  top: 0;
  position: absolute;
  display: inline-block; 
}
.footer-wrapper:before {
  content: "";
  border-top: 1px solid #e3e3e3;
  width: 100%;
  bottom: 86px;
  position: absolute;
  display: inline-block; 
} 
.footer-wrapper a {
  color: #2399d9;
  font: 400 16px/25px 'Roboto Condensed', sans-serif; 
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.footer-wrapper a:hover {
  color: #3cb278; 
}
.footer-copyright {
  color: #2399d9;
  font: 400 16px/35px 'Roboto Condensed', sans-serif;
  margin-bottom: 23px;
}
.footer-copyright a {
  color: #babcbf;
}

  .footer-wrapper .footer-boxes {}
    .footer-wrapper .footer-boxes > .row {
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 0; }
  .footer-wrapper .footer-box h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-family: "Roboto Condensed", sans-serif; }
  .footer-wrapper .footer-box ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .footer-wrapper .footer-box ul li {
      font-family: 'Roboto Condensed';
      font-size: 16px;
      line-height: 25px;
      margin: 0;
      color:#2399d9;
    }
    .footer-wrapper .footer-box ul li strong {font-weight: 400;}

.button-container .cart {
  position: relative;
  overflow: hidden;
  background: #eed283;
  color: #fff;
  width: 55px;
  height: 55px;
  line-height: 55px;
  padding: 0;
  text-align: left;
  border: none;
  margin-right: 4px;
  margin-top: 0;
  text-indent: -200px;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.button-container .cart:after {
  position: absolute;
  content: "\f07a";
  right: -156px;
  line-height: 55px;
  font-size: 31px;
  color: #fff;
  font-family: 'FontAwesome';
  display: inline-block;
  text-shadow: none;
}


.button-container .cart:hover {
  background: #3cb278;
}
.home_new .button-container a,
.home_feat .button-container a{margin-right: 4px;}

.footer-box {
    padding-bottom: 64px;
}
.buttonSet #tdb10,
.buttonAction #tdb11 {
  padding: 0 28px;
  line-height: 53px;
}
.buttonAction #tdb10 {
  padding: 0 15px;
}

#loginModules {
  margin-top: 20px;
}

.reviewImageBlock .button-container .cart.btn.btn-primary {
  text-align: left;
  display: block;
}

.block-content > .form-group {
  margin-top: 20px;
}

.shopping-cart .refresh{
  padding:13px 18px; 
}
.extra_margin {
  margin-bottom: 23px;
}
.account-edit {
  margin-top: 23px;
}

.productSlider .product-container {
    text-align: center;
}

.banner-box ul li a:hover .item_html h2 {
  -webkit-animation: 600ms linear  0s normal none 1 moveFromBottom;
  -moz-animation: 600ms linear  0s normal none 1 moveFromBottom;
  -ms-animation: 600ms linear  0s normal none 1 moveFromBottom;
  -o-animation: 600ms linear  0s normal none 1 moveFromBottom;
  animation: 600ms linear  0s normal none 1 moveFromBottom;
}

@keyframes moveFromRight{
  0% {
    opacity: 0;
    transform: translateX(200%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes  moveFromRight{
  0% {
    opacity: 0;
    -webkit-transform: translateX(200%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@keyframes moveFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-200%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes  moveFromLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@keyframes moveFromLeftIcon {
  0% {
    opacity: 0;
    transform: translateX(-200%);
  }
  50%{
    opacity: 0;
    transform: translateX(-200%), rotateY(-180deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0%), rotateY(-180deg);
  }
}
@-webkit-keyframes moveFromLeftIcon {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200%);
  }
  50%{
    opacity: 0;
    -webkit-transform: translateX(-200%), rotateY(-180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%), rotateY(-180deg);
  }
}
@keyframes moveFromTop {
  0% {
    opacity: 0;
    transform: translateY(-200%);
  }
  50% {
    opacity: 0.5;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@-webkit-keyframes moveFromTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200%);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}
@keyframes moveFromBottom {
  0% {
    opacity: 0;
    transform: translateY(200%);
  }
  50% {
    opacity: 0.5;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@-webkit-keyframes moveFromBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200%);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}
@keyframes ScaleFromLargeEffect {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes ScaleFromLargeEffect {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes FromBackground {
  0% {
    background: #d41616;
  }
  50% {
    background: #fe9d9d;
  }
  100% {
    background: #fff;
  }
}
@-webkit-keyframes FromBackground {
  0% {
    background: #d41616;
  }
  50% {
    background: #fe9d9d;
  }
  100% {
    background: #fff;
  }
}