@font-face {
     font-family: IRANSans;
     font-style: normal;
     font-weight: bold;
     src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
     src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),
         /* IE6-8 */
         url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),
         /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),
         /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
 }

 @font-face {
     font-family: IRANSans;
     font-style: normal;
     font-weight: 500;
     src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
     src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),
         /* IE6-8 */
         url('../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),
         /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),
         /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
 }

 @font-face {
     font-family: IRANSans;
     font-style: normal;
     font-weight: 300;
     src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot');
     src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),
         /* IE6-8 */
         url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),
         /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),
         /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
 }

 @font-face {
     font-family: IRANSans;
     font-style: normal;
     font-weight: 200;
     src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
     src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),
         /* IE6-8 */
         url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),
         /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),
         /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
 }

 @font-face {
     font-family: IRANSans;
     font-style: normal;
     font-weight: normal;
     src: url('../fonts/eot/IRANSansWeb(FaNum).eot');
     src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
         /* IE6-8 */
         url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),
         /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),
         /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
 }

 /**{
    scrollbar-width: thin;
scroll-behavior: smooth;
}*/
 body {
     font-family: IRANSans;
     position: relative;
     padding: 0;
     margin: 0;
     color: #1B141E;
     font-size: 14px;
 }

 .popover {
     font-family: IRANSans;
     font-size: 12px;
 }

 .badge {
     font-family: IRANSans;
 }

 .tooltip>.tooltip-inner {
     font-family: IRANSans;
 }

 a {
     cursor: pointer;
     transition: .3s;
     color: #1B141E;
     text-decoration: none !important;
 }

 a:hover {
     text-decoration: none;
     color: #003399;
 }

 input {
     font-size: 14px !important;
 }

 ul,
 ol {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
     margin: 0;
 }

 ::selection {
     background-color: #FFAD23;
     color: #fff;
 }

 ::-moz-selection {
     background-color: #FFAD23;
     color: #fff;
 }

 ::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: #aaa !important;
 }

 ::-moz-placeholder {
     /* Firefox 19+ */
     color: #aaa !important;
 }

 :-ms-input-placeholder {
     /* IE 10+ */
     color: #aaa !important;
 }

 :-moz-placeholder {
     /* Firefox 18- */
     color: #aaa !important;
 }

 :-moz-placeholder {
     /* Firefox 18- */
     color: #aaa !important;
 }

 .btn:focus,
 button:focus,
 a:focus {
     outline: none !important
 }

 .select_data .line .dropdown button:focus,
 select:focus,
 .form-control:focus {
     border: 1px solid #004DBD !important;
     box-shadow: none !important;
 }

 select,
 textarea {
     font-size: 14px !important;
     ;
 }

 /*......*/
 .featured_box .show_detail:hover,
 .c_red {
     color: #ED1B24 !important;
 }

 .btn_red {
     background: #ED1B24;
     color: #fff;
 }

 .btn_red:hover {
     color: #fff;
 }

 .bg_red:focus,
 .bg_red {
     background: #ED1B24 !important;
     color: #fff;
     border-color: #ED1B24 !important;
 }

 .btn {}

 .btn-dark-opacity {
     background: rgba(0, 0, 0, 0.2);
     color: #fff !important;
 }

 /*---*/
 .btn--ripple {
     position: relative;
     -webkit-transition: all 0.2s ease;
     transition: all 0.2s ease;
     overflow: hidden;
     z-index: 0;
 }

 .btn--ripple-ink {
     display: block;
     position: absolute;
     background: rgba(255, 255, 255, 0.3);
     border-radius: 100%;
     -webkit-transform: scale(0);
     transform: scale(0);
 }

 .btn--ripple-animate {
     -webkit-animation: ripple 0.65s linear;
     animation: ripple 0.65s linear;
 }

 @-webkit-keyframes ripple {
     100% {
         opacity: 0;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
         filter: alpha(opacity=0);
         -webkit-transform: scale(2.5);
     }
 }

 @keyframes ripple {
     100% {
         opacity: 0;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
         filter: alpha(opacity=0);
         -webkit-transform: scale(2.5);
         transform: scale(2.5);
     }
 }

 /*--*/
 .custom-control-label:before,
 .custom-control-label:after {
     top: 2px;
     right: -1.5rem;
 }

 .custom-control-label.small:before,
 .custom-control-label.small:after {
     top: 0;
 }

 .custom-control-input:checked~.custom-control-label::before {
     border-color: #970DC2;
     background-color: #970DC2;
 }

 .custom-control-input:focus:not(:checked)~.custom-control-label::before,
 .custom-control-input:focus~.custom-control-label::before {
     box-shadow: 0 0 0 .2rem rgba(151, 13, 194, .25);
     border-color: #970DC2;
 }

 .custom-control-input:not(:disabled):active~.custom-control-label::before {
     background: #970DC2;
 }

 /*......*/
 header {
     position: relative
 }

 /*--------*/
 .wsmenu .smllogo img {
     height: 55px;
 }

 .wsmenu>.wsmenu-list,
 .headerfull {
     height: auto;
     z-index: 1000;
 }

 .pos_nav .wsmenu .smllogo {}

 .smllogo {
     width: auto;
 }

 .pos_nav .smllogo img {
     height: 40px
 }

 .pos_nav .wsmenu>.wsmenu-list,
 .headerfull {
     justify-content: flex-start
 }

 .logo-menu img {
     position: absolute;
     width: 90px;
     right: 50%;
     transform: translateX(50%);
     bottom: -45px;
 }

 .wsmenu>.wsmenu-list>li>.navtext {
     white-space: nowrap;
     padding: 30px 15px;
     height: auto;
     display: block;
     text-align: center;
     color: #747474;
     font-weight: 500;
     border-top: 0;
 }

 .pos_nav .wsmenu>.wsmenu-list>li>.navtext {
     padding: 15px;
 }

 .wsmenu>.wsmenu-list>li>.navtext>span {
     color: #5D5D5D;
 }

 .wsmenu>.wsmenu-list>li>.wsshoptabing,
 .wsmenu>.wsmenu-list>li .wtsbrandmenu {
     top: 100%;
 }

 .wsmegamenu {
     top: 100% !important;
     right: 0 !important;
 }

 .wsmenu>.wsmenu-list>li:hover>a {
     color: #DF9E0C;
     background: transparent;
 }

 .wsmenu>.wsmenu-list>li {}

 .wsmenu>.wsmenu-list>li.menu-left {
     margin-right: auto;
     display: flex;
     display: -ms-flexbox;
     align-items: center;
 }

 .wsmenu>.wsmenu-list>li.menu-left .input-group {
     border: 1px solid #ddd;
     border-radius: 50px;
     overflow: hidden;
 }

 .wsmenu>.wsmenu-list>li.menu-left .input-group input {
     font-size: 12px !important;
 }

 .wsmenu>.wsmenu-list>li.menu-left .input-group input:focus {
     border: 0 !important;
 }

 .wsmenu>.wsmenu-list>li.menu-left .input-group .input-group-append .btn {
     padding: 0 10px;
 }

 .wsmenu>.wsmenu-list>li.menu-left .user-related {}

 .wsmenu>.wsmenu-list>li.menu-left .user-related .link {}

 .wsmenu>.wsmenu-list>li.menu-left .user-related .link .Ico {}

 .wsmenu>.wsmenu-list>li.menu-left .numb-site {}

 .wsmenu>.wsmenu-list>li.menu-left .numb-site .media-body {}

 .wsmenu>.wsmenu-list>li.menu-left .numb-site .media-body .numb {
     display: flex;
     display: -ms-flexbox;
     align-items: center;
 }

 .wsmenu>.wsmenu-list>li.menu-left .numb-site .media-body .numb a {}

 .wsmenu>.wsmenu-list>li.menu-left .numb-site .media-body .text {}

 .wsmenu>.wsmenu-list>li.menu-left .numb-site>.Ico {}


 .wsmenu>.wsmenu-list>li>.navtext>span::after {
     content: none
 }

 .wsmenu>.wsmenu-list>li>.navtext.btn {
     line-height: 15px;
     color: #fff;
     font-size: 14px;
     padding: 10px 25px;
     background: #5D5D5D;
 }

 .wsmenu>.wsmenu-list>li>.navtext.btn:hover {
     background: #5D5D5D;
 }

 .wsmenu>.wsmenu-list>li .halfmenu {
     /*width: 400px !important;*/
     width: 100% !important;
 }

 .wsmenu>.wsmenu-list>li .wstliststy02 li.wstheading {
     background: #F2F2F2;
     padding: 8px 10px;
     border: 0;
     position: relative;
 }

 .wsmenu>.wsmenu-list>li .submenu-left {}

 .wsmenu>.wsmenu-list>li .wstliststy02 li.wstheading {
     border: 0;
     position: relative;
     font-weight: bold;
     color: #777777;
     margin-bottom: 5px;
 }

 .headerfull {
     height: auto;
     z-index: 1000;
     box-shadow: none;
     background: #fff;
 }

 .headerfull.pos_nav {
     -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
     -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
 }

 .wsmenu>.wsmenu-list>li .wstliststy02 li {
     padding: 0 10px;
     white-space: nowrap !important;
 }

 .wsmenu>.wsmenu-list>li {
     /* flex: 1; */
     white-space: nowrap !important;
 }

 .headerfull.pos_nav .wsmenu.border-top {
     border-top: 0 !important;
 }

 .wsmenu>.wsmenu-list>li .wstliststy02 li a {
     position: relative;
     padding-right: 10px;
     white-space: pre-wrap;
 }

 .wsmenu>.wsmenu-list>li .wstliststy02 .limenu a:before {
     content: "";
     position: absolute;
     right: 0;
     top: 6px;
     width: 7px;
     height: 7px;
     background: #DF9E0C;
     border-radius: 50%;
 }

 /*----------*/
 header {}

 header .top {
     background: #fff;
 }

 header .numb-site {
     align-items: center;
     margin-right: 10px;
     padding-right: 10px;
     border-right: 1px solid #ddd;
     font-size: 12px;
 }

 header .numb-site .media-body {
     text-align: left;
 }

 header .numb-site .media-body .text {
     display: block;
     color: #9EAABA;
 }

 header .numb-site .media-body .numb {
     color: #000;
 }

 header .numb-site .media-body .numb a {
     /*color: #DF9E0C;*/
     display: inline-block;
 }

 header .numb-site .Ico {
     margin-right: 10px;
 }

 .logo-main {}

 .logo-main img {
     height: 50px;
 }

 .list-menu-top {}

 .list-menu-top li {}

 .list-menu-top li a {
     font-size: 12px;
     display: block;
     padding: 5px;
 }

 .list-menu-top li a:hover {}

 .user-related {
     font-size: 12px;
     display: inline-flex;
     display: -ms-inline-flexbox;
     align-items: center;
 }

 .wssearch .Ico-search,
 .user-related .link {
     display: inline-flex;
     display: -ms-inline-flexbox;
     position: relative;
     border: 1px solid #ddd;
     border-radius: 10px;
     min-width: 36px;
     height: 33px;
     align-items: center;
     margin-right: 10px;
 }

 .user-related .search-head {
     padding-right: 5px;
     color: #aaa;
 }

 .user-related .link .Ico {
     margin: auto;
 }

 .user-related .link .badge {
     position: absolute;
     background: #D52846;
     color: #fff;
     border: 1px solid #fff;
     top: -8px;
     min-width: 20px;
     height: 20px;
     line-height: 15px;
     right: -8px;
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
 }

 .wssearch .Ico-search {
     background-position: -197px -10px;
     margin-right: 0;
 }

 /*----------*/
 .exclusive-order {}

 .exclusive-order-list {}

 .item-exclusive-order {
     flex: 0 0 16.666%;
 }

 .item-exclusive-order a {
     display: inline-block;
     padding: 10px 5px;
     border-radius: 10px;
     min-width: 80%;
 }

 .item-exclusive-order:hover a {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     background: #fff;
 }

 .item-exclusive-order .ico-main {
     margin-right: 27%;
     display: flex;
     display: -ms-flexbox;
     margin-bottom: 10px;
     height: 60px;
 }

 .item-exclusive-order .ico-main .Ico {
     margin: auto auto 0;
     height: 52px;
 }

 .item-exclusive-order .title {
     color: #30445A;
     font-size: 12px;
 }

 /*----------*/
 .banner-discount {
     position: relative;
 }

 .banner-discount:before {
     content: "";
     background-image: url('../img/circle.png');
     width: 250px;
     height: 250px;
     position: absolute;
     left: -100px;
     top: -180px;
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
     z-index: -1;
 }

 .banner-discount img {}

 /*----------*/
 .bg-level {
     background: #F4F9FF;
 }

 .levels_index {
     box-shadow: 0 16px 25px rgba(0, 0, 0, 0.13);
     background: #fff;
     border-radius: 20px
 }

 .levels_index .item_levels {
     position: relative;
     flex: 1;
     padding: 0 5px;
     margin-bottom: 16px;
     margin-top: 20px;
 }

 .levels_index .item_levels .numb {
     color: #394562;
     font-weight: 500;
     text-align: center;
     display: block;
     margin-bottom: 15px;
     font-size: 25px;
 }

 .levels_index .item_levels .ico-main {
     display: flex;
     display: -ms-flexbox;
     margin-bottom: 10px;
     height: 70px;
     background: #DE9A00;
     border-radius: 50%;
     width: 70px;
     margin: 0 auto 15px;
 }

 .levels_index .item_levels:nth-child(even) .ico-main {
     background: #003399
 }

 .levels_index .item_levels .ico-main .Ico {
     margin: auto;
     transition: 0.6s;
     height: 45px;
 }

 .levels_index .item_levels:hover .ico-main img {
     transform: rotate(-20deg)
 }

 .levels_index .item_levels .title {
     font-weight: bold;
     color: #2E2D65;
     display: block;
 }

 .levels_index .item_levels a {
     display: block;
     padding: 10px 10px 20px;
     background: #fff;
     border-radius: 10px;
     height: 100%;
     background-size: 100%;
     background-position: center top;
 }

 /*----------*/
 .item-property {}

 .item-property .image {
     display: flex;
     display: -ms-flexbox;
     margin-bottom: 10px;
     height: 82px
 }

 .item-property .image .Ico {
     height: 60px;
     margin: auto;
 }

 .item-property .title {
     color: #2E2D65;
     font-size: 16px;
 }

 .bg-property .item-property .title {
     color: #fff
 }

 .item-property .desc {
     text-align: justify;
 }

 .bg-property .item-property .desc {
     color: #ccc !important;
 }

 /*----------*/
 .Ico {
     background-image: url('../img/icons.png');
     display: inline-block;
     /*! background-color: red; */
     vertical-align: middle;
 }

 .Ico-search {
     width: 25px;
     height: 25px;
     background-position: -201px -12px;
 }

 .Ico-users {
     width: 25px;
     height: 25px;
     background-position: -15px -11px;
 }

 .Ico-phone {
     width: 28px;
     height: 29px;
     background-position: -12px -94px;
 }

 .Ico-cart {
     width: 25px;
     height: 25px;
     background-position: -14px -56px;
 }

 .Ico-level1 {
     background-position: -433px -21px;
     width: 44px !important;
 }

 .Ico-level2 {
     background-position: -356px -87px;
     width: 48px !important;
     height: 39px !important;
 }

 .Ico-level3 {
     background-position: -501px -86px;
     width: 47px !important;
     height: 47px !important;
 }

 .Ico-level4 {
     background-position: -434px -85px;
     width: 38px !important;
     height: 46px !important;
 }

 .Ico-level5 {
     background-position: -312px -15px;
     width: 36px !important;
     height: 44px !important;
 }

 .Ico-level6 {
     background-position: -504px -22px;
     width: 47px !important;
     height: 45px !important;
 }

 .Ico-level7 {
     background-position: -368px -22px;
     width: 45px !important;
     height: 39px !important;
 }

 .Ico-level8 {
     background-position: -65px 0px;
     width: 72px !important;
     height: 66px !important;
 }

 .Ico-category1 {
     width: 45px !important;
     background-position: -95px -444px;
 }

 .Ico-category2 {
     background-position: -98px -376px;
     width: 47px !important;
     height: 56px !important;
 }

 .Ico-category3 {
     background-position: -171px -319px;
     width: 48px !important;
     height: 47px !important;
 }

 .Ico-category4 {
     background-position: -454px -318px;
     width: 52px !important;
     height: 47px !important;
 }

 .Ico-category5 {
     background-position: -16px -253px;
     width: 53px !important;
 }

 .Ico-category6 {
     background-position: -369px -314px;
     width: 38px !important;
     height: 49px !important;
 }

 .Ico-category7 {
     background-position: -96px -311px;
     width: 51px !important;
     height: 54px !important;
 }

 .Ico-category8 {
     background-position: -156px -257px;
     width: 53px !important;
     height: 42px !important;
 }

 .Ico-category9 {
     background-position: -455px -380px;
     width: 57px !important;
     height: 41px !important;
 }

 .Ico-category10 {
     background-position: -26px -317px;
     width: 52px !important;
     height: 50px !important;
 }

 .Ico-category11 {
     background-position: -169px -381px;
     width: 58px !important;
     height: 50px !important;
 }

 .Ico-category12 {
     background-position: -17px -456px;
     width: 53px !important;
     height: 26px !important;
 }

 .Ico-category13 {
     background-position: -170px -445px;
     width: 56px !important;
     height: 46px !important;
 }

 .Ico-category14 {
     background-position: -26px -378px;
     width: 53px !important;
     height: 51px !important;
 }

 .Ico-category15 {
     background-position: -464px -438px;
     width: 48px !important;
     height: 51px !important;
 }

 .Ico-category16 {
     background-position: -308px -311px;
     width: 41px !important;
     height: 50px !important;
 }

 .Ico-category17 {
     background-position: -94px -244px;
     width: 43px !important;
     height: 52px !important;
 }

 .Ico-category18 {
     background-position: -237px -314px;
     width: 45px !important;
     height: 49px !important;
 }

 .Ico-category19 {
     background-position: -252px -438px;
     width: 47px !important;
     height: 52px !important;
 }

 .Ico-category20 {
     background-position: -321px -448px;
     width: 50px !important;
     height: 43px !important;
 }

 .Ico-category21 {
     background-position: -387px -438px;
     width: 50px !important;
     height: 54px !important;
 }

 .Ico-category22 {
     background-position: -318px -378px;
     width: 45px !important;
     height: 52px !important;
 }

 .Ico-category23 {
     background-position: -248px -375px;
     width: 51px !important;
     height: 50px !important;
 }

 .Ico-category24 {
     background-position: -379px -382px;
     width: 50px !important;
     height: 46px !important;
 }


 .Ico-aparat {
     background-position: -47px -9px;
     width: 28px !important;
     height: 28px !important;
 }

 .Ico-property1 {
     background-position: -631px -77px;
     width: 54px !important;
     height: 52px !important;
 }

 .Ico-property2 {
     background-position: -632px -215px;
     width: 48px !important;
     height: 57px !important;
 }

 .Ico-property3 {
     background-position: -632px -149px;
     width: 52px !important;
     height: 54px !important;
 }

 .Ico-property4 {
     background-position: -631px -13px;
     width: 49px !important;
     height: 48px !important;
 }

 .Ico-map {
     background-position: -164px -212px;
     width: 25px !important;
     height: 31px !important;
 }

 .Ico-envelope {
     background-position: -530px -165px;
     width: 31px !important;
     height: 28px !important;
     background-size: 1000% !important;
 }

 .Ico-phone-white {
     background-position: -61px -94px;
     width: 28px !important;
     height: 28px !important;
 }

 .Ico-arrow-left {
     background-position: -106px -100px;
     width: 26px !important;
     height: 22px !important;
 }

 /*----------*/
 footer {
     /* background-image: url('../img/bg-footer.png'); */
     background-size: cover;
     background-repeat: no-repeat;
     background-position: right top;
     position: relative;
     background-color: #DB9906;
     color: #4A4F59;
 }

 /*-----------*/
 footer .fallow {
     display: inline-flex;
     background: rgba(0, 0, 0, 0.5);
     padding: 1px 15px;
     border-radius: 45px;
     display: -ms-inline-flexbox;
     align-items: center;
 }

 footer .fallow li {
     margin-left: 0 !important;
 }

 footer .fallow li+li {
     margin-right: 10px !important;
 }

 footer .fallow li a {
     color: #000;
 }

 footer .fallow li a:hover {
     color: #FEC100;
 }

 footer .fallow li a i {
     font-size: 19px;
     vertical-align: middle;
 }

 footer .namad {
     margin: 5px;
 }

 footer .namad img {
     max-height: 80px
 }

 footer .links_footer {}

 footer .links_footer .title {
     font-size: 17px;
 }

 footer .links_footer ul {}

 footer .links_footer ul li {
     margin-bottom: 10px;
     font-size: 15px;
 }

 footer .links_footer ul li a {}

 footer .links_footer ul li a:hover {
     color: #ED1B24 !important;
 }

 footer .bottom {
     background: #003399;
     color: #fff;
     font-size: 12px;
 }

 footer .bottom .developer {}

 footer .bottom .developer a {
     color: #eee;
 }

 footer .bottom .developer a:hover {
     color: #FFAD23;
 }

 footer .bottom .copyRight a {
     color: #fff
 }

 footer .bottom .copyRight a:hover {
     color: #FFAD23
 }

 .menufooter li {}

 .logo-footer {
     text-align: center;
 }

 .logo-footer a img {
     height: 70px;
 }

 .logo-footer .text {
     display: block;
     font-size: 18px;
     color: #30445A;
 }

 .menufooter {}

 .menufooter li a {
     color: #fff;
     padding: 5px;
     display: inline-block;
     position: relative;
     padding-right: 12px;
 }

 .menufooter li a:before {
     content: "";
     background: #003399;
     position: absolute;
     right: 0;
     width: 7px;
     height: 7px;
     border-radius: 50%;
     top: 12px;
 }

 .menufooter li a:hover {
     color: #fff;
 }

 footer .fallow li a {
     color: #fff;
     display: block;
     padding: 3px;
     font-size: 17px;
 }

 footer .about-site-footer {
     line-height: 2;
 }

 footer .title-footer {
     color: #fff;
     font-size: 16px;
 }

 /*----------*/
 .slider_owl {}

 .slider_owl .item {
     /*! margin: 5px; */
     direction: rtl
 }

 .slider_owl .owl-dots {
     margin-top: 20px;
 }

 .slider_owl .owl-nav {
     background: #FBFBFB;
     position: absolute;
     bottom: -62px;
     left: 15px;
 }

 .slider_owl .owl-nav button {
     background: transparent !important;
     margin: 5px !important;
 }

 .slider_owl .owl-nav button:hover {}

 .slider_owl .owl-nav button span {
     background: rgba(0, 0, 0, 0.2);
     width: 40px;
     height: 40px;
     display: inline-flex;
     display: -ms-inline-flex;
     border-radius: 50%;
 }

 .slider_owl .owl-nav button span i {
     margin: auto;
 }

 .slider_owl .owl-nav button span i:before {
     content: "";
     border-top: 1px solid #DF9E0C;
     display: block;
     width: 8px;
     height: 8px;
     border-left: 1px solid #DF9E0C;
 }

 .slider_owl .owl-nav button span i.fa-angle-left:before {
     transform: rotate(-45deg);
 }

 .slider_owl .owl-nav button span i.fa-angle-right:before {
     transform: rotate(135deg);
 }

 .slider_owl .owl-nav button:hover span i.fa-angle-left:before {
     border-top-color: #028C42;
     border-left-color: #028C42;
 }

 .slider_owl .owl-nav button:hover span i.fa-angle-right:before {
     border-top-color: #028C42;
     border-left-color: #028C42;
 }


 .slider_owl .owl-nav .owl-next,
 .slider_owl .owl-nav .owl-prev {
     margin: 0;
 }

 .slider_owl .owl-nav .owl-prev {
     left: 0;
 }

 .slider_owl .owl-nav .owl-prev span {}

 .slider_owl .owl-nav .owl-next {
     right: -30px;
 }

 .slider_owl .owl-nav .owl-next span {}

 .owl-theme .owl-dots .owl-dot span {
     background: rgba(0, 0, 0, 0.3);
     opacity: 1;
     width: 12px;
     height: 12px;
 }

 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
     opacity: 1;
     background: #120B15;
 }

 .slider_owl .owl-nav {
     background: transparent;
 }

 .slider_owl .owl-nav .owl-prev {
     left: -30px !important;
 }

 .slider_owl .owl-nav .owl-next {
     right: -30px !important;
 }

 /*----------*/
 .category.sticky-top {
     top: 60px
 }

 .category:before {
     content: "";
     background-image: url('../img/circle.png');
     width: 120px;
     height: 120px;
     position: absolute;
     right: -60px;
     top: 60px;
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center;
     z-index: -1;
     transform: rotate(180deg);
 }

 .sticky-top {
     z-index: 1
 }

 .category .list-group {
     border-radius: 0;
     padding: 5px;
     border: 1px solid #ddd;
     border-radius: 10px;
     background: #fff;
 }

 .category .list-group li {
     margin-right: 0 !important;
 }

 .category .list-group .list-group-item {
     border-radius: 0;
     border: 0;
     padding: 10px 8px;
     border-radius: 8px;
     position: relative;
     padding-right: 15px;
 }

 .category .list-group .list-group-item:hover {
     background: transparent
 }

 .category .list-group .list-group-item:before {
     content: "";
     position: absolute;
     right: 5px;
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background: #EAECF3;
     top: 16px;
 }

 .category .list-group .list-group-item:after {
     content: "";
     position: absolute;
     left: 5px;
     width: 40px;
     height: 26px;
     border-radius: 50%;
     top: calc(50% - 13px);
     background-image: url('../img/arrow-left.png');
     background-size: 100%;
     opacity: 0;
 }

 .category .list-group .list-group-item.active::after {
     opacity: 1
 }

 .category .list-group li {
     padding: 5px 0
 }

 .category .list-group li+li {
     border-top: 1px solid #ddd
 }

 .category .list-group li .list-group-item {}

 .category .list-group .nav-item:last-of-type a {}

 .category .list-group .list-group-item.active {
     background-image: linear-gradient(to left, #058D74, #1A72C8);
     color: #fff !important;
     border-color: #028C42 !important;
 }

 .category .list-group .list-group-item:hover:before,
 .category .list-group .list-group-item.active:before {
     background: #fff
 }

 .category .list-group .list-group-item:hover {
     background-image: linear-gradient(to left, #058D74, #1A72C8);
     color: #fff;
 }

 /*----------*/
 .carousel-main {}

 .carousel-main .carousel-inner,
 .carousel-main .carousel-item img {
     border-radius: 15px
 }

 .carousel-main .carousel-control-next,
 .carousel-main .carousel-control-prev {
     z-index: 100;
     width: 40px;
     height: 40px;
     transform: translateY(-50%);
     top: 50%;
     border-radius: 50%;
     background: rgba(0, 0, 0, 0.3);
     opacity: 1;
 }

 .carousel-main .carousel-control-next {
     right: 20px;
 }

 .carousel-main .carousel-control-prev {
     left: 20px;
 }

 .carousel-main .carousel-control-prev span,
 .carousel-main .carousel-control-next span {
     background-image: none;
     position: relative;
 }

 .carousel-main .carousel-control-prev span:before,
 .carousel-main .carousel-control-next span:before {
     content: "";
     position: absolute;
     width: 12px;
     border-bottom: 1px solid #fff;
     height: 12px;
     transform: rotate(-45deg) translate(-1px, 4px);
 }

 .carousel-main .carousel-control-prev span:before {
     border-left: 1px solid #fff;
     transform: rotate(45deg) translate(8px, -2px);
 }

 .carousel-main .carousel-control-next span:before {
     border-right: 1px solid #fff;
 }

 .carousel-main .carousel-indicators {
     bottom: 10px;
     align-items: center;
     height: 14px;
     z-index: 100;
     justify-content: center;
 }

 .carousel-main .carousel-indicators li {
     border: 0;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     transition: 0.6s;
     border-radius: 15px;
     background: rgba(0, 0, 0, 0.3);
     opacity: 1;
     position: relative;
 }

 .carousel-main .carousel-indicators li:before {
     content: "";
     position: absolute;
     right: -4px;
     left: -4px;
     top: -4px;
     bottom: -4px;
     border-radius: 45px;
     border: 4px solid transparent;
 }

 .carousel-main .carousel-indicators li.active {
     background: #120B15;
     width: 17px;
     height: 17px;
 }

 .carousel-main .carousel-indicators li.active:before {
     border-color: rgba(0, 0, 0, 0.3);
 }

 /*----------*/
 .title-main {
     font-size: 30px;
     font-weight: bold;
     color: #003399;
     line-height: 2;
 }

 .title-small {
     font-size: 15px;
     font-weight: bold;
     line-height: 2;
 }

 /*----------*/
 .box-produt {
     position: relative;
     background: #fff;
     border-radius: 10px;
     text-align: center;
     transition: 0.3s;
 }

 .box-produt:hover {
     transform: scale3d(1.05, 1.05, 1);
 }

 .box-produt .image {}

 .box-produt .image img {
     border-radius: 10px 10px 0 0;
     width: 100%;
 }

 .box-produt .text {
     padding: 10px 5px;
 }

 .box-produt .text .title {
     font-size: 14px;
 }

 .box-produt .text .btn {
     display: none;
     margin-right: auto;
     white-space: nowrap;
     padding: 0 12px;
 }

 .box-produt:hover .text .btn {
     display: block;
 }

 .box-produt .text .btn .Ico {
     background-size: 1500%;
 }

 .box-produt .text .info {
     font-size: 9px;
     margin-top: 10px;
     color: #777;
 }

 .box-produt .text .info span {
     font-weight: 500;
     font-size: 12px;
 }

 .slider_owl .box-produt {
     margin: 6px;
 }

 .box-produt-simple {
     position: relative;
     background: #fff;
     border-radius: 10px;
     text-align: center;
     transition: 0.3s;
 }

 .box-produt-simple:hover {
     transform: scale3d(1.05, 1.05, 1);
 }

 .box-produt-simple .image {}

 .box-produt-simple .image img {
     border-radius: 10px;
     width: 100%;
 }

 .box-produt-simple .text {
     padding: 10px 5px;
 }

 .box-produt-simple .text .title {
     font-size: 12px;
 }

 .box-produt-simple .text .btn {
     display: none;
     margin-right: auto;
     white-space: nowrap;
     padding: 0 12px;
 }

 .box-produt-simple:hover .text .btn {
     display: block;
 }

 .box-produt-simple .text .btn .Ico {
     background-size: 1500%;
 }

 .box-produt-simple .text .info {
     font-size: 9px;
     margin-top: 10px;
     color: #777;
 }

 .box-produt-simple .text .info span {
     font-weight: 500;
     font-size: 12px;
 }

 /*----------*/
 .btn i,
 .btn .Ico {
     vertical-align: middle;
 }

 /*----------*/
 .btn-orang {
     background: #FFAD23;
     color: #fff !important;
 }

 .btn-white {
     background: #fff;
     color: #004DBD;
 }

 .btn-blue {
     background: #004DBD;
     color: #fff !important
 }

 .btn-outline-blue {
     border-color: #004DBD;
     color: #004DBD !important
 }

 .btn-outline-blue:hover {
     background: #004DBD;
     color: #fff !important
 }

 .text-blue {
     color: #003399 !important;
 }

 /*----------*/
 .link-respon {}

 .search-menu .nav-link,
 .link-respon a {
     background: rgba(255, 255, 255, 0.7);
     margin-right: 10px;
     border-radius: 10px;
     min-width: 30px;
     display: inline-flex;
     height: 30px;
     display: -ms-inline-flexbox;
     padding: 0;
 }

 .search-menu .nav-link i,
 .link-respon .Ico {
     background-size: 1500%;
     margin: auto;
 }

 .search-menu .nav-link i {
     transform: translateY(3px);
 }

 /*----------*/
 .box-detiles-articles {
     border-radius: 10px;
     background: #fff;
 }

 .box-detiles-articles .Img_main {}

 .box-detiles-articles .Img_main img {
     border-radius: 15px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
 }

 .box-detiles-articles .list-detailes {
     border-top: 1px solid #ddd;
     justify-content: space-between;
     padding: 15px;
     padding-bottom: 10px;
     border-bottom: 1px solid #ddd;
 }

 .box-detiles-articles .list-detailes .item-detailes {
     color: #919EB1;
     font-size: 12px;
 }

 .box-detiles-articles .list-detailes .item-detailes i {
     margin-left: 5px;
 }

 .box-detiles-articles .list-detailes .item-detailes .titr {}

 .box-detiles-articles .list-detailes .item-detailes .titr.tags {}

 .box-detiles-articles .list-detailes .item-detailes .titr .link-tag {
     display: inline-block;
     margin-left: 3px;
     color: #919EB1
 }

 .box-detiles-articles .list-detailes .item-detailes .titr .link-tag:hover {
     color: #FFB02D
 }

 .title-simple,
 .comment-send .title-main,
 .box-detiles-articles .title-main {
     font-size: 18px;
 }

 .box-detiles-articles .desc {
     color: #777;
     line-height: 2;
 }

 .box-detiles-articles .title-small {
     font-size: 16px;
     font-weight: bold;
     color: #666666;
 }

 .box-detiles-articles .list-text {}

 .box-detiles-articles .list-text li {
     color: #777;
     margin-bottom: 15px;
     position: relative;
     padding-right: 15px;
 }

 .box-detiles-articles .list-text li:before {
     content: "";
     position: absolute;
     right: 0;
     width: 7px;
     height: 7px;
     background: #DE9A00;
     border-radius: 50%;
     transform: rotate(45deg);
     top: 6px;
 }

 /*----------*/
 .comment-send {}

 .comment-send .list-point {}

 .comment-send .list-point .list {
     list-style: inside;
     color: #777;
 }

 .comment-send .list-point .list li {
     margin-bottom: 10px;
 }

 .comment-send .form-comment-send {}

 .comment-send .form-comment-send .form-group {}

 .comment-send .form-comment-send textarea,
 .comment-send .form-comment-send .form-group input {
     background: #F8F8F8;
     border: 0;
     border-radius: 0;
 }

 .comment-send .form-comment-send .form-group input {
     border-radius: 50px !important;
 }

 .comment-send .form-comment-send .form-group input {
     height: 45px;
 }

 .comment-send .form-comment-send textarea {
     border-radius: 5px;
 }

 .comment-send .form-comment-send .btn {
     font-size: 12px !important;
 }

 /*----------*/
 .comments {}

 .comments .comments-line {}

 .comments .comments-line .comment-main {
     margin-bottom: 30px;
 }

 .comments .comments-line .comment-main .Img {}

 .comments .comments-line .comment-main .Img img {
     width: 50px;
 }

 .comments .comments-line .comment-main .media-body {
     margin-right: 10px;
 }

 .comments .comments-line .comment-main .media-body .User-Profile {
     position: relative;
     padding-left: 60px;
 }

 .comments .comments-line .comment-main .media-body .User-Profile .btn {
     position: absolute;
     left: 0;
     top: 0;
     font-size: 12px;
     padding: 3px 12px;
     cursor: pointer;
 }

 .comments .comments-line .comment-main .media-body .User-Profile .name {
     display: block;
     color: #555;
 }

 .comments .comments-line .comment-main .media-body .User-Profile .date {
     color: #999;
     font-size: 12px;
 }

 .comments .comments-line .comment-main .media-body .User-Profile .brn {}

 .comments .comments-line .comment-main .media-body .User-comment {}

 .comments .comments-line .comment-main .media-body .User-comment .desc {
     color: #777;
     text-align: justify;
     margin-top: 15px;
 }

 .comments .comments-line .comment-main.Inside {}

 .comments .comments-line .comment-main.Inside .Img {
     align-self: flex-end;
 }

 .comments .comments-line .comment-main.Inside .Img img {}

 .comments .comments-line .comment-main.Inside .media-body {
     background: #F0F2F5;
     padding: 15px;
 }

 /*----------*/
 .breadcrumb-bg {
     position: relative;
 }

 .breadcrumb-color {
     background-color: #fdbb25;
 }

 .breadcrumb-bg:before {
     content: "";
     background-image: url('../img/before-top.png');
     background-size: contain;
     background-position: center top;
     background-repeat: no-repeat;
     position: absolute;
     right: 0;
     left: 0;
     top: 0;
     bottom: 0;
     z-index: -1;
 }

 .breadcrumb-list {
     border-radius: 0;
     background: transparent;
     font-size: 12px;
     color: #666;
     justify-content: center;
 }

 .breadcrumb-list .breadcrumb-item {
     position: relative;
     padding: 5px 10px;
 }

 .breadcrumb-list .breadcrumb-item+li:before {
     content: "\f100";
     font-family: "Font Awesome 5 Free";
     position: absolute;
     font-weight: bold;
     left: -13px;
     font-size: 11px;
     top: 7px;
 }

 .breadcrumb-list .breadcrumb-item:last-of-type:before {
     content: none
 }

 .breadcrumb-list .breadcrumb-item .title {}

 .breadcrumb-list .breadcrumb-item a {
     color: #666;
 }

 .breadcrumb-list .breadcrumb-item a:hover {
     color: #fff
 }

 .breadcrumb-list .breadcrumb-item span:not(.title) {
     font-weight: bold;
     color: #000;
 }

 /*----------*/
 .group-form label {
     color: #A2ADBE
 }

 .group-form input,
 .group-form select {
     height: 40px !important;
 }

 .group-form input,
 .group-form select,
 .group-form textarea {
     border: 1px solid #ddd !important;
     border-radius: 10px !important;
     background: transparent !important;
     resize: none
 }

 /*----------*/
 .rounded-10 {
     border-radius: 10px
 }

 /*----------*/
 .box-blog {
     box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
     height: calc(100% - 16px);
     position: relative;
     padding-bottom: 38px;
     transition: 0.6s;
     border-radius: 10px;
     overflow: hidden;
 }

 .box-blog:hover {
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
 }

 .box-blog .image {}

 .box-blog .image img {
     height: 140px;
 }

 .box-blog .info {
     padding-top: 10px;
     padding-right: 10px;
 }

 .box-blog .info .text {
     margin-bottom: 10px;
 }

 .box-blog .info .text .title {
     padding-left: 10px;
     line-height: 1.8;
 }

 .box-blog .info .text .title a {
     display: block;
     font-size: 15px;
     color: #2E2D65;
 }

 .box-blog .info .date {
     margin-left: auto;
     color: #939393;
     font-size: 12px;
 }

 .box-blog .info .date i {
     margin-left: 5px
 }

 .box-blog .info .btn {}

 .box-blog .info .bottom {
     position: absolute;
     bottom: 0;
     right: 0;
     left: 0;
     padding-right: 10px;
 }

 /*----------*/
 .img-customer {}

 .img-customer:hover {
     -ms-filter: grayscale(100%) opacity(40%);
     -webkit-filter: grayscale(100%) opacity(40%);
     filter: grayscale(100%) opacity(40%);
     -webkit-transition: filter 250ms ease-in-out;
     -moz-transition: filter 250ms ease-in-out;
     -ms-transition: filter 250ms ease-in-out;
     -o-transition: filter 250ms ease-in-out;
     transition: filter 250ms ease-in-out;
 }

 /*----------*/
 .slide-main {
     background-image: url('../img/before-top.png');
     background-size: contain;
     background-position: center top;
     background-repeat: no-repeat;
 }

 /*----------*/
 .alert-main .desc {
     font-size: 12px
 }

 .alert-main .btn {
     font-size: 10px
 }

 /*----------*/
 .bg-product {
     /* background-image: url('../img/bg-product.png'); */
     background-position: center top;
     background-size: contain;
     background-color: #072C77;
     background-repeat: no-repeat;
 }

 /*----------*/
 .list-group-simple {}

 .list-group-simple .nav-item {}

 .list-group-simple .nav-item .nav-link {
     border-radius: 50px;
     padding: 4px 12px 3px;
     background: transparent;
     color: #FFBD26;
     border-color: transparent;
 }

 .list-group-simple .nav-item .nav-link.active {
     background: #FFBD26;
     border-color: #FFBD26;
     color: #062B76
 }

 .content-simple {}

 .content-simple .tab-pane {}

 /*----------*/
 .text-orang {
     color: #DF9E0C !important;
 }

 /*----------*/
 .bg-property {
     /* background-image: url('../img/bg-property.png'); */
     background-color: #072C77;
     background-position: center bottom;
     background-size: contain;
     background-color: #072C77;
     background-repeat: no-repeat;
 }

 /*----------*/
 .response-time-box {
     background: rgba(0, 0, 0, 0.5);
     color: #fff;
     display: flex;
     display: -ms-flexbox;
     align-items: center;
     justify-content: space-between;
     padding: 10px;
     border-radius: 25px 25px 0 0;
 }

 .response-time-box .number {
     font-size: 20px;
 }

 .response-time-box .desc {
     font-size: 12px;
     line-height: 2;
 }

 /*----------*/
 .button-product {
     padding-left: 130px
 }

 /*----------*/
 .p-small {
     margin: -5px
 }

 .p-small .col-12,
 .p-small .col-6 {
     padding: 0 5px
 }

 /*----------*/
 /*----------*/
 /*----------*/
 /*----------*/
 /*----------*/
 /*----------*/
 /*----------*/
 /*----------*/
 /*----------*/
 /*----------*/
 /*----------*/
 /*----------*/
 /*----------*/
 /*----------*/
 /*----------*/
 /*----------*/
 /*----------*/
 /*----------*/












 /*...........*/
 #back-top {
     position: fixed;
     bottom: 30px;
     z-index: 10000;
     display: none;
     left: 20px;
 }

 #back-top a {
     display: flex;
     display: -ms-flexbox;
     text-align: center;
     width: 47px;
     height: 47px;
     line-height: 62px;
     text-decoration: none;
     -o-border-radius: 52px 50px 50px 3px;
     -moz-border-radius: 52px 50px 50px 3px;
     -webkit-border-radius: 52px 50px 50px 3px;
     border-radius: 52px 50px 50px 3px;
     -webkit-transition: all .2s ease 0s;
     -moz-transition: all .2s ease 0s;
     -o-transition: all .2s ease 0s;
     border: 1px solid #004DBD;
 }

 #back-top a i {
     margin: auto;
     -webkit-transition: 1s;
     -moz-transition: 1s;
     transition: 1s;
     font-size: 17px;
     color: #004DBD;
 }

 #back-top a:hover i {
     color: #fff;
 }

 #back-top a:hover {
     background-color: #FFAD23;
     border-color: #FFAD23;
 }

 /*#back-top i {
    width: 34px;
    height: 34px;
    display: block;
    background: grey;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 0.6s;
    padding: 9px 0 0;
    color: #372d2b;
    box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
    border: 3px solid #372d2b;
    font-size: 33px;
    line-height: 8px;
}

#back-top a:hover span {
    background-color: #777;
}*/
 @media(min-width:1200px) {
     .item-property {
         width: 80%;
         margin: auto
     }

     .carousel-main .carousel-control-next {
         right: -50px;
     }

     .carousel-main .carousel-control-prev {
         left: -50px;
     }
 }

 @media(min-width:992px) {
     .wsmenu>.wsmenu-list>li.drop .navtext:before {
         content: "\f107";
         font-family: "Font Awesome 5 Free";
         font-weight: bold;
         position: absolute;
         left: 3px;
     }

     .mm-wrapper__blocker {
         display: none !important;
     }

     .wsmenu>.wsmenu-list>li>.wsmegamenu:after,
     .wsmenu>.wsmenu-list>li>.wsmegamenu:before {
         content: "";
         position: absolute;
         border-right: 16px solid #ddd;
         border-bottom: 16px solid transparent;
         top: -7px;
         transform: rotate(-45deg);
         right: 10px;
     }

     .wsmenu>.wsmenu-list>li>.wsmegamenu:after {
         border-right: 18px solid #fff;
         top: -5px;
         right: 10px;
     }

     .wsmegamenu:not(.submenu-left) {}

     .menu {
         min-height: 76px;
     }

     .wsmenu>.wsmenu-list>li>.wsmegamenu {
         display: flex;
         display: -ms-flexbox;
     }

     .wsmenu>.wsmenu-list>li .wstliststy02 {
         width: 50%;
         padding: 0 5px
     }

     /*------------*/
     footer .about-site-footer {
         width: 85%;
     }
 }

 @media(min-width:768px) {
     .wsmenu>.wsmenu-list>li:hover>.wsmegamenu {
         max-height: 500px;
         overflow-x: hidden;
         overflow-y: auto;
     }
 }

 @media(max-width:1200px) {
     .container {
         max-width: 100%
     }

     .wsmenu>.wsmenu-list>li>.navtext {
         padding: 30px 9px;
     }

     .pos_nav .wsmenu>.wsmenu-list>li>.navtext {
         padding: 15px 9px;
     }
 }

 @media(max-width:991px) {
     .container {
         max-width: 100%
     }

     .wsmobileheader {
         position: relative;
         z-index: 0;
     }

     .wsactive .wsmenucontainer {
         margin-right: 0;
     }

     .wsmenu>.wsmenu-list>li>.navtext>span,
     .wsmenu>.wsmenu-list>li>.navtext {
         padding: 11px 10px 11px 18px;
         text-align: right;
         font-size: 14px;
     }

     .shopping-menu a {
         padding: 11px 10px 11px 18px !important;
     }

     .wsmobileheader .wssearch.wsopensearch {
         background-color: #003399;
         /*background-image: linear-gradient(to left,#00737A,#00A8A9);*/
     }

     .wsmobileheader .wssearchform form::before {
         font-weight: 700;
         font-family: "Font Awesome 5 Free";
     }

     .wsactive .wsmenu {
         z-index: 1000000;
         height: 100% !important;
     }

     .wsmenu>.wsmenu-list>li>.navtext.btn {
         border-radius: 0;
     }

     .wsmenu>.wsmenu-list,
     .headerfull {
         background: #F9F9F9;
     }

     /*------*/
     .carousel-main .carousel-indicators {
         bottom: 60px;
     }

     .category .list-group {
         flex-direction: inherit;
         white-space: nowrap;
         overflow-y: hidden;
         overflow-x: auto;
         flex-wrap: inherit;
     }

     .category .list-group {
         border-radius: 0;
         border: 0;
         background: transparent;
         box-shadow: none !important;
     }

     .category .list-group li .list-group-item {
         background: transparent;
     }

     .category .list-group .list-group-item::after {
         content: none;
     }

     .category .list-group li+li {
         border-top: none;
         border-right: 1px solid #ddd;
     }

     .category .list-group li {
         padding: 0 5px;
     }

     .banner-discount::before {
         left: -60px;
     }

     .category::before {
         right: 0;
         top: -60px;
     }

     footer .contact-foot .item {
         font-size: 12px;
     }

     header .numb-site {
         border-right: 0;
         font-size: 17px;
         padding: 10px;
         margin: auto;
     }

     .user-related {
         margin-left: 55px;
     }

     .wsmenu>.wsmenu-list>li .wstliststy02 li a {
         width: 100% !important;
         white-space: nowrap;
     }

     .wsmenu>.wsmenu-list>li .wstliststy02 {
         width: 100% !important;
         max-width: 100% !important;
     }

     .wsmenu>.wsmenu-list>li .wstliststy02 .limenu {
         width: 100% !important;
         max-width: 100% !important;
         flex: 0 0 100%;
     }
 }

 @media(max-width:768px) {
     .title-main br {
         display: none
     }

     .levels_index .item_levels .ico-main .Ico {
         height: 23px !important;
         background-size: 350px;
     }

     .Ico-level1 {
         background-position: -566px -10px;
         width: 23px !important;
     }

     .Ico-level2 {
         background-position: -527px -43px;
         width: 27px !important;
         height: 21px !important;
     }

     .Ico-level3 {
         background-position: -600px -42px;
         width: 26px !important;
         height: 26px !important;
     }

     .Ico-level4 {
         background-position: -566px -41px;
         width: 21px !important;
         height: 25px !important;
     }

     .Ico-level5 {
         background-position: -505px -7px;
         width: 20px !important;
         height: 24px !important;
     }

     .Ico-level6 {
         background-position: -599px -10px;
         width: 27px !important;
         height: 23px !important;
     }

     .Ico-level7 {
         background-position: -532px -9px;
         width: 27px !important;
         height: 23px !important;
     }

     .levels_index .item_levels .ico-main {
         height: 40px;
         width: 40px;
     }

     .levels_index .item_levels .numb {
         font-size: 15px;
     }

     .levels_index .item_levels a {
         padding: 0;
     }

     .response-time-box {
         display: block;
         text-align: center;
     }

     .alert-main .desc {
         text-align: center;
     }
 }

 @media(max-width:576px) {
     .wsmobileheader .wssearchform input {
         text-indent: 10px;
     }


     .carousel-main .carousel-indicators {
         bottom: 10px;
         justify-content: center;
     }

     .item-exclusive-order {
         flex: 0 0 20%;
     }

     .title-main {
         font-size: 18px;
     }

     .item-property .title {
         font-size: 14px;
     }

     footer .about-site-footer .desc,
     .item-property .desc {
         font-size: 12px;
     }

     .carousel-main .carousel-item img {
         min-height: 150px;
         object-fit: cover
     }

     .levels_index .item_levels .title {
         font-size: 12px;
     }

     .wsmobileheader>.smllogo {
         padding-right: 0;
     }

     .comments .comments-line .comment-main .media-body .User-Profile .name,
     .comments .comments-line .comment-main .media-body .User-comment .desc,
     .btn {
         font-size: 12px
     }

     .button-product {
         transform: translateY(5px);
     }

     .logo-footer a img {
         margin: auto;
     }

     footer .fallow-box,
     footer .desc-about {
         text-align: center
     }

     .title-simple,
     .comment-send .title-main,
     .box-detiles-articles .title-main {
         font-size: 14px;
     }
 }

 @media(max-width:410px) {
     .item-exclusive-order {
         flex: 0 0 33%;
     }

     .levels_index .item_levels {
         padding: 0;
     }

     .slide-main {
         background-size: 150%;
     }

     .comments .comments-line .comment-main .Img img {
         width: 30px;
     }
 }

 .img-responsive,
 .thumbnail>img,
 .thumbnail a>img,
 .carousel-inner>.item>img,
 .carousel-inner>.item>a>img {
     display: block;
     max-width: 100%;
     height: auto;
 }

 .represent__Title {
     color: #003399;
     border-bottom: 2px solid #003399;
     margin: 8px auto;
     padding-bottom: 5px;
 }

 .btn-primary {
     background-color: #003399;
     color: #fff;
 }

 #demo_product .carousel-indicators {
     position: initial;
 }

 #demo_product .carousel-indicators li {
     width: 100px;
     opacity: 1;
     position: relative;
     height: 100px;
     overflow: hidden;
 }

 .response-time-box .desc {
     font-size: 17px;
     font-weight: 500;
 }

 .contact-widget {
     position: fixed;
     bottom: 20px;
     right: 10px;
     z-index: 9999;
     /*font-family: iransans;*/
 }

 .maghale-table-wrap {
     position: relative;
     width: 100%;
     display: block;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
 }


 .contact-btn {
     height: 56px;
     width: 56px;
     background: rgb(45, 183, 66);
     border-radius: 50%;
     box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14);
     border: none;
     cursor: pointer;
     position: relative;
     overflow: hidden;
     transition: background 0.3s ease;
 }

 .contact-toggle {
     display: flex;
     align-items: center;
     gap: 12px;
 }

 .contact-text {
     background-color: #333;
     color: white;
     padding: 8px 14px;
     border-radius: 10px;
     font-size: 12px;
     /*font-family: iransans;*/
     transition: opacity 0.3s ease;
 }

 .contact-btn::before {
     content: "";
     position: absolute;
     inset: 0;
     background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjRkZGIi8+PC9zdmc+) 50% no-repeat;
     background-size: 30px 30px;
     transform: rotate(0deg);
     transition: transform 0.4s ease;
     color: #fff;
 }

 .contact-btn.active::before {
     content: "✖";
     background: none;
     color: white;
     font-size: 24px;
     text-align: center;
     line-height: 52px;
     transform: rotate(180deg);
     transition: transform 0.4s ease, color 0.4s ease;
 }


 .contact-box {
     position: absolute;
     bottom: 70px;
     right: 0;
     width: 300px;
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
     opacity: 0;
     visibility: hidden;
     transform: translateY(20px);
     transition: all 0.3s ease;
 }

 .header_wt_down {
     position: relative;
     background: rgb(45, 183, 66);
     color: #fff;
     padding: 15px 74px 17px 43px;
     border-top-right-radius: 10px;
     border-top-left-radius: 10px;
     font-size: 12px;
     /*font-family: iransans;*/
 }

 .header_wt_down::before {
     background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjRkZGIi8+PC9zdmc+) top no-repeat;
     background-size: auto;
     background-size: 33px;
     content: "";
     display: block;
     height: 33px;
     position: absolute;
     right: 12px;
     top: 9px;
     width: 55px;
 }

 .contact-box.active {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }

 .contact-content {
     position: relative;
     padding: 5px;
     width: 100%;
     box-sizing: border-box;
 }

 .contact-content a {
     text-decoration: none
 }

 .box_tell_forosh_dow {
     position: relative;
     background-color: #fff;
     color: #333;
     padding: 5px;
     box-sizing: border-box;
     border-right: 2px solid #2db742;
     display: block;
     font-size: 12px;
     margin-bottom: 10px;
     text-align: right;
     direction: rtl;
 }

 .box_tell_forosh_dow:hover {
     background-color: #f0f0f0;
     border-radius: 5px;
 }

 .contact-content .box_tell_forosh_dow {
     opacity: 0;
     transform: translateY(10px);
     transition: opacity 0.9s ease, transform 0.9s ease;
 }

 .contact-box.active .box_tell_forosh_dow {
     opacity: 1;
     transform: translateY(0);
 }

 .contact-box.active .box_tell_forosh_dow:nth-child(1) {
     transition-delay: 0.2s;
 }

 .contact-box.active .box_tell_forosh_dow:nth-child(2) {
     transition-delay: 0.4s;
 }

 #demo_product .carousel-control-next,
 #demo_product .carousel-control-prev {
     top: auto !important;
     bottom: 40px !important;
 }

 html,
 body {
     height: 100%;
     margin: 0;
     min-height: 100%;
 }

 body {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
 }

 .wsmenucontainer {
     display: flex;
     flex-direction: column;
 }

 .wsmenucontainer {
     flex: 1;
 }

 @media(max-width:768px) {
     .item-exclusive-order .ico-main {
         margin: auto !important;
     }
 }


 .box-detiles-articles .contact-text {
     background-color: transparent !important;
 }

 .contact-widget .contact-text:before {
     background: transparent !important;
     box-shadow: none;
 }

 .btn-light {
     background-color: #fcba25 !important;
     border-color: #fcba25 !important;
 }

 .btn_red {
     background: #003399 !important;
 }

 footer {
     margin-top: auto;
 }

 footer .fallow {
     width: fit-content !important;
 }

 .menufooter li {
     display: block !important;
 }

 .btn-secondary {
     background-color: #DB9906 !important;
     border: 1px solid #DB9906 !important;
 }

 #goftino_w {
     right: auto !important;
     left: 0px !important;
     bottom: 10px !important;
 }

 /* ----------------------- blogs ------------------- */
 .user-text h1,
 .user-text h1 *,
 .product-detail__content h1,
 .product-detail__content h1 *,
 .Page-Style1 h1 *,
 .Page-Style1 h1 {
     color: #003399 !important;
     font-weight: bold !important;
     margin: 2rem 0 0.2rem !important;
     font-size: 28px !important;
 }

 .user-text h2,
 .user-text h2 *,
 .product-detail__content h2,
 .product-detail__content h2 *,
 .Page-Style1 h2 *,
 .Page-Style1 h2 {
     color: #003399 !important;
     font-weight: bold !important;
     margin: 2rem 0 0.2rem !important;
     font-size: 24px !important;
 }

 .user-text h3:not(.product-detail__title),
 .product-detail__content h3:not(.product-detail__title),
 .Page-Style1 h3:not(.product-detail__title) {
     color: #003399 !important;
     font-weight: bold !important;
     margin: 2rem 0 0.2rem;
     font-size: 20px !important;
 }

 .user-text h4,
 .product-detail__content h4,
 .Page-Style1 h4 {
     color: #003399 !important;
     font-weight: bold !important;
     margin: 2rem 0 0.2rem !important;
     font-size: 18px !important;
 }

 .user-text h5,
 .product-detail__content h5,
 .Page-Style1 h5 {
     color: #003399 !important;
     font-weight: bold !important;
     margin: 2rem 0 0.2rem !important;
     font-size: 16px !important;
 }

 .user-text p,
 .product-detail__content p,
 .Page-Style1 p {
     font-size: 16px;
     margin-bottom: 30px;
     line-height: 30px;
     color: #686868 !important;
     text-align: justify;
 }

 .user-text ul,
 .product-detail__content ul,
 .Page-Style1 ul,
 .user-text ol,
 .product-detail__content ol,
 .Page-Style1 ol {
     margin-right: 20px !important;
 }

 .user-text ul,
 .user-text li,
 .product-detail__content ul,
 .product-detail__content li,
 .Page-Style1 ul,
 .Page-Style1 li,
 .user-text ol,
 .product-detail__content ol,
 .Page-Style1 ol {
     font-size: 19px !important;
 }

 .user-text ul,
 .user-text ol,
 .product-detail__content ul,
 .product-detail__content ol,
 .Page-Style1 ul,
 .Page-Style1 ol {
     margin: 10px;
 }

 .user-text a,
 .product-detail__content a,
 .Page-Style1 a {
    color: #003399 !important;
    font-weight: bold !important;
 }

 .user-text ul li.nav-item,
 .product-detail__content ul li.nav-item,
 .user-text ol li.nav-item,
 .product-detail__content ol li.nav-item,
 .Page-Style1 ul li.nav-item,
 .Page-Style1 ul li.nav-item,
 .Page-Style1 ol li.nav-item,
 .Page-Style1 ol li.nav-item {
     list-style-type: none !important;
     margin-bottom: 0 !important;
 }

 .user-text ul li,
 .user-text ul li *,
 .product-detail__content ul li,
 .product-detail__content ul li *,
 .Page-Style1 ul li *,
 .Page-Style1 ul li {
     list-style-type: disc !important;
     margin-bottom: 8px;
     color: #686868 !important;
 }

 .user-text ol li,
 .user-text ol li *,
 .product-detail__content ol li,
 .product-detail__content ol li *,
 .Page-Style1 ol li *,
 .Page-Style1 ol li {
     list-style-type: decimal !important;
     margin-bottom: 8px;
     color: #686868 !important;
 }

 .user-text ul li::marker,
 .product-detail__content ul li::marker,
 .Page-Style1 ul li::marker {
     color: #686868 !important;
 }

 .user-text ol li::marker,
 .product-detail__content ol li::marker,
 .Page-Style1 ol li::marker {
     color: #686868 !important;
 }

 .user-text label,
 .product-detail__content label,
 .Page-Style1 label {
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .user-text input[type="radio"],
 .product-detail__content input[type="radio"],
 .Page-Style1 input[type="radio"] {
     opacity: 1;
     visibility: visible;
     display: unset;
 }

 .user-text input[type="checkbox"],
 .user-text input[type="radio"],
 .product-detail__content input[type="checkbox"],
 .product-detail__content input[type="radio"],
 .Page-Style1 input[type="checkbox"],
 .Page-Style1 input[type="radio"] {
     width: 15px;
     height: 15px;
     accent-color: #003399;
 }

 .user-text *,
 .product-detail__content *,
 .Page-Style1 * {
     font-size: 19px;
 }

 .user-text img,
 .product-detail__content img,
 .Page-Style1 img {
     max-width: 100%;
     border-radius: 27px;
     -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
     filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
 }

 /*table-start*/
 .table-container {
     width: 100%;
     overflow-x: auto;
     margin: 20px 0;
 }

 table {
     width: 100%;
     border-collapse: collapse;
 }

 th,
 td {
     padding: 12px;
     text-align: center;
     border: 1px solid #ddd;
 }

 th {
     background-color: #003399;
     color: #fff;
     font-weight: bold;
 }

 tr:nth-child(even) {
     background-color: #f2f2f2;
 }

 tr:nth-child(odd) {
     background-color: #ffffff;
 }

 tr:hover {
     background-color: rgba(0, 0, 0, 0.10);
 }

 td.empty {
     color: #888;
     font-style: italic;
 }

 @media screen and (max-width: 600px) {
     table {
         width: 100%;
         font-size: 14px;
     }

     th,
     td {
         padding: 10px;
     }
 }

 /*table-end*/

 .titleOnLine {
     background-color: #FBFBFB !important;
     padding: 0 2px !important;
     z-index: 100 !important;
     color: #686868 !important;
     font-size: 27px !important;
     font-weight: 800 !important;
 }

 .product__title .titleOnLine {
     background-color: unset !important;
     padding: unset !important;
     z-index: unset !important;
     color: unset !important;
     font-size: unset !important;
     font-weight: unset !important;
 }