/*#region Global style*/
@font-face {
  font-family: Samim;
  src: url("../fonts/Samim.eot");
  src: url("../fonts/Samim.eot?#iefix") format('embedded-opentype'),
       url("../fonts/Samim.woff") format('woff'),
       url("../fonts/Samim.ttf") format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: Samim;
  src: url("../fonts/Samim-Bold.eot");
  src: url("../fonts/Samim-Bold.eot?#iefix") format('embedded-opentype'),
       url("../fonts/Samim-Bold.woff") format('woff'),
       url("../fonts/Samim-Bold.ttf") format('truetype');
  font-weight: bold;
}

body{
  margin: 0;
  padding: 0;
  font-family: 'Samim', sans-serif;
  font-size: 14px;
  color: #505050;
  background-color: #fff;
  overflow-x: hidden;
}

/***********Default setting************/

a,i,form button{ outline: none;  text-decoration: none; -webkit-transition : all 0.2s linear 0s; -moz-transition : all 0.2s linear 0s; -ms-transition : all 0.2s linear 0s; -o-transition : all 0.2s linear 0s; transition : all 0.2s linear 0s}
a:hover,a:active{text-decoration: none; color: #FF393A;outline: none;}
a:visited,a:link{text-decoration: none;outline: none;}
a{color: #7A7979}
i,span,label,a{display: inline-block}
ul{list-style: none !important; list-style-type: none !important; margin: 0; padding: 0}
h1,h2,h3,h4,h5,h6{  font-size: 14px;  margin: 0;  padding: 0}
.border-radius{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
*,a,span,label,i,p,div{font-weight: normal !important}

.top-menu ul:after,.main-menu .container ul:after,.last-news-side ul li:after,.last-news-section ul li:after,
.access-links ul:after,.comment-layer ul li:after{display: block; clear: both; content: ''; visibility: hidden; height: 0; line-height: 0}
.comment-layer,
.comment-layer,.comment-layer header span,.comment-layer ul li,
.comment-layer ul li img,.comment-layer ul li .answer-button,
.comment-form div input,.comment-form input[type="submit"],
.comment-form textarea{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.comment-layer .nav{padding: 0px 1px 0 0 !important;}

.margin-top-20{margin-top: 20px}
.margin-top-25{margin-top: 25px}
.margin-top-30{margin-top: 30px}
.margin-top-60{margin-top: 60px}
.intro-row{width: 100%;}
.margin-bottom-40{margin-bottom: 40px;}
.basket-style .tbl-head ul:after,
.basket-style .tbl-body ul:after,.basket-style .tbl-body ul li:first-child:after{display: block; clear: both; content: ''; visibility: hidden; height: 0; line-height: 0}
/*#endregion*/

/*#region top-menu*/
.top-menu{border-bottom: 1px solid #DDD;}
.header-link{float: right;}
.header-link ul{list-style-type: none;display: inline-block;}
.header-link ul li{display: inline-block;border-right: 1px solid #DDD;}
.header-link ul li:last-child{border-left: 1px solid #DDD;}
.header-link ul li a {display: block;padding: 0 10px;height: 30px;line-height: 30px;color: #333;text-align: center;text-decoration: none;transition: all 0.2s;}
.header-link ul li a:hover ,.header-social ul li a:hover{color: #ef233c;transition: all 0.2s;}
.header-link ul li a span{ color: #fff;background-color: #e83f33;margin-right: 6px;width: 25px;height: 25px;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;line-height: 23px;text-align: center;position: relative;top: -1px;}

.header-social{float: left;}
.header-social ul{list-style-type: none;display: inline-block;}
.header-social ul li{display: inline-block;border-left: 1px solid #DDD;}
.header-social ul li:first-child{border-right: 1px solid #DDD;}
.header-social ul li a {display: block;width: 30px;height: 30px;color: #333;text-align: center;text-decoration: none;transition: all 0.2s;}
.header-social ul li a > i{line-height: 30px;font-size: 16px;}
/*#endregion*/

/*#region main-header*/
.main-header{padding: 15px 0} 
.main-header .logo{float: right;margin-left:20px} 
.main-header .left-side{float: right;} 
.main-header .left-side h1{font-size: 20px;color: #646464;padding-bottom: 10px;padding-top: 5px} 
.main-header .left-side h2{font-size: 14px;color: #898888;} 
.main-header form{float: left;background-color: #fff;border:3px solid #dfdfdf;width: 100%;position: relative;margin-top: 10px} 
.main-header form input,.archive-header form input{width: 100%;border:0;line-height: 25px;padding: 8px 15px 8px 60px;color: #898888;} 
.main-header form button,.archive-header form button{position: absolute;left: 1px;top: 0px;border:0;line-height: 39px;text-align: center;width: 45px;font-size: 22px;border-right: 1px solid #dfdfdf;background-color: #e83f33;color: #fff;} 
.archive-header form button:hover{color: #FF393A} 

/*#endregion*/

/*#region Responsive Megamenu*/

/*#region Default Style*/
.none {display: none;}
.block {display: block !important;}
.flex {display: flex;}
.z-index{z-index:10000 !important;}
#navigation{z-index: 10000 !important;}
html {box-sizing: border-box;}
body {direction: rtl;}
body.active {overflow: hidden;}
*, *::before, *::after {box-sizing: inherit;}
ul, li {list-style: none;}
.myContainer {max-width: 100%;}

/*#endregion Default Style*/

/*#region Navigation*/
.mobile-nav {position: fixed;top: 0;right: 0;z-index:10000;left: 0;display: flex;justify-content: space-between;align-items: center;background-color: #f7f8fa;box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .095);width: 100%;padding: 1em 2em;}
.mobile-nav h3 {display: block;margin: 0;padding: 0;}
.toggle-btn img {border-radius: 50%;display: block;}
#toggle {display: block;width: 28px;height: 30px;}
#toggle span:after,
#toggle span:before {content: "";position: absolute;left: 0; top: -9px;}
#toggle span:after {top: 9px;}
#toggle span {position: relative;top: calc(100% - 16px);display: block;}

#toggle span,
#toggle span:after,
#toggle span:before {width: 100%;height: 5px;background-color: #888;transition: all 0.3s;backface-visibility: hidden;border-radius: 2px;}

/* on activation */
#toggle.on span {background-color: transparent;}
#toggle.on span:before {transform: rotate(45deg) translate(5px, 5px);}
#toggle.on span:after {transform: rotate(-45deg) translate(7px, -8px);}

.navigation {display: flex;flex-direction: column;position: absolute;top: 59px;right: 0;transform: translate(100%);height: 100vh; width: 100%;background-color: #FFFFFF;overflow-y: scroll; transition: all .3s linear;box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);}
.navigation.active {transform: translate(0);transition: all .3s linear;z-index:10;}

/*#endregion Navigation*/

/*#region Menu Level 1*/
.menu-level-1 {font-size: 14px;padding: 0;margin: 0;height: 100%;width: 100%;}
.menu-list-1 {width: 100%;height: auto;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}

/*#endregion */

/*#region Menu Level 2*/
.menu-level-2 {padding: 0;background:#fff !important;}
.menu-level-2 > .menu-list-2 > .list-item {color: rgba(81, 79, 244, 0.91);}

/*#endregion */

/*#region Menu Level 3*/
.menu-level-3 {padding: 0;}

/*#endregion*/

/*#region Menu Level last */
.menu-level-last {padding: 1em 1em 1em 0;}
.menu-list-last img {display: block;width: 10px;height: 10px;margin-left: -1px;}
.menu-list-last {padding: 0 2em;margin: .1em 0;}
.menu-list-last {display: flex;justify-content: flex-start;align-items: center;padding: 0 1em .3em 0;}
.menu-list-last:first-child h2 {font-size: 1em;margin: 0;font-weight: 500 !important;color: #16c1f3;}
.menu-list-last .list-item {padding: .4em .5em;color: #7e7e7e;}

/*#endregion Menu*/

/*#region List-item & item-icon*/
.list-item {display: flex;justify-content: flex-start;align-items: center;width: 100%;color: #4d4d4d;padding: 1em;text-decoration: none;line-height: 1.4em;}
.list-item img {display: block;width: 25px;transition: all .2s ease;}
.list-item img:first-child {margin-left: 1em;}
.menu-list-2 > .list-item > img.active {transform: rotate(90deg);}
.item-icon {font-size: 12px;width: 12px !important;color: #999;display: block;margin: 0 auto 0 0;transition: all .2s ease;}
.item-icon.active {transform: rotate(180deg);}
.list-item span{font-size: 14px;font-weight: 700 !important;}

/*#endregion*/


@media (min-width: 768px) {
    .mobile-nav {display: none;}
    /*#region Navigation*/
    .navigation {position: relative;top: 0;display: block;transform: translate(0);height: auto;background-color: #fff;border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);overflow-y: visible;transition: all .3s linear;}

    /*#endregion*/

    /*#region Menu Level 1*/
    .menu-level-1 {font-size: 1em;position: relative;display: flex;flex-direction: row;flex-wrap: wrap;margin: 0 auto;padding: 0;}
    .menu-list-1 {width: auto;height: auto;border: none;}
    .menu-list-1:hover {background-color: #fff;box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)}

    /*#endregion*/

    /*#region Menu Level 2*/
    .menu-level-2 {position: absolute;top: 101%;right: 0;flex-wrap: wrap;width: 100%;list-style: none;box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);visibility: hidden;transition: all .6s linear;}
    .menu-list-1:hover .menu-level-2 {opacity: 1.0;visibility:visible;overflow: visible;pointer-events: auto;}

    /*#endregion Menu*/

    /*#region Menu Level 3*/
    .menu-level-3 {display: flex;position: absolute;top: 100%;right: 0;width: 100%;height: 350px;list-style: none;margin: 0;padding: 0;background-color: #fcfcfc;border-top: 1px solid #eee;box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);visibility: hidden;}
    .menu-list-2:hover .menu-level-3 {opacity: 1;visibility: visible;overflow: visible;pointer-events: auto;}
    .menu-list-3 {border-left: 1px solid #eee;width: 25%;padding: 1em 0;}

    /*#endregion Menu Level 3*/

    /*#region  Menu Level Last*/
    .menu-level-last {padding: 0;display: flex;flex-direction: column;list-style: none;margin: .4em 0;}
    .menu-list-last {padding: 0 2em;margin-bottom:2px;}
    .menu-level-last:first-child .menu-list-last {display: block;}
    .menu-list-last img {display: none;}
    .menu-list-last:first-child h2 {font-size: 1em;margin: 0;font-weight: 400 !important;color: #16c1f3;}

    /*#endregion*/

    /*#region List Item*/
    .list-item {position: relative;display: flex;justify-content: flex-start;align-items: center;line-height: 2em;color: #4d4d4d;width: auto;}
    .list-item {padding: .5em .8em;}
    .menu-level-1 > .menu-list-1 > .list-item {padding: .8em;}
    .menu-level-1 > .menu-list-1 > .list-item.active {padding: .5em .8em;transition: all .3s linear;}
    .menu-level-1 .list-item.active {border: none;}
    .list-item img:first-child {display: none;}
    .menu-level-2 > .menu-list-2 > .list-item {color: #4d4d4d;}
    .menu-list-2 > .list-item > img.active {transform: rotate(0deg);}
    .menu-list-1:hover > .list-item {color: #fb3544;}
    .menu-list-2 > .list-item {border-bottom: 2px solid transparent;}
    .menu-list-2:hover > .list-item {color: #fb3544;border-bottom: 2px solid #fb3544;}
    .menu-list-2:hover > .list-item::before {content: ' ';position: absolute;bottom: 0;right: calc(50% - 8px);width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fb3546}
    .menu-list-last .list-item {font-size: .9em;font-weight: 400;padding: 0;line-height: 1.5em;display: table;color: #7e7e7e;}
    .menu-list-last > .list-item:hover {color: #fb3544;}

    /*#endregion*/

    /*#region Item Icon*/
    .item-icon {display: block;margin: 0 .5em 0 0;}
    .item-icon.active {transform: rotate(0deg);}
    .menu-list-1:hover .item-icon {transform: rotate(180deg);}

    /*#endregion*/
}

@media (min-width: 48em) {
    .block {display: flex !important;}
}

/*#endregion*/

/*#region slider*/
.slider-layer{direction: ltr;width: 100%;position: relative;border-bottom: 2px solid #008DDE}
.slider-layer a{width: 100%;display: block;}
.slider-layer img{width: 100%;max-width: 100%;max-height: 100%;}
.slider-layer .owl-dots .owl-dot{width: 15px;height: 15px;background-color: #fff;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;float: left;margin-right: 3px}
.slider-layer .owl-dots .active{background-color:#008DDE}
.slider-layer .owl-controls{position: absolute;bottom: 7%;left: 8%;z-index: 1000 !important}
/*#endregion*/

/*#region content*/
.right-side-content {padding-right: 0}
.left-side-content {padding-left: 0}
.right-side-content section{border:1px solid #dfdfdf;margin-bottom: 15px}
.right-side-content section header{padding: 10px 15px;border-bottom: 1px solid #dfdfdf;margin-bottom: 5px}
.right-side-content section header h3{line-height: 22px;font-size: 16px;color: #686868;font-weight: 800 !important;}
.right-side-content .basket-side article ul{width: 100%;}
.right-side-content .basket-side article{padding: 5px;}
.right-side-content .basket-side article ul li{width: 100%;padding: 10px;border-bottom: 1px dotted #dfdfdf;}
.right-side-content .basket-side article ul li:last-child{border-bottom: 0}
.right-side-content .basket-side article ul li img{width: 25%;float: right;border:1px solid #dfdfdf;}
.right-side-content .basket-side article ul li .left-basket{width: 70%;padding-right: 10px;float: right;}
.right-side-content .basket-side article ul li a{color: #757676;padding-top: 5px;line-height: 20px}
.right-side-content .basket-side article ul li a:hover{color: #008DDE}
.right-side-content .basket-side article ul li span{color: #008DDE;width: 30px;height: 25px;line-height: 25px;text-align: center;padding: 0 4px;font-family: 15px;border: 1px solid #dfdfdf;margin-right:10px;}
.right-side-content .basket-side .show-basket-button{color: #fff;background-color: #1FB415;padding: 5px 0;text-align: center;width: 100%;margin: 5px 0 0;line-height: 23px}
.right-side-content .basket-side .show-basket-button:hover{background-color: #1E9810}

.compare-side .show-compare-list{color: #fff;background-color: #1FB415;padding: 5px 0;text-align: center;width: 100%;margin: 5px 0 0;line-height: 23px}
.compare-side .show-compare-list:hover{background-color: #1E9810}
.compare-side article{padding: 5px}
.compare-side article ul{margin-bottom: 5px}
.compare-side article ul li{line-height: 23px;padding: 5px 5px}
.compare-side article ul li i{color: #E24848;font-style: normal;font-size: 13px;margin-left: 4px;position: relative;top: 2px}
.delete-compare:hover{cursor: pointer;}

.post-side .post{padding: 5px;}
.post-side .post {overflow: hidden;zoom: 1;}
.post-side .post .right-side,.post-side .post .left-side{display: table-cell;vertical-align: top;}
.post-side .post .right-side{padding-left: 10px;padding-right: initial;}
.post-side .post .left-side h3.post-title{font-size: 14px;line-height: 1.4em;text-align: justify;}
.post-side .post .left-side h3.post-title a{padding-left: 10px;}
.post-side .post .left-side h3 span{color: #9a9999;font-size: 9pt;margin-top: 8px;}
.post-title{margin-top: 0;margin-bottom: 5px;}
.post-side .post-footer{padding: 10px 15px 10px 15px;border-top: 1px solid #ddd;}
.post-side .post-footer a{color: #3498db;font-size: 13px;transition: color 200ms;}

.category-side article{padding: 20px}
.category-menu > li > ul{padding: 10px 0}
.category-menu > li > ul li{padding: 5px 0;line-height: 22px}
.category-menu > li{position: relative; padding-right: 22px; line-height: 26px;padding-bottom: 10px}
.category-menu > li:before{position: absolute; font-family: 'FontAwesome'; content: '\f115'; font-size: 15px; color: #69686D; right: 0; top: -5px}
.category-menu > li ul li{position: relative; padding-right: 15px}
.category-menu > li a{color: #575757}
.category-menu > li a:hover{color: #DD0C0C; padding-right: 10px}
.category-menu > li ul li:before{position: absolute; font-family: 'FontAwesome'; content: '\f0d9'; color: #69686D; font-size: 15px;right: 0; top: 3px;}

.left-side-content section header {width: 100%;position: relative;margin-bottom: 20px}
.left-side-content section header h2,.left-side-content section header h3{font-size: 16px;color: #949494;padding: 5px 15px;line-height: 22px;border-right: 5px solid #B7B7B7}
.left-side-content section header a{font-size: 15px;color: #B7B7B7;left: 0;top: 2px}

.last-products article > div > div{display: block;padding: 1px;background-color: #fff}
.last-products article h6{text-align: center;padding: 5px 10px 10px;border-top: 1px dotted #dfdfdf;border-bottom: 1px dotted #dfdfdf;}
.last-products article h6 input{margin-right: 5px;position: relative;top: 2px}
.last-products article > div > div img{display: block;margin-bottom: 8px;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;padding-bottom: 1px;border-bottom: 1px solid #dfdfdf;width: 100%}
.last-products article > div > div h2{font-size: 14px;line-height: 22px;padding: 0 10px 5px;color: #888888;text-align: center;margin-bottom: 4px;height: 40px;}
.last-products article > div > div .price-layer{margin-bottom: 10px;direction: rtl;padding: 5px 10px}
.last-products article > div > div .price-layer label{width: 100%;line-height: 25px;padding: 2px 0 4px;color: #24920E;font-size: 17px;margin-bottom: -1px}
.last-products article > div > div .buy-button{line-height: 22px;text-align: center;margin: 5px 8px;padding: 0}
.last-products article > div > div .buy-button label{display: block;font-size: 21px;line-height: 19px;padding: 7px 0 2px;text-align: center;}
.last-products article > div > div .buy-button:hover label{cursor: pointer;}
.last-products article > div > div:hover{cursor: pointer;}
.last-products article > div > div:hover h2{color: #008DDE}
.last-products article > div > div{margin-bottom: 15px;padding: 0 5px}

.internal-style section{border:1px solid #dfdfdf;}
.internal-style section header{border-bottom: 1px solid #dfdfdf;padding: 5px}
.internal-style section header h2,.internal-style section header h3{border-right: 0;color: #686868;display: inline-block;font-size: 16px;font-weight: 800 !important;}
.internal-style section form{padding: 15px}
.ProductSlider{display: inline;position: relative;direction: rtl; min-height: 500px !important;width:100%;}
.productItem{float: right;border: 1px solid #f1f1f1;position: relative;text-align: center;border-radius: 2px;padding: 20px 0 0 0;width: 258px;margin-left: 15px;}

/*#endregion*/

/*#region responsive styles*/

@media (max-width:991.98px){
  .header-logo{float: right !important;height: 16px;margin: 32px 0;}
  .header-menu-item-link{padding: 0 5px;}
  .archive-header .row > div{margin-bottom: 10px;}
}

@media (max-width:767.98px){
  .top-menu{margin-top: 63px;}
  .header-logo{float: right !important;height: 16px;margin: 32px 0;}
}

@media (max-width:575.98px){
  .header-logo{float: right !important;height: 16px;margin: 32px 0;}

  .box .box-footer .pull-left{width: 50% !important;}
  .box .box-footer .pull-right{width: 50% !important;}

  .single-news header span {position: static !important;margin-top: 10px;}
}

/*#endregion*/

/*#region footer*/
footer{width: 100%;position: relative;padding: 15px 0;margin-top: 10px;background-color: #2D2927;border-top: 3px solid #FF393A}
.access-links ul li{width: 32%;padding: 4px 15px;float: right;position: relative;line-height: 24px;}
.access-links ul li:before{content: '\f111';position: absolute;right: 0;font-size: 7px;top: 6px;color: #FF393A;font-family: 'Fontawesome'}
.access-links ul li a{color: #fff}
.access-links ul li a:hover{color:#FF393A;padding-right: 5px}
.access-links header{padding: 10px 0 15px;border-bottom: 1px solid #4C4B4B;color: #fff;font-size: 18px;margin-bottom: 10px}
.socials {padding-top: 35px}
.socials span{float: right;font-size: 16px;color: #fff;line-height: 35px}
.socials a{float: left;margin-right: 4px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #2D2927;background-color: #fff;line-height: 35px;min-width: 35px;text-align: center;font-size: 20px}
.socials a:hover{color: #FF393A}
.col-md-5.col-md-offset-1.col-sm-12.col-xs-12 p{line-height: 24px;color: #fff;font-size: 14px;margin-top: 25px;text-align: justify;}
/*#endregion*/

/*#region register*/
.internal-style .register,.internal-style .login{border-bottom: 1px solid #dfdfdf;margin-bottom: 5px;}
.internal-style .register header,.internal-style .login header{padding: 10px 15px;}
.internal-style .register article,.internal-style .login article{padding: 5px;}
.internal-style .register article form input[type="submit"],
.internal-style .login article form input[type="submit"] {padding: 0 20px;background-color: #e83f33;border: 0;color: #fff;line-height: 35px;margin: 15px 0;border-radius: 4px;}
/*#endregion*/

/*#region ContactUs*/
.contact-page{padding: 20px 0;width: 900px;margin: 0 auto;}
.contact-page .right-side {width: 50%;float: right;position: relative;z-index: 1;background-color: #fff;}
.contact-page .map-side {width: 50%;float: left;right: -4%;position: relative;z-index: 2;}
.contact-page .map-side ul {padding-right: 55px;padding-bottom: 10px;}
.contact-page .map-side ul li {line-height: 23px;font-size: 14px;padding-bottom: 5px;}
.contact-page .map-side ul li i {color: #cbd0e0;font-size: 16px;position: relative;top: 2px;width: 20px;}
.contact-page .map-side .map {height: 380px;background-color: #fff;overflow: hidden;}
.section-layer {border: 1px solid #cccfdd;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;position: relative;}

@media (max-width:991.98px) {
  .contact-page{width: 100%;}
  .contact-page .right-side {width: 100%;float: none;}
  .contact-page .map-side {width: 100%;float: none;right: 0;}
  .contact-page .map-side ul {padding-right: 0;padding-top: 30px;border-top: 1px solid #e7e9ee;}
}
/*#endregion*/

/*#region basket*/

.box{background: #fff;margin: 0 0 30px;border: solid 1px #e6e6e6;box-sizing: border-box;padding: 20px;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);}
.box form h1{margin-bottom: 20px;margin-top: 20px;font-weight: 800 !important;font-size: 20px;}
.box form p{margin: 0 0 20px;}
.box form .table th{text-align: right;}
.box form .table>thead:first-child>tr:first-child>th{border-top: 0;}
.box form .table>thead>tr>th {vertical-align: bottom;border-bottom: 2px solid #ddd;font-weight: 800 !important;}
.box form .table>thead>tr>th{padding: 8px;}
.box form .table tbody tr td{vertical-align: middle;}
.box form .table tbody tr td a{color: #4fbfa8;text-decoration: none;}
.box form .table tbody tr td input{width: 70px;text-align: left;}
.box form .table tfoot{font-size: 18px;}
.box .box-footer {background: #f7f7f7;margin: 30px -20px -20px;padding: 20px;border-top: solid 1px #eeeeee;}
.box .box-footer .pull-left{float: left;width: 30%;}
.box .box-footer .pull-left button{padding: 10px;font-size: 15px;}
.box .box-footer .pull-right{float: right;width: 70%;}

/*#endregion*/

/*#region product-details*/

.product-gallery{padding-right: 0}
.large-image{padding: 1px;border:1px solid #dfdfdf;margin-bottom: 15px}
.large-image img{display: block;width: 100%;max-width: 100%}
.thumbnails-image .row > div img{border:1px solid #dfdfdf;padding: 1px;display: block;width: 100%;max-width: 100%}

.detail-product > div{padding: 30px 0}
.detail-product > div span{float: right;line-height: 35px;font-size: 22px;color: #0FA412}
.detail-product > div .add-to-card-link{float: left;background-color: #0FA412;color: #fff;padding: 4px 15px;line-height: 30px}
.detail-product > div .add-to-card-link:hover{background-color: #1E9810}
.detail-product > p{line-height: 26px;text-align: justify;color: #757575;font-size: 15px;margin-top: 25px !important;}

.tabs-product #main-content,.tabs-product #properties{padding: 20px;}
.tabs-product #main-content h3,.tabs-product #properties h3{color:#008DDE;font-size: 18px;padding: 10px 0}
.tabs-product #main-content p,.tabs-product #properties p{color: #717271;font-size: 14px;line-height: 24px;text-align: justify;margin-bottom: 10px}
.tabs-product #main-content ul,.tabs-product #properties ul{padding: 10px }
.tabs-product #main-content ul li,.tabs-product #properties ul li{line-height: 26px;color: #717271;position: relative;padding-right: 12px}
.tabs-product #main-content ul li:before,.tabs-product #properties ul li:before{content: '\f104';color: #008DDE;position: absolute;right: 0;top: 2px;font-size: 14px;font-family: 'FontAwesome'}
.tabs-product #price-chart > div{padding: 30px}
.tabs-product .tab-content{border:1px solid #DFDFDF;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.tabs-product .nav-tabs{border:0}
.tabs-product .nav-tabs > li {background: #f2f2f2 none repeat scroll 0 0;margin-left: 5px;margin-right: 2px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;position: relative;top: -1px;color: #5F5F5F;font-size: 16px}
.tabs-product .nav-tabs > li a{color: #5F5F5F;}
.tabs-product .nav-tabs > li a{color: #5F5F5F;}
.tabs-product .nav-tabs > li a:hover{color:#008DDE;}

.tags-layer{border:1px solid #dfdfdf;background-color: #fff;padding: 5px 40px 5px 15px;position: relative;}
.tags-layer i{position: absolute;right: 13px;font-size: 16px;color: #B7B7B7;top: 13px}
.tags-layer a{background-color: #E5E5E5;padding: 0 8px;line-height: 22px;color: #888685;margin: 5px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.tags-layer a:hover{background-color:#DF7923;color: #fff;}

.comment-layer{width: 100%; border:1px solid #ccc; margin: 15px 0}
.comment-layer header{position: relative; height: 45px; border-bottom: 1px solid #ccc; padding: 0 60px 15px 15px}
.comment-layer header i{font-size: 32px; color: #505050; position: absolute; right: 15px; top: 5px}
.comment-layer header h5{font-size: 18px; color: #505050; line-height: 45px}
.comment-layer header span{font-size: 15px; color: #fff; background-color: #FF393A; position: absolute; line-height: 30px; padding: 0 15px; left: 7px; top: 7px}
.comment-layer ul.comment-list{padding: 15px}
.comment-layer ul.comment-list li{padding: 10px; border:1px solid #ccc; margin-bottom: 15px; position: relative; color: #848484}
.comment-layer ul.comment-list li a{color: #848484}
.comment-layer ul.comment-list li:last-child{ margin-bottom: 0}
.comment-layer ul.comment-list li img{ width: 60px; height: 60px; margin-left: 10px; float: right}
.comment-layer ul.comment-list li div span{ display: block; line-height: 29px  }
.comment-layer ul.comment-list li p{margin-top: 10px; line-height: 22px; font-size: 13px; text-align: justify; padding:  10px 0}
.comment-layer h6{font-size: 18px; color: #505050; margin-top: 30px; line-height: 40px; border-bottom: 1px solid #ccc; padding: 0 20px 10px}
.comment-layer form {padding: 10px}
.comment-layer form textarea{margin-bottom: 10px;}
.comment-layer ul.comment-list li .reply-button {background-color: #4e4d4d;color: #fff;left: 10px;top: 10px;z-index: 1000;line-height: 30px;padding: 0 10px;position: absolute;}

.pagging-comment{display: inline-flex !important;margin-right: 20px;}

/*#endregion*/

/*#region product-info*/
.product-info article{padding: 15px;}
.product-info article ul li{padding: 4px 0;}
.product-info article ul li i{font-size: 14px;color: #b2b2b2;position: relative;text-align: center;}
.product-info article ul li span.short-url{padding: 5px;margin: 5px;border-radius: 0;}
.MouseHand {cursor: pointer !important;}
.like-button {width: 100%;border: 1px solid #dfdfdf;margin: 15px 0;padding: 5px 10px;font-size: 16px;}
.like-button i {margin-left: 5px;font-size: 17px !important;color: #0EB501 !important;}
.like-button span{border-radius: 0;margin-top: 2px;}
.product-info article ul .share-layer{margin-top: 10px;padding: 3px;}
.product-info article ul .share-layer span{line-height: 25px;font-size: 14px;color: #333;width: auto;display: table;float: right;}
.product-info article ul .share-layer a {width: 25px;height: 25px;line-height: 28px;color: #fff;border-radius: 100%;text-align: center;float: left;margin-right: 6px;}
.product-info article ul .share-layer a.facebook {background-color: #4867aa;}
.product-info article ul .share-layer a.google {background-color: #dd4a38;}
.product-info article ul .share-layer a.telegram {background-color: #1da2f1;}
.product-info article ul .share-layer a.linkedin {background-color: #1da2f1;}

/*#endregion*/

/*#region product-filter*/
.archive-header{border: 1px solid #dfdfdf;padding: 15px;margin-bottom: 25px;}
.archive-header h1 {font-size: 16px;line-height: 40px;display: inline-block;}
.archive-header form{background-color: #fff;border:1px solid #dfdfdf;width: 100%;position: relative;}
.archive-header form input{width: 100%;border:0;line-height: 25px;padding: 8px 15px 8px 60px;color: #898888;} 
.archive-header form button{position: absolute;left: 1px;top: 0px;border:0;line-height: 39px;text-align: center;width: 45px;font-size: 22px;border-right: 1px solid #dfdfdf;background-color: #fff;color: #C0C0C0} 
.archive-header .select-ddl {width: 100%;background-color: #fff;border: 1px solid #E8E8E8;position: relative;}
.archive-header .select-ddl select {width: 100%;padding: 0 15px 0 0;font-size: 14px;height: 38px;line-height: 38px;border: 0;}

.filter-section aside.right-side-content{padding-right: 10px !important;}
.archive-side header h3{position: relative;}
.archive-side header h3 .accordion{position: absolute;left: 0px;font-size: 8pt;color: #9da5ba;}
.archive-side header h3 .accordion:hover{color: black;cursor: pointer;}
.archive-side article{padding: 15px;}
.archive-side article ul li label{margin-right: 10px;}
/*#endregion*/

/*#region user-profile*/

.user-account .avatar-layer {border: 1px solid #ecf1f8;margin-bottom: 25px;background-color: #fff;}
.user-account .avatar-layer .img-layer {margin: 25px auto 0;z-index: 1;width: 130px;height: 130px;position: relative;    display: flex;-webkit-box-align: center;    align-items: center;-webkit-box-pack: center;justify-content: center;}
.user-account .avatar-layer .img-layer .change-image {width: 100px;height: 100px;line-height: 100px;text-align: center;font-size: 27px;color: #657d9a;background-color: rgba(228,235,245,0.4);position: absolute;z-index: 2;opacity: 0;}
.user-account .avatar-layer .img-layer img {width: 130px;height: 130px;border: 3px solid #ecf1f8;z-index: 1;position: relative;}
.user-account .avatar-layer .detail {width: 100%;padding: 10px 0 15px;text-align: center;}
.user-account .avatar-layer .detail span {font-size: 14px;word-spacing: -1px;line-height: 25px;color: #7389a3;display: block;}
.user-account aside > section, .user-account .avatar-layer {border: 1px solid #dfdfdf;margin-bottom: 25px;background-color: #fff;}
.user-account aside > section header {padding: 5px 15px;border-bottom: 1px solid #ecf1f8;}
.user-account aside > section header h3 {font-size: 15px;line-height: 35px;}
.user-account aside > section .inner {padding: 10px 15px;}
.user-account aside > section .inner ul li a {display: block;font-size: 14px;line-height: 25px;padding: 4px 0;color: #222;}
.user-account .user-account-content {border: 1px solid #ecf1f8;margin-bottom: 25px;background-color: #fff;}
.user-account .user-account-content > header {padding: 5px 15px;border-bottom: 1px solid #ecf1f8;}
.user-account .user-account-content > header h1 {font-size: 15px;line-height: 35px;}
.user-account .user-account-content .inner {padding: 20px;}
.user-account .user-account-content .inner .account-information h3 {font-size: 17px;margin-bottom: 10px;color: #2aaf27;}
.user-account .user-account-content .inner .account-information ul li {display: block;font-size: 14px;line-height: 25px;padding: 4px 0;color: #222;}
.user-account .user-account-content .inner .account-information ul li i {margin-left: 5px;position: relative;top: 3px;font-size: 16px;color: #ccc;}

/*#endregion*/

/*#region post-details*/
.post-detail-section aside.right-side-content{padding-right: 10px !important;}
.post-info article{padding: 15px;}
.post-info article ul li{padding: 4px 0;}
.post-info article ul li i{font-size: 14px;color: #b2b2b2;position: relative;text-align: center;}
.post-info article ul li span.short-url{padding: 5px;margin: 5px;border-radius: 0;}
.MouseHand {cursor: pointer !important;}
.like-button {width: 100%;border: 1px solid #dfdfdf;margin: 15px 0;padding: 5px 10px;font-size: 16px;}
.like-button i {margin-left: 5px;font-size: 17px !important;color: #0EB501 !important;}
.like-button span{border-radius: 0;margin-top: 2px;}
.post-info article ul .share-layer{margin-top: 10px;padding: 3px;}
.product-info article ul .share-layer span{line-height: 25px;font-size: 14px;color: #333;width: auto;display: table;float: right;}
.post-info article ul .share-layer a {width: 25px;height: 25px;line-height: 28px;color: #fff;border-radius: 100%;text-align: center;float: left;margin-right: 6px;}
.post-info article ul .share-layer a.facebook {background-color: #4867aa;}
.post-info article ul .share-layer a.google {background-color: #dd4a38;}
.post-info article ul .share-layer a.telegram {background-color: #1da2f1;}
.post-info article ul .share-layer a.linkedin {background-color: #1da2f1;}

.single-news{border:1px solid #dfdfdf;}
.single-news header{border-bottom: 1px solid #dfdfdf;padding: 10px 15px;margin-bottom: 10px;color: #2D2927;position: relative;}
.single-news header h2{font-size: 18px;color: #6B6A6A;font-weight: 800 !important;}
.single-news header span{color: #9a9999;left: 16px;position: absolute;top: 11px;}
.single-news header span i{margin-left: 3px}
.single-news article{padding: 10px 20px}
.single-news article p{line-height: 23px;text-align: justify;color: #6B6A6A}
.single-news article img{width:100%;margin-bottom: 20px;}

/*#endregion*/

/*#region post-archive*/
.article-box {margin-bottom: 25px;}
.article-box article {position: relative;border: 1px solid #d6d5dd;}
.article-box article img {width: 100%;padding-bottom: 1px;border-bottom: 1px solid #d6d5dd;}
.article-box article h2 {padding: 5px 0;width: 100%;margin-bottom: 5px;overflow: hidden;}
.article-box article h2 a {color: #333;display: block;padding: 2px 12px 0 5px;line-height: 22px;overflow: hidden;text-align: right;border-right: 3px solid #d53636;font-size: 14px;}
.article-box article h2 a:hover{transition: all 0.2s;color: #d53636;}
.article-box .detail {border-top: 1px solid #d6d5dd;padding: 10px 15px;font-size: 13px;min-height: 40px;}
.article-box .detail a {float: right;color: #9a9999;}
.article-box .detail i {position: relative;color: #9a9999;font-size: 11pt;margin-left: 3px;top: 2px;}
.article-box .detail .comment-pt {padding-left: 0;}
.article-box .detail span {float: left;padding: 0 10px;line-height: 20px;border-right: 1px solid #d6d5dd;color: #9a9999;}


/*#endregion*/