/**



* Transition-timing-function property@mixin 



*/



/*background RGBA



============================================*/



/****/



/* RIGHT TO LEFT */



/**



 * Web Application Prefix Apply For Making Owner Styles



 */



/**



 *   Blocks Layout Selectors 



 */



/***********************************************************************/



/** CHECKOUT BY STEP */



/*************** Home page 4 ***************/



/* Header */



#page {



  overflow: hidden;



}







/* Carousel */



.owl-theme .owl-controls .owl-buttons,



.carousel-control {



  top: -40px;



}







/* Product list */



.product-list-sidebar {



  margin: 0;



}



.product-list-sidebar .product-block .product-meta {



  padding: 0;



}







.block.today-deals, .block.best-sellers {



  margin-bottom: 18px;



}



.block.img-home4 {



  margin-bottom: 18px;



}



.block.best-sellers .product-list-sidebar.product_list {



  margin: 0;



}







.new-arrivals .tab-content .block {



  margin-bottom: 15px;



}







/* Image */



.img-special {



  margin-bottom: 18px;



}







/* Menu Sidebar */



.float-vertical .title_block {



  padding: 16px 20px;



}



.float-vertical .title_block:after {



  content: "\f107";



  font-size: 16px;



  font-family: "FontAwesome";



  position: absolute;



  right: 10px;



  color: white;



}



.rtl .float-vertical .title_block:after {



  left: 10px;



  right: auto;



}



.float-vertical > .block_content {



  background: #393f46;



 /* display: none; */



  position: absolute;



  width: 100%;



  z-index: 99;



  -webkit-transition: height 0.4s ease 0s;



  transition: height 0.4s ease 0s;



}



.float-vertical:hover .title_block:after {

  font-family: "FontAwesome";

  content: "\f106";

    content: "\f107";



}



.float-vertical:hover > .block_content {



  display: block;



}



.float-vertical .float-vertical-button {



  border: none;



}







.leo-verticalmenu > .block_content .navbar-nav > li > a {



  border-bottom: 1px dotted rgba(255, 255, 255, 0.2);



  color: white;



  padding: 15px 10px 14px 20px;



  line-height: 20px;



}



.leo-verticalmenu > .block_content .navbar-nav > li > a .menu-title {



  color: white;



}



.leo-verticalmenu > .block_content .navbar-nav > li > a:hover, .leo-verticalmenu > .block_content .navbar-nav > li > a:focus {



  background: #272727;



  color: #008cdc;



}



.leo-verticalmenu > .block_content .navbar-nav > li:hover > a, .leo-verticalmenu > .block_content .navbar-nav > li:hover > a:hover, .leo-verticalmenu > .block_content .navbar-nav > li:hover > a:focus {



  background: #272727;



}



.leo-verticalmenu > .block_content .navbar-nav > li:hover > a .menu-title, .leo-verticalmenu > .block_content .navbar-nav > li:hover > a:hover .menu-title, .leo-verticalmenu > .block_content .navbar-nav > li:hover > a:focus .menu-title {



  color: #008cdc;



}







div.active-hover ul > li:hover > .dropdown-menu {



  left: 100%;



  top: -1px;



  opacity: 1;



  filter: alpha(opacity=100);



  display: block;



}







/*Reassurances HTML */



.reassurances {



  margin-top: 30px;



}







/*******************



	Responsive



********************/



@media (max-width: 1199px) {



  .widget-category_image {



    padding: 50px 18px;



    min-height: 270px;



  }







  .tabs-top .nav-tabs > li > a {



    padding: 7px 12px;



  }



}



@media (max-width: 991px) {



  #header_logo {



    margin-bottom: 20px;



  }



}



@media (max-width: 768px) {



  .leo-megamenu .navbar-header .navbar-toggle {



    color: white;



    margin: 5px 0;



  }







  .tabs-top .title_block {



    float: none;



    text-align: center;



  }







  .tabs-top .nav-tabs {



    padding-bottom: 10px;



  }



}



@media (max-width: 598px) {



  .widget-category_image {



    padding: 25px 15px;



    min-height: 270px;



  }



}



@media (max-width: 480px) {



  #leo-megamenu {



    position: absolute;



    top: -118px;



  }



}



/*****************************



	Skin



******************************/



.skin1 .reassurances .icon-name {



  color: #03a9f4;



}



.skin1 .tabs-top {



  border-top-color: #03a9f4;



}



.skin1 .leo-verticalmenu > .block_content .navbar-nav > li > a:hover, .skin1 .leo-verticalmenu > .block_content .navbar-nav > li > a:focus {



  color: #03a9f4;



}



.skin1 .leo-verticalmenu > .block_content .navbar-nav > li:hover > a .menu-title, .skin1 .leo-verticalmenu > .block_content .navbar-nav > li:hover > a:hover .menu-title, .skin1 .leo-verticalmenu > .block_content .navbar-nav > li:hover > a:focus .menu-title {



  color: #03a9f4;



}







.skin2 .reassurances .icon-name {



  color: #7cb342;



}



.skin2 .tabs-top {



  border-top-color: #7cb342;



}



.skin2 .leo-verticalmenu > .block_content .navbar-nav > li > a:hover, .skin2 .leo-verticalmenu > .block_content .navbar-nav > li > a:focus {



  color: #7cb342;



}



.skin2 .leo-verticalmenu > .block_content .navbar-nav > li:hover > a .menu-title, .skin2 .leo-verticalmenu > .block_content .navbar-nav > li:hover > a:hover .menu-title, .skin2 .leo-verticalmenu > .block_content .navbar-nav > li:hover > a:focus .menu-title {



  color: #7cb342;



}







.skin3 .reassurances .icon-name {



  color: #afb42b;



}



.skin3 .tabs-top {



  border-top-color: #afb42b;



}



.skin3 .leo-verticalmenu > .block_content .navbar-nav > li > a:hover, .skin3 .leo-verticalmenu > .block_content .navbar-nav > li > a:focus {



  color: #afb42b;



}



.skin3 .leo-verticalmenu > .block_content .navbar-nav > li:hover > a .menu-title, .skin3 .leo-verticalmenu > .block_content .navbar-nav > li:hover > a:hover .menu-title, .skin3 .leo-verticalmenu > .block_content .navbar-nav > li:hover > a:focus .menu-title {



  color: #afb42b;



}







.skin4 .reassurances .icon-name {



  color: #f1663a;



}



.skin4 .tabs-top {



  border-top-color: #f1663a;



}



.skin4 .leo-verticalmenu > .block_content .navbar-nav > li > a:hover, .skin4 .leo-verticalmenu > .block_content .navbar-nav > li > a:focus {



  color: #f1663a;



}



.skin4 .leo-verticalmenu > .block_content .navbar-nav > li:hover > a .menu-title, .skin4 .leo-verticalmenu > .block_content .navbar-nav > li:hover > a:hover .menu-title, .skin4 .leo-verticalmenu > .block_content .navbar-nav > li:hover > a:focus .menu-title {



  color: #f1663a;



}