@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');
}

body{
    font-family: IRANSans;
    position:relative;
    padding:0;
    margin: 0;
    font-size: 14px;
    color: #7d7e7f;
    overflow-x: hidden;
    height: calc(100vh);
}
select option,
.popover{font-family: IRANSans;}
.badge{
    font-family: IRANSans;
}
.tooltip > .tooltip-inner{
    font-family: IRANSans;
}
a{
    cursor: pointer;
    transition: .3s;
    color: #464749;
    text-decoration: none !important;
}
a:hover{
    text-decoration:none;
    color: #00bff3;
}
input{
    font-size: 12px !important;
}
ul,ol{
    list-style:none;
    padding: 0;
    margin: 0;
}
h1,h2,h3,h4,h5,h6{font-weight: bold;color: #464749;}

h1,h2,h3,h4,h5,h6,p{
    margin: 0;
}
::selection {
    background-color: #016366;
    color: #fff
}
::-moz-selection {
    background-color: #016366;
    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;
}
/*...*/
.text_white::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff !important;
}
.text_white::-moz-placeholder { /* Firefox 19+ */
    color: #fff !important;
}
.text_white:-ms-input-placeholder { /* IE 10+ */
    color: #fff !important;
}
.text_white:-moz-placeholder {/* Firefox 18- */
    color: #fff !important;
}
.text_white:-moz-placeholder {/* Firefox 18- */
    color: #fff !important;
}
/*...*/
/* Chrome, Safari, Edge, Opera */
input.input-number::-webkit-outer-spin-button,
input.input-number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input.input-number[type=number] {
    -moz-appearance:textfield;
}
button,
a{outline: none !important;}
/*----*/
.select-wrapper .select-btn:focus,
.select_data .line .dropdown button:focus,
select:focus,
.form-control:focus {
    border: 1px solid #16857C !important;
    box-shadow: none !important;
}
.not-focus:focus{border: none !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);
    }
}
.Max_img{height: 100%;width: 100%;object-fit: cover;}
/*--*/
.custom-control-label:before,
.custom-control-label:after{top: 2px}
.custom-control-label.small:before, .custom-control-label.small:after{top: 0;}
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #DD4B3C;
    background-color: #DD4B3C;
}
.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(221,75,60,.25);
    border-color: #DD4B3C;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before{
    background: #DD4B3C;
}


.serch_head .input-group-append .btn:focus{border: 0 !important;box-shadow: none !important;}
select:focus{box-shadow: none !important;}
/*----*/
.nav_home{
    background-image: url(../img/pattern.png);
    background-position: center 3px;
    background-repeat: no-repeat;
    background-repeat: repeat-x;
}
.navbar .navbar-nav .list_menu .dropdown2 .dropdown-menu, .nav_home .list_menu {
    background: #16857C;
}
.nav_home .navbar-brand img{max-width: 200px;}
.nav_home .navbar-toggler{border-color: #00447B;}
.nav_home .navbar-toggler span{}
.nav_home .collapse_nav{}
.nav_home .nav_list{padding-right: 0}
.nav_home .nav_list .nav-item{}
.nav_home .nav_list .nav-item.sign_in{border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
.nav_home .nav_list .nav-item .ico,
.nav_home .nav_list .nav-item.sign_in a{padding: 25px;}
.nav_home .nav_list .nav-item .nav-link{color: #464749;font-size:14px;position: relative;font-weight: 400;padding: 30px 12px;}
.nav_home .nav_list .nav-item .nav-link.btn{padding: 8px 12px}
.nav_home .nav_list .nav-item .nav-link.btn i{margin-left: 5px;font-size:16px}
.nav_home .nav_list .nav-item .nav-link.btn:before{content: none;}
.nav_home .nav_list .nav-item .nav-link:after{content: none}
.nav_home .nav_list .nav-item .nav-link:before{content:"";position: absolute;height: 2px;background: #00bff3;transition: 0.6s;width: 0;right: 0;bottom: 0;}
.nav_home .nav_list .nav-item .nav-link.active:before,
.nav_home .nav_list .nav-item .nav-link:hover:before{width: 100%;}
/*.nav_home .nav_list .nav-item > a.dropdown-toggle:after{content: "";width: 5px;height: 5px;background: #005E88;border-radius: 50%;border: 1px;bottom: 0;position: absolute;top: auto;right: 50%;margin-right: -3px;}*/
.nav_home .dropdown-menu a.active,
.nav_home .nav_list .nav-item a:hover,
.nav_home .nav_list .nav-item > a:focus,
.nav_home .nav_list .nav-item.active > a:hover,
.nav_home .nav_list .nav-item.active > a:focus,
.nav_home .nav_list .nav-item.active > a{color: #00bff3;background: #f9f9f9;}
.nav_home .nav_list .nav-item .nav-link:hover,
.nav_home .nav_list .nav-item > .nav-link.active:hover,
.nav_home .nav_list .nav-item > .nav-link.active:focus,
.nav_home .nav_list .nav-item > .nav-link.active{background: transparent;}
.nav_home .nav_list .nav-item > .nav-link:focus{background: transparent}

.nav_home .nav_list .nav-item .input-group{}
.nav_home .nav_list .nav-item .input-group input{width: 150px;}
.nav_home .nav_list .nav-item .input-group input.form-control:focus{border-color: #005600 !important;box-shadow: none !important;}
.nav_home .nav_list .nav-item .input-group .input-group-append{}
.nav_home .nav_list .nav-item .input-group .input-group-append button{height: 32px;font-size: 12px;}
.nav_home .nav_list .nav-item .ico{display: flex;align-items: center;}
.nav_home .nav_list .nav-item .ico::after,
.nav_home .nav_list .nav-item .ico:before{content: none;}
.nav_home .nav_list .nav-item .dropdown_search{right: auto;left: 0;}
.dropdown_search{}
.dropdown_search .input-group{border-color: #66afe9 !important;}
.dropdown_search input{height: 38px}
.dropdown_search button{}
.nav_home .list_menu .text{white-space: initial;}
.nav_home .list_menu .text h3{font-size: 14px;padding: 0;}
.nav_home .list_menu .text p{font-size: 13px;}
.nav_home .list_menu .text_last{}
.nav_home .list_menu .text_last h3{padding: 5px 10px;font-size: 14px;color: #fff;}
.nav_home .list_menu .text_last .list{}
.nav_home .list_menu .text_last .list li{border: 0;}
.nav_home .list_menu .text_last .list a{}
.nav_home .list_menu .text_last .list a:hover{}
.nav_home .dropdown-menu{padding: 0}
.nav_home .dropdown-menu li{border: 0}
.nav_home .dropdown-menu a{color: #fff;display: block;padding: 10px;font-size: 14px;}
/*----------*/
.fixedTop .sticky-top {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    border-bottom: 1px solid #eee;
    margin: 0 !important;
padding: 0 !important;
}
.fixedTop .nav_home .nav_list .nav-item .nav-link{padding: 12px}
.fixedTop .nav_home .nav_list .nav-item .nav-link.btn{padding: 8px 12px}
.fixedTop .navbar-brand img {
    height: 30px;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: -33px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
/******/
.slider_owl{}
.slider_owl .owl-dots{margin-top: 20px;}
.slider_owl .owl-nav{margin: 0}
.slider_owl .owl-nav button{position: absolute;top: 50%;width: 30px;height: 30px;color: #7B7B7B !important;margin-top: -15px !important;}
.slider_owl .owl-nav button:hover{background: transparent !important;}
.slider_owl .owl-nav button span{}
.slider_owl .owl-nav button span i{vertical-align: middle;font-size: 15px;}
.slider_owl .owl-nav .owl-prev{left: -15px;}
.slider_owl .owl-nav .owl-prev span{}
.slider_owl .owl-nav .owl-next{right: -15px;}
.slider_owl .owl-nav .owl-next span{}
.owl-theme .owl-dots .owl-dot span{background: #ddd;opacity: 1;width: 12px;height: 12px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #16857C;opacity: 1;}
/*--------*/
header{background: #16857C;}
header .contact-head{}
header .contact-head li{}
header .contact-head li a{}
header .contact-head li i{}
header .menu-head{}
header .menu-head li{margin-left: -3px !important;}
header .contact-head li a,
header .menu-head li a{color: rgba(255, 255, 255, 0.6);padding: 13px;display: block;}
header .contact-head li a:hover,
header .menu-head li a:hover{color: #fff;}
header .menu-head .search-main{}
header .menu-head .search-main a{display: block;background-color: rgba(0, 0, 0, 0.12);}
header .menu-head .search-main a:after{content: none;}
header .menu-head .search-main svg{width: 28px;fill: #fff;}
header .menu-head .shopping-menu{}
header .menu-head .shopping-menu a{background-color: rgba(0, 0, 0, 0.22);position: relative;}
header .menu-head .shopping-menu svg{width: 32px;fill: #fff;}
header .menu-head .shopping-menu .badge{position: absolute;font-size: 10px;top: 10px;right: 10px;width: 18px;line-height: 16px;height: 18px;}
/*****/
.carousel_main{}
.carousel_main .carousel-indicators{margin: 0;display: block;width: 20px;height: auto;top: 50%;transform: translateY(-50%);bottom: auto;right: 47%;}
.carousel_main .carousel-indicators li{width: 15px;height: 15px;border-radius: 50%;border: 0;opacity: 1;}
.carousel_main .carousel-indicators li:not(:last-of-type){margin-bottom: 10px;}
.carousel_main .carousel-indicators li.active{background: #16857C;}
.carousel_main .carousel-indicators li:first-of-type{}
.carousel_main .carousel-control-next, .carousel_main .carousel-control-prev{z-index: 100;font-size: 18px;color: #000;transition: 0.6s;opacity: 1;background: rgba(0,0,0,0.3);height: 35px;width: 35px;}
.carousel_main .carousel-control-next span, .carousel_main .carousel-control-prev span{position: relative}
.carousel_main .carousel-control-next span:after, .carousel_main .carousel-control-prev span:after{content:"";position: absolute;right: 0;width: 10px;height: 3px;background: #888;/*! opacity: 0; */width: 0;transition: 0.6s;top: 7.8px;}
.carousel_main .carousel-control-next:hover span:after, .carousel_main .carousel-control-prev:hover span:after {
    /*! opacity: 1; */
    background: #ff9000;
    width: 100%;
}
.carousel_main .carousel-control-next span:after {right: 15px;}
.carousel_main .carousel-control-prev span:after{left: 15px;right: auto;}
.carousel_main .carousel-control-next:hover, .carousel_main .carousel-control-prev:hover{color: #ff9000;transform: scale3d(1.1,1.1,5);}
.carousel_main .carousel-control-next{} 
.carousel_main .carousel-control-prev{}
.carousel_main .carousel-item{}
.carousel_main .carousel-item .bg_red_slider{opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;-ms-opacity: 0;-webkit-opacity: 0;-webkit-transition: 1s all ease-in-out .1s;-moz-transition: 1s all ease-in-out .1s;-ms-transition: 1s all ease-in-out .1s;-o-transition: 1s all ease-in-out .1s;transition: 1s all ease-in-out .1s;position: absolute;left: auto;right: -100%;background: url('../img/bg_slider.png');width: 100%;height: 100%;background-repeat: no-repeat;background-position: right top;top: 0;background-size: auto 100%;}
.carousel_main .carousel-item.active .bg_red_slider{opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;-ms-opacity: 1;-webkit-opacity: 1;-webkit-transition: right .5s all ease-in-out;-moz-transition: right .5s all ease-in-out;-ms-transition: right .5s all ease-in-out;-o-transition: right .5s all ease-in-out;transition: right .5s all ease-in-out;right: 0;}
.carousel_main .carousel-item .img{height: calc(100vh);}
.carousel_main .carousel-item .img img{width: 100%;height: 100%;object-fit: cover;}
.carousel_main .carousel-item .carousel-caption{left: 0;right: 0;top: 0;align-items: center;text-align: right;padding: 0;bottom: 0;line-height: 30px;z-index: 0;display: flex;display: flexbox;}
.carousel_main .carousel-item .fadeInDown{z-index: 5;background-color: rgba(255, 255, 255, 0.9);visibility: hidden;border: 1px solid rgba(255, 255, 255, 0);border-radius: 6px;width: 533px;opacity: 0;transform: translate3d(0px, 0px, 0px);transform-origin: 50% 50% 0px;transition: 0.4s;}
.fadeInDown:before{content: "";background: rgb(249, 161, 52);width: 3px;height: 110px;position: absolute;top: 40px;right: -1px;}
.carousel_main .carousel-item.active .fadeInDown{visibility: visible;opacity: 1;}
.carousel_main .carousel-item .post{opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;-ms-opacity: 0;-webkit-opacity: 0;-webkit-transition: 1.75s all ease-in-out .1s;-moz-transition: 1.75s all ease-in-out .1s;-ms-transition: 1.75s all ease-in-out .1s;-o-transition: 1.75s all ease-in-out .1s;transition: 1.75s all ease-in-out .1s;position: relative;left: auto;padding: 20px;}
.carousel_main .carousel-item.active .post{opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;-ms-opacity: 1;-webkit-opacity: 1;-webkit-transition: right .5s all ease-in-out;-moz-transition: right .5s all ease-in-out;-ms-transition: right .5s all ease-in-out;-o-transition: right .5s all ease-in-out;transition: right .5s all ease-in-out;}
.carousel_main .carousel-item .post .title{position: relative;}
.carousel_main .carousel-item .post .title a{font-size: 33px;color: rgb(47, 47, 50);font-weight: 300;}
.carousel_main .carousel-item .post .title svg{fill: #DEF3EE;height: 70px;position: absolute;color: #DEF3EE;right: 0;bottom: -10px;z-index: -1;width: 70px;}
.carousel_main .carousel-item .post .title span{}
.carousel_main .carousel-item .post .title i{position: absolute;color: #DEF3EE;font-size: 80px;right: 0;bottom: -10px;z-index: -1;}
.carousel_main .carousel-item .post .desc{font-size: 17px;position: relative;margin-top: 20px;line-height: 23px;color: rgb(125, 126, 127);line-height: 33px;text-align: justify;}
.carousel_main .carousel-item .post .user{font-size: 12px;color: #888;}
.carousel_main .carousel-item .post .btn{}
.carousel_main .carousel-item .link{opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;-ms-opacity: 0;-webkit-opacity: 0;-webkit-transition: 1.25s all ease-in-out  1.25 s;-moz-transition: 1.25s all ease-in-out  1.25s;-ms-transition: 1.25s all ease-in-out  1.25s;-o-transition: 1.25s all ease-in-out  1.25s;transition: 1.25s all ease-in-out  1.25;position: relative;z-index: 100;}
.carousel_main .carousel-item.active .link{opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;-ms-opacity: 1;-webkit-opacity: 1;-webkit-transition: right .5s all ease-in-out;-moz-transition: right .5s all ease-in-out;-ms-transition: right .5s all ease-in-out;-o-transition: right .5s all ease-in-out;transition: right .5s all ease-in-out;bottom: 12%;}
.carousel_main .carousel-item .link a{background: #3A435A;border: 1px solid #6EA01F;color: #fff;border-radius: 25px;padding: 5px 20px;}
.carousel_main .carousel-item .link a i{vertical-align: middle;margin-right: 5px;}
.carousel_main .click{position: absolute;top: calc(50% - 9px);width: 100%;}
/*--------*/
.box-service{}
.box-service .Ico{}
.box-service .Ico span{width: 70px;height: 70px;font-size: 32px;display: block;border-radius: 22px;border: 1px solid;display: flex;display: flexbox;}
.box-service .Ico i{margin: auto;}
.box-service .media-body{}
.box-service .media-body .title{color: #464749;font-size: 18px;line-height: 30px;}
.box-service .media-body .desc{margin-top: 10px;line-height: 26px;}
/*--------*/
.title-main{}
.title-main .right{}
.title-main .category{display: block;margin-bottom: 8px;}
.title-main .title{font-size: 28px;color: #464749;font-weight: 500;}
.title-main .btn{}
/*--------*/
.bg-green{background: #16857C;}
.btn-outline-blue{color: #00bff3;border: 1px solid #00bff3;}
.btn-outline-blue:hover{background: #00bff3;color: #fff;}
.btn-orang{background:#ff9000 !important;color: #fff !important;}
.btn-orang:hover{}
.text-blue{color: #00bff3;}
.btn-blue{background: #00bff3;color: #fff !important;}
.bg-blue{background: #00bff3 !important;}
.text-green{color: #16857C;}
.text-orang{color:#ff9000}
.bg-Light{background: #F8F9FA;}
.bg-orang{background:#ff9000;}
.fill-orang{fill: #ff9000}
.btn:focus,
a:focus,
button:focus{box-shadow: none !important;;outline: none !important;}
/*--------*/
.box-category{position: relative;overflow: hidden;background-color: #495057;border-radius: 5px;}
.box-category.box-category-small{height: 200px;}
.box-category.box-category-big{height: 416px;}
.box-category .image{height: 100%;}
.box-category .image img{-webkit-transform: translate3d(30px, 0, 0);transform: translate3d(30px, 0, 0);-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;transition: opacity 0.3s ease, -webkit-transform 0.3s ease;transition: opacity 0.3s ease, transform 0.3s ease;transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;width: calc(100% + 40px);max-width: calc(100% + 40px);height: 100%;object-fit: cover;}
.box-category:hover .image img{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 0.7;}
.box-category .text{position: absolute;bottom: 0;right: 0;width: 100%;text-align: center;background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent));background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);color: #fff;}
.box-category .text .title{transform: translateY(30px);transition: .3s ease;font-size: 18px;color: #fff;}
.box-category:hover .text .title{transform: translateY(0);}
.box-category .text .desc{transform: translateY(30px);transition: 0.4s;margin: 10px 0;}
.box-category:hover .text .desc{transform: translateY(0);}
/*--------*/
.limited-time{}
.limited-time .title{color: #464749;font-weight: 500;font-size: 25px;}
.limited-time .desc{font-size: 16px;}
/*--------*/
.reverstimer{display: flex;display: flexbox;justify-content: space-around;width: 80%;margin: auto;}
.reverstimer .box{background: #fff;flex: 0 0 20%;height: 112px;border: 1px solid #ddd;border-radius: 5px;display: flex;display: flexbox;align-items: center;justify-content: center;flex-flow: column;}
.reverstimer .box .text{display: block;width: 100%;margin-top: auto;padding: 8px 5px 5px;border-top: 1px solid #ddd;line-height: 15px}
.reverstimer .box .numb{margin-top: auto;color: #ff9000 ;font-size: 35px;font-weight: 100}
/*--------*/
.box-post,
.box-product{-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background: #fff;}
.box-post:hover,
.box-product:hover{-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);}
.box-product .image{}
.box-product .image img{height: 100%;object-fit: cover;border-radius: 4px 4px 0 0;width: 100%;}
.box-product .text .text-blue{font-size: 11px;}
.box-product .desc{display: none}
.box-product .bg-green{color: #fff}
.box-product .text .title{}
.box-product .text .title a{font-size: 16px;display: block;}
.box-product .text .vote{border-left: 1px solid #ddd;margin-left: 10px;}
.box-product .text .vote .badge{padding: 6px 8px 4px;color: #fff;}
.box-product .text .vote .text-secondary{color: #adb5bd !important;margin: 0 10px;}
.box-product .foot-box{border-top: 1px solid #dee2e6;}
.box-product .foot-box .Buyer{}
.box-product .foot-box .Buyer i{font-size: 19px;margin-left: 5px;vertical-align: middle;}
.box-product .foot-box .Buyer span{}
.box-product .foot-box .price{margin-right: auto;}
.box-product .foot-box .price .badge{padding: 4px 10px;}
.box-product .foot-box .price .price-main{font-size: 10px;}
.box-product .foot-box .price .price-main span{font-size: 15px;font-weight: 500;}
/*--------*/
.product_list{width: 100%;flex: 0 0 100%;-ms-flex: 0 0 100%;max-width: 100%;}
.product_list .box-product{display: flex;display: flexbox;align-items: center;}
.product_list:hover{}
.product_list .image{max-width: 40%;min-width: 40%;}
.product_list .image img{}
.product_list .text{max-width: 60%;min-width: 60%;}
.product_list .text .desc{display: block;margin-top: 15px;line-height: 27px;text-align: justify;}
.product_list .text .text-blue{}
.product_list .bg-green{}
.product_list .text .title{}
.product_list .text .title a{}
.product_list .text .vote{}
.product_list .text .vote .badge{}
.product_list .text .vote .text-secondary{}
.product_list .foot-box{}
.product_list .foot-box .Buyer{}
.product_list .foot-box .Buyer i{}
.product_list .foot-box .Buyer span{}
.product_list .foot-box .price{}
.product_list .foot-box .price .badge{}
.product_list .foot-box .price .price-main{}
.product_list .foot-box .price .price-main span{}
/*--------*/
.events{}
.events .line{align-items: center;background-color: #fff;border: 1px solid #e5e5e5;border-radius: 4px;padding: 1.75rem;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.events .line:hover{-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);}
.events .line:not(:last-of-type){margin-bottom: 20px}
.events .line .date{position: relative;width: 80px;height: 80px;border: 2px solid #ff9000;border-radius: 4px;color: #495057;line-height: 1.2;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.events .line .date:before,
.events .line .date:after{content: "";position: absolute;top: -7px;width: 2px;height: 14px;border-radius: 2px;background-color: #ff9000;}
.events .line .date:before{left: 12px;}
.events .line .date:after{right: 12px;}
.events .line .date .day{font-size: 30px;}
.events .line .date .Month{font-size: 14px;}
.events .line .media-body{}
.events .line .media-body ul{}
.events .line .media-body ul li{margin: 0 0 5px 20px;}
.events .line .media-body ul li i{vertical-align: middle;color: #ff9000;margin-left: 5px;}
.events .line .media-body ul li span{}
.events .line .media-body .title{}
.events .line .media-body .title a{font-size: 18px;display: block;line-height: 30px;}
.events .line .pic{max-width: 200px;}
/*--------*/
.video-box{position: relative;border-radius: 4px;overflow: hidden;}
.video-box .video{}
.video-box .video .play-ico{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 54px;height: 54px;border: 1px solid #fff;border-radius: 50%;cursor: pointer;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 30;color: #fff;}
.video-box .video .play-ico i{font-size: 19px;margin-top: 2px;}
.video-box .video .play-ico:hover{background-color: #fff;color: #495057;}
.instructors-box .text,
.video-box .text{position: absolute;right: 0;bottom: 0;color: #fff;width: 100%;background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent));background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);}
.instructors-box .text .title,
.video-box .text .title{font-size: 18px;color: #fff;}
.instructors-box .text .desc,
.video-box .text .desc{margin-top: 5px;font-size: 13px;}
/*--------*/
.box-post{}
.box-post .image{}
.box-job .image img,
.box-post .image img{border-radius: 4px 4px 0 0;}
.box-post .text{}
.box-job .text .category,
.box-post .text .category{display: block;margin-bottom: 5px;}
.box-post .text .title{}
.box-job .text .title a,
.box-post .text .title a{font-size: 18px;display: block;line-height: 30px;}
.box-post .text .date{margin-top: 20px;}
.box-post .text .date i{vertical-align: middle;font-size: 20px;margin-left: 5px;}
.box-post .text .date span{}
/*--------*/
.commentslide{}
.commentslide .comments-item{}
.commentslide .comments-item > .media-body{font-size: 20px;color: #464749;padding: 10px;}
.commentslide .comments-item > .media-body blockquote{margin: 0;display: block;line-height: 35px;}
.commentslide .comments-item .user{}
.commentslide .comments-item .user .image{border-radius: 50%;width: 100px;border: 6px solid rgba(73, 80, 87, 0.1);}
.commentslide .comments-item .user .image img{border-radius: 50%;}
.commentslide .comments-item .user .media-body{}
.commentslide .comments-item .user .media-body .name{font-size: 18px;color: #464749;font-weight: 500;}
.commentslide .comments-item .user .media-body .job{}
.commentslide .carousel-indicators{position: relative;bottom: 0;margin-top: 30px;}
.commentslide .carousel-indicators li{width: 12px;height: 12px;background: #D5D7DA;border: 0;border-radius: 50%;opacity: 1;transition: all 0.2s ease-in-out;}
.commentslide .carousel-indicators li.active{background: #ff9000;}
.commentslide .carousel-indicators li.active,
.commentslide .carousel-indicators li:hover{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/*--------*/
footer{background: #16857C;color: rgba(255, 255, 255, 0.6);position: relative;}
footer .logo-foot{}
footer .logo-foot img{}
footer .desc{}
footer .title_foot{font-size: 15px;color: rgba(255, 255, 255, 0.6);}
footer .list-contactfoot{}
footer .list-contactfoot li{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;margin-bottom: 15px;}
footer .list-contactfoot li a{color:rgba(255, 255, 255, 0.6)}
footer .list-contactfoot li i{margin-left: 10px;font-size: 19px;}
footer .list-contactfoot li span{}
footer .list-link{}
footer .list-link li{}
footer .list-link li a{color: rgba(255, 255, 255, 0.6);position: relative;display: inline-block;padding: 7px 0;}
footer .list-link li a:before{content: "";display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;height: 1px;width: 0;background: #fff;margin-right: 0;margin-left: 0;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;vertical-align: middle;}
footer .list-link li a:hover{}
footer .list-link li a:hover:before{margin-left: 5px;margin-right: 0;width: 12px;}

footer .bottom{overflow: hidden;border-top: 1px solid rgba(255, 255, 255, 0.1);}
footer .bottom .copyright-cell a,
footer .bottom .copyright-cell{color: rgba(255, 255, 255, 0.6);font-size: 12px;border-bottom: 1px dotted transparent}
footer .bottom .copyright-cell a:hover{color: #1984FD !important;border-bottom-color: #1984FD }
/*--------*/
label.error{
    position: absolute;
    bottom: -17px;
    margin: 0;
    font-size: 11px;
    left: 0;
    color:#fff;
}
.Newsletters{position: relative;background: #fff;align-items: center;border-radius: 4px;}
.Newsletters i{color: #6c757d;margin: 0 10px;font-size: 19px;}
.Newsletters.input-group input{height: 45px;}
.Newsletters.input-group input:focus{border: 0 !important;box-shadow: none !important;}
.Newsletters .input-group-append{}
.Newsletters .input-group-append .btn{height: 45px;}
.Newsletters .main-register-service-box-message{position: absolute;left: -1px;top: -41px;bottom: 0;right: 0;background: rgba(0 ,0 ,0 , 0.7);z-index: 20;display: flex;justify-content: center;align-items: center;opacity: 0;visibility: hidden;line-height: 32px;}
.Newsletters .main-register-service-box-message.active{opacity: 1;visibility: visible;}
/*--------*/
.social-icons{}
.social-icons li{}
.social-icons li a{color: rgba(255, 255, 255, 0.6) !important;font-size: 17px;position: relative;display: block;z-index: 0;}
.social-icons li a:before{content: '';width: 22px;height: 22px;background: rgba(255, 255, 255, 0.6) !important;position: absolute;left: -22px;top: -22px;-webkit-transition: all linear .4s;-moz-transition: all linear .4s;-ms-transition: all linear .4s;-o-transition: all linear .4s;transition: all linear .4s;opacity: 0;z-index: -1;}
.social-icons li a:after{content: '';width: 22px;height: 22px;background: rgba(255, 255, 255, 0.6) !important;position: absolute;right: -22px;bottom: -22px;-webkit-transition: all linear .4s;-moz-transition: all linear .4s;-ms-transition: all linear .4s;-o-transition: all linear .4s;transition: all linear .4s;opacity: 0;z-index: -1;}
.social-icons li a i{width: 42px;height: 42px;border: 1px solid rgba(255, 255, 255, 0.6) !important;text-align: -moz-center;text-align: -webkit-center;text-align: center;-webkit-transition: all linear .4s;-moz-transition: all linear .4s;-ms-transition: all linear .4s;-o-transition: all linear .4s;transition: all linear .4s;display: flex;align-items: center;justify-content: center;}
.social-icons li a:hover:after{right: -8px;bottom: -8px;opacity: 1;}
.social-icons li a:hover:before{left: -8px;top: -8px;opacity: 1;}
.social-icons li a:hover i{-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.2),0 0 6px 5px rgba(0,0,0,.2);-moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,.2),0 0 6px 5px rgba(0,0,0,.2);box-shadow: 0 3px 6px 0 rgba(0,0,0,.8),0 0 6px 5px rgba(0,0,0,.1);background: #ff9000;color: #fff;}
.social-icons li a i.fa-wifi:before{transform: rotate(45deg);}
/*====*/
.image-about{}
.image-about img{}
.text-about{height: calc(100% - 24px);}
.text-about .icon{font-size: 25px;margin-bottom: 10px;}
.text-about .icon-svg{width: 40px;height: 40px;margin-bottom: 10px;}
.text-about .title{font-weight: 500;font-size: 24px;}
.text-about .desc{line-height: 30px;}
.text-about .link{border-bottom: 1px solid #ddd;padding-bottom: 3px;margin-top: 20px;display: inline-block;}
/*--------*/
.box-Statistics-status{color: #fff;}
.box-Statistics-status .numscroller{margin-left: 10px;font-size: 46px;}
.box-Statistics-status .title{}
/*--------*/
.our-colleagues{}
.our-colleagues .box-colleagues{flex: 0 0 20%;position: relative;border: 1px solid #ddd;height: 168px;}
.our-colleagues .box-colleagues img{height: 100%;object-fit: cover;}
.our-colleagues .box-colleagues a{display: block;height: 100%;}
.our-colleagues .box-colleagues:not(:first-of-type) a{margin-right: -1px;}
.box-job .image .icon,
.our-colleagues .box-colleagues .text{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;visibility: hidden;opacity: 0;z-index: 10;-webkit-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;color: #fff;}
.box-job:hover .image .icon,
.our-colleagues .box-colleagues:hover .text{visibility: visible;opacity: 1;}
.box-job .image .icon:after,
.our-colleagues .box-colleagues .text:after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;visibility: hidden;opacity: 0;background-color: #00bff3;z-index: 8;}
.box-job:hover .image .icon:after,
.our-colleagues .box-colleagues:hover .text::after{visibility: visible;opacity: 0.8;}
.box-job .image .icon i,
.our-colleagues .box-colleagues .text span{position: relative;color: #fff;line-height: 1;z-index: 30;font-size: 18px;}
/*--------*/
.breadcrumb_list{}
.breadcrumb_list li{}
.breadcrumb_list li a{}
.breadcrumb_list li a:hover{color: #ff9000;}
.breadcrumb_list li span{color: #1984FD;}
/*====*/
.title_side{}
.title_side .title{font-size: 16px;}
/*--------*/
.productbox-side{padding: 10px 0;}
.productbox-side:last-of-type{padding-bottom: 0}
.productbox-side + .productbox-side{border-top: 1px solid #ddd}
.productbox-side .Img{}
.productbox-side .Img img{object-fit: cover;max-width: 65px;height: 65px;}
.productbox-side .media-body{}
.productbox-side .media-body .title{font-size: 12px;line-height: 21px;overflow: hidden;height: 67px;}
.productbox-side .media-body .title a{display: block;}
.productbox-side .price{font-size: 12px;font-weight: 700;margin-top: 10px;}
/*--------*/
.list_grouping{}
.list_grouping .list_box_grouping{}
.list_grouping .box_grouping + .box_grouping{border-top: 1px solid #ddd;}
.list_grouping .box_grouping .collapse_link{}
.list_grouping .box_grouping .collapse_link{display: block;position: relative;padding: 10px 0;font-weight: 500;line-height: 28px;color: #464749;font-size: 13px;}
.list_grouping .box_grouping a.collapse_link:hover{color: #00bff3;}
.list_grouping .box_grouping .collapse_link[data-toggle="collapse"]:after{content: "";position: absolute;left: 15px;border-right: 1px solid;border-bottom: 1px solid;width: 7px;height: 7px;transform: rotate(45deg);border-color: #444;transition: 0.6s;top: 50%;margin-top: -4px;}
.list_grouping .box_grouping .collapse_link[aria-expanded="true"]:after{border-color: #00bff3;transform: rotate(-135deg);}
.list_grouping .box_grouping .collapse_link[aria-expanded="true"]{color:#00bff3;}
.list_grouping .box_grouping .collapse_link i{vertical-align: middle;font-size: 18px;}
.list_grouping .box_grouping .collapse_content{}
.list_grouping .box_grouping .list_links{}
.list_grouping .box_grouping .list_links li{padding: 10px 0;border-top: 1px solid #ddd;}
.list_grouping .box_grouping .list_links li a{display: inline-block;}
.list_grouping .box_grouping .list_links li a i{}
/*--------*/
.box_filters{}
.tab_list{}
.tab_list .tab_check{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: 1px solid #e5e5e5;border-radius: 2px;padding: 0.5rem 0.625rem;margin-right: 0.3125rem;width: 42px;height: 38px;}
.tab_list .tab_check.active_tabList{background: #ff9000;color: #fff !important;border-color: #ff9000;}
.tab_list .tab_check i{}
.box_filters .Filter-result{}
.box_filters .input-group{border: 1px solid #ddd;}
.box_filters .input-group input{border: 0;height: 40px;font-size: 14px !important;}
.box_filters .input-group-append{}
.box_filters .input-group-append .btn i{vertical-align: middle;color: #6c757d}
.box_filters .select2{}
/*--------*/
.box-side{}
.box-side .title_side:before{content: "";right: -17px;position: absolute;top: 0;width: 2px;height: 24px;background-color: #f9a134;}
/*--------*/
.select2-container--default .select2-selection--single {
    border: 1px solid #ddd;
    height: 40px;
    width: auto;
    border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 40px;width: auto}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 40px}
/*--------*/
.box-job{height: calc(100% - 16px);}
.box-job .image .icon i{font-size: 30px;}
.box-job .image{position: relative}
.box-job .image a{height: 200px;display: block;}
/*--------*/
.instructors-box{position: relative;background-color: #495057;}
.instructors-box:hover{
    -webkit-box-shadow: 0 24px 50px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 24px 50px 3px rgba(0, 0, 0, 0.2);
}
.instructors-box:hover img{opacity: 0.7;}
.instructors-box img{
    -webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
height: 250px;
}
.instructors-box .text{background: none;}
/*======*/
.not-found-box{}
.not-found-box .not-found-icon-wrapper span{font-size: 165px;display: block;}
.not-found-box .media-body .title{font-size: 26px;}
.not-found-box .media-body .desc{}
/*--------*/
.tags .btn{font-size: 12px;margin-bottom: 3px}
.tags .btn:hover{background: #ff9000}
.box-side .select2{width: 100% !important}
/*--------*/
.form-groupInput{}
.form-groupInput .title{}
.form-groupInput input{height: 40px;border: 1px solid #dcdcdc;-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);border-radius: 2px;}
.form-groupInput input:focus{-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);}
/*--------*/
.Map_contact iframe{width: 100%;}
/*=====*/
.list-forums{color: #7d7e7f;}
.list-forums thead{background: #343A40;color: #fff;}
.list-forums thead tr{}
.list-forums thead th{text-align: center;}
.list-forums tbody{}
.list-forums tbody tr{}
.list-forums tbody td{text-align: center;vertical-align: middle;}
.list-forums .title{font-size: 16px;}
.list-forums .title a{}
.list-forums .desc{}
.list-forums .numb{}
.list-forums .date{color: #464749;}
.list-forums .link{}
/*=====*/
/*---*/
.comments{}
.comments .comments-line{}
.comments .comment-main{margin-bottom: 50px;color: #959396;}
.comments .comment-main .Img{margin-left: 10px;}
.comments .comment-main .Img img{height: 60px;width: 60px;}
.comments .comment-main .media-body{padding-top: 10px;}
.comments .comment-main .User-Profile{}
.comments .comment-main .User-Profile p{margin-bottom: 7px;}
.comments .comment-main .User-Profile p strong{color: #1B1B1B;margin-left: 10px;}
.comments .comment-main .User-Profile p strong span{}
.comments .comment-main .User-Profile .job{}
.comments .comment-main .User-comment{}
.comments .comment-main .User-comment .reply{background: #F5F5F5;}
.comments .comment-main .User-comment .reply i{margin: auto;}
.comments .comment-main .User-comment .desc{line-height: 26px;text-align: justify;font-size: 13px;}
.comments .comment-main.Inside{padding-right: 90px;}
/*--------*/
.boxAbout-post{}
.boxAbout-post .title-M{font-size: 20px;line-height: 38px;}
.boxAbout-post .title-M a{}
.boxAbout-post .info{}
.boxAbout-post .info li{margin-left: 20px;margin-bottom: 10px;}
.boxAbout-post .info li .badge{padding: 8px 12px;}
.boxAbout-post .info li i{vertical-align: middle;font-size: 20px;margin-left: 8px;}
.boxAbout-post .text{}
.boxAbout-post .text .desc{font-size: 15px;line-height: 29px;}
.boxAbout-post .text .title{font-size: 19px;line-height: 30px;}
.boxAbout-post .text .sotitr{line-height: 40px;font-size: 20px;color: #464749;padding-left: 1em;border-left: 3px solid #e5e5e5;}
.boxAbout-post .text .list-desc{list-style: inside;}
.boxAbout-post .text .list-desc li{font-size: 15px;line-height: 29px;}
.boxAbout-post .text .list-desc.d-flex li{flex: 0 0 50%}
/*--------*/
.form-group-input{}
.form-group-input .title{}
.form-group-input input{height: 40px;}
.form-group-input textarea{resize: none;}
.form-group-input input:focus,
.form-group-input textarea:focus{}
/*====*/
.boxAbout-teacher{}
.boxAbout-teacher .title-M{font-size: 25px;}
.boxAbout-teacher .desc{line-height: 29px;text-align: justify;font-size: 15px;}
.boxAbout-teacher .info{}
.boxAbout-teacher .info .media{width: 50%;padding: 18px 10px;border-top: 1px solid #ddd;}
.boxAbout-teacher .info .media .icon{width: 56px;height: 56px;margin-left: 10px;}
.boxAbout-teacher .info .media .icon i{font-size: 25px;}
.boxAbout-teacher .info .media .media-body{}
.boxAbout-teacher .info .media .media-body .Title{}
.boxAbout-teacher .info .media .media-body .info{}
/*--------*/
.Skills-progress{}
.Skills-progress .progress-item{margin-bottom: 15px;}
.Skills-progress .progress{height: 38px;background: #F7F7F7;}
.Skills-progress .progress .progress-bar{background: #00bff3;flex-direction: inherit;align-items: center;justify-content: start;padding: 0 10px;border-radius: 5px;}
.Skills-progress .progress .progress-bar span{margin-right: 10px;}
/*--------*/
.sticky-top.sticky-top-side{top: 49px;z-index: 0;}
/*--------*/
.text-simple{}
.text-simple .title-M{font-size: 20px;}
.text-simple .desc{line-height: 28px;text-align: justify;}
/*====*/
.modal-login{}
.modal-login .modal-header{display: flex;align-items: center;background: #F6F6F6;}
.modal-login .modal-title{font-weight: normal;}
.modal-login .close{margin: 0;padding: 0;height: 17px;}

.modal-register{}
.modal-register .modal-header{display: flex;align-items: center;background: #F6F6F6;}
.modal-register .modal-title{font-weight: normal;}
.modal-register .close{margin: 0;padding: 0;height: 17px;}

.modal-forget{}
.modal-forget .modal-header{display: flex;align-items: center;background: #F6F6F6;}
.modal-forget .modal-title{font-weight: normal;}
.modal-forget .close{margin: 0;padding: 0;height: 17px;}
/*--------*/
.list_field{}
.list_field .title_input{}
.list_field .input-group{padding: 2px;border: 1px solid #ddd;}
.list_field .input-group input{background: transparent;border: 0;height: 45px;font-size: 15px !important;color: #495E77;}
.list_field .input-group input:focus{border: 0 !important;}
.list_field .input-group input[type="email"],
.list_field .input-group input[type="password"],
.list_field .input-group input[type="number"]{text-align: left;}
.list_field .input-group .input-group-append{width: 30px;display: inline-flex;align-items: center;justify-content: center;}
.list_field .input-group .input-group-append i{}
.list_field .forget_link{}
.list_field .forget_link a{text-decoration: underline !important;}
/*--------*/
.search-main{}
.search-main .ico{}
.search-main .ico svg{}
.search-main .input-group{}
.search-main .input-group input{}
.search-main .input-group-append{}
.search-main .input-group-append .btn{}
.search-main .input-group-append .btn svg{fill: #adb5bd;width: 34px;}
.dropdown_search .input-group input{height: 50px;font-size: 15px !important;}
.dropdown_search .input-group-append{}
.dropdown_search .input-group-append .btn{padding-top: 12px;color: #1CA6B3;padding: 0 10px;}
.dropdown_search .input-group-append .btn i{}
.dropdown_search .input-group .btn:focus,
.dropdown_search .input-group input:focus{border: 0 !important;;box-shadow: none !important;}
.dropdown_search{
    opacity: 0 !important;
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important;
    transition: all 0.3s ease-out 0s !important;
    -webkit-transition: all 0.3s ease-out !important;
    top: 20%;
    display: block;
    width: 400px;
    background: transparent;
    border: 0;
    margin-top: -15px;
    left: 0;
    right: auto;
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
}
.dropdown_search.show {
    opacity: 1 !important;
    -webkit-transition-delay: 0.6s !important;
    transition-delay: 0.6s !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    top: 16px !important;
}
/*--------*/
.modal-open {
    overflow: inherit;
    padding-right: 0 !important;
}
/*--------*/
.namad{}
.namad a{display: block;margin: 0 10px;}
.namad img{height: 110px;}
/*--------*/
.boxAbout-post .list-info-ptoduct{}
.boxAbout-post .list-info-ptoduct .list-inline-item{display: inline-flex;align-items: center;margin-left: 0;padding: 5px 15px;position: relative;}
.boxAbout-post .list-info-ptoduct .list-inline-item:not(:last-of-type){border-left: 1px solid #ddd;}
.boxAbout-post .list-info-ptoduct .list-inline-item i{font-size: 21px !important;}
.boxAbout-post .list-info-ptoduct .list-inline-item div{margin-right: 15px;}
.boxAbout-post .list-info-ptoduct .list-inline-item div span{}
.boxAbout-post .list-info-ptoduct .list-inline-item div a{}
/*----*/
.Satisfaction{}
.Satisfaction .right{text-align: center;border: 1px solid #ddd;min-width: 170px;height: 100%;padding: 15px;min-height: 162px;}
.Satisfaction .right .numb{font-size: 29px;color: #464749;}
.Satisfaction .right .stars{color: #FFC830;font-size: 18px;}
.Satisfaction .right .stars i{}
.Satisfaction .right .text{display: block;margin-top: 10px;}
.Satisfaction .media-body{border: 1px solid #ddd;padding: 15px;}
.Satisfaction .line{display: flex;display: flexbox;align-items: center;margin-bottom: 5px;}
.Satisfaction .line .progress-item{width: 80%;display: flex;display: flexbox;align-items: center;}
.Satisfaction .line .progress-item .progress{width: 100%;margin-left: 20px;background: #D8D8D8;height: 12px;}
.Satisfaction .line .progress-item .progress .progress-bar{background: #ff9000;border-radius: .25rem;}
.Satisfaction .line .progress-item .numb{}
/*--------*/
.box-side .price-main{}
.box-side .price-main .title{}
.box-side .price-main .price{font-size: 15px;color: #222;}
.box-side .price-main .price span{font-size: 25px;}
.box-side .price-main .btn{font-size: 13px;}
/*--------*/
.box-user-side{}
.box-user-side .media{align-items: center;}
.box-user-side .image{margin-left: 10px;}
.box-user-side .image img{width: 50px;}
.box-user-side .media-body{}
.box-user-side .media-body .name{}
.box-user-side .media-body .job{}
.box-user-side .desc{line-height: 25px;}
.box-user-side .btn{font-size: 12px;}
/*----*/
.listChapter-courses{}
.listChapter-courses .line{margin-top: 6px}
.listChapter-courses .line .accordion{position: relative;outline: none;transition: 0.4s;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;color: #384047;font-size: 16px;padding: 8px 60px 8px 15px;border-right: solid 7px #868c91;border-top: solid 1px #d7dadb;border-bottom: solid 1px #d7dadb;border-left: solid 1px #e7e9ed;min-height: 70px;}
.listChapter-courses .line .accordion:after{content: "\f104";position: absolute;right: 40px;font-weight: 700;font-family: "Font Awesome 5 Free";top: calc(50% - 14px);transition: 0.6s;font-size: 18px;color: #ff9000;}
.listChapter-courses .line .accordion.active:after{transform: rotate(-90deg);}
.listChapter-courses .line .accordion:before{content: "";background-image: url('../img/prs_acr_icn.302f649f202ca7f8ac2b0fb373cffe1c.svg');position: absolute;width: 6px;height: 22px;background-size: 100%;right: 15px;}
.listChapter-courses .line .panel{max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
/*----*/
.listMain-courses{padding: 0 30px;}
.listMain-courses .item-main{display: flex;display: flexbox;align-items: center;padding: 10px 30px 10px 10px;border-right: 5px solid rgba(0, 0, 0, 0.1);min-height: 70px;position: relative;flex-wrap: wrap;}
.listMain-courses .item-main:hover{background: #efefef;}
.listMain-courses .item-main .right{position: relative;display: flex;display: flexbox;align-items: center;flex-wrap: wrap;}
.listMain-courses .item-main .right .numb{height: 40px;width: 40px;border: 2px solid #384047;border-radius: 50%;position: absolute;background-color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;right: -33px;top: 50%;-webkit-transform: translate(50%, -50%);transform: translate(50%, -50%);z-index: 1;font-size: 16px;}
.listMain-courses .item-main .right .numb .numb-main{}
.listMain-courses .item-main .right .numb .fa-play{display: none;}
.listMain-courses .item-main .right .title{color: #384047 !important;font-size: 16px !important;font-weight: lighter;}
.listMain-courses .item-main .right .free-display{color: #ff9000;font-size: 13px;font-weight: normal;margin-right: 15px;white-space: nowrap;}
.listMain-courses .item-main .left{}
.listMain-courses .item-main .left .time{color: #B5BEC5;}
.listMain-courses .item-main .left .download{margin-right: 20px;color: #B5BEC5;}
.listMain-courses .free{}
.listMain-courses .start-play{}
.listMain-courses .item-main:not(:last-of-type){border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.listMain-courses .item-main:first-of-type:before,
.listMain-courses .item-main:last-of-type:before{content: "";z-index: 0;display: block;position: absolute;width: 5px;right: -5px;height: 50%;background-color: #ffffff;}
.listMain-courses .item-main:first-of-type:before{top: 0;}
.listMain-courses .item-main:last-of-type:before{bottom: 0;}
.listMain-courses .item-main.free .left .time,
.listMain-courses .item-main.free .left .download{color: #384047;font-size: 16px;}
.listMain-courses .item-main.start-play .right .numb{border-color: #00bff3;}
.listMain-courses .item-main.start-play .right .numb .numb-main{display: none;}
.listMain-courses .item-main.start-play .right .numb .fa-play{display: block;color: #00bff3;}
/*--------*/
.box-organizer{text-align: center;position: relative;transition: 0.9s;overflow: hidden;min-height: 300px;}
.box-organizer:hover{transform: rotateY(180deg);}
.box-organizer .image{width: 150px;height: 150px;background: #fff;border-radius: 50%;display: flex;margin: auto;}
.box-organizer .image img{margin: auto;max-height: 100%;}
.box-organizer .text{}
.box-organizer .front{padding: 15px;min-height: 300px;width: 100%;}
.box-organizer .text.Behind-text{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;transform: rotateY(-180deg);padding: 15px;transition: 0.9s;height: 100%;}
.box-organizer:hover .text.Behind-text{z-index: 1;}
.box-organizer .text .title{font-size: 18px;}
.box-organizer .text .social{}
.box-organizer .text .social li{}
.box-organizer .text .social li a{border: 1px solid #ddd;background: #fff;width: 25px;height: 25px;border-radius: 50%;display: flex;}
.box-organizer .text .social li a i{vertical-align: middle;font-size: 14px;margin: auto;}
.box-organizer .text .desc{line-height: 25px;position: relative;}
.box-organizer .job{margin: 10px 0}
.box-organizer.organizer-Without-Behind{transform: rotateY(0deg) !important;}
/*--------*/
.title-main-small{}
.title-main-small .title{font-size: 15px;}
/*--------*/
.tab-slider{background: #E8EAF1;padding: 10px;text-align: center;}
.tab-slider .item{}
.tab-slider .item .link{}
/*--------*/
.box-other-event{}
.box-other-event .image{}
.box-other-event .image img{border-radius: .25rem .25rem 0 0;height: 150px;margin: auto;}
.box-other-event .text{padding: 10px;}
.box-other-event .info{}
.box-other-event .info .date{}
.box-other-event .title{}
.box-other-event .title a{font-size: 16px;font-weight: normal;display: block;line-height: 25px;}
.box-other-event .list{font-size: 12px;}
.box-other-event .list li{margin: 7px 0;}
.box-other-event .list li i{vertical-align: middle;}
.box-other-event .list li span{}
.box-other-event .media{align-items: center;margin-top: 15px;}
.box-other-event .media .img{margin-left: 5px;}
.box-other-event .media img{width: 40px;height: 40px;border-radius: 4px;}
.box-other-event .media .media-body{font-size: 13px;}
/*--------*/
.buttonsTwo{}
.buttonsTwo .btn{font-size: 12px;width: 48%;margin: 1%;}
.buttonsTwo .btn i{vertical-align: middle;}
/*--------*/
.list-meetings{}
.list-meetings .nav{}
.list-meetings .nav li{}
.list-meetings .nav li a{padding: 4px 20px;}
.list-meetings .nav li a.active{border-bottom: 1px solid #495057;}
.list-meetings .tab-content{}
.list-meetings table{}
.list-meetings table td{white-space: nowrap}
.list-meetings table td i{vertical-align: middle;}
/*--------*/
/*--------*/
/*--------*/
/*--------*/
/*--------*/
/*--------*/




















/*...........*/
#back-top {
    position: fixed;
    bottom: 30px;
    margin-left: 20px;
    z-index: 1000;
    display: none;
    left: 0;
    /*background-image: url('../img/bg_comment.png');*/
}
#back-top a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}
/* arrow icon (span tag) */
#back-top i {
    width: 50px;
    height: 50px;
    display: block;
    background:rgba(255,255,255,0.1);
    /* rounded corners */
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 0.6s;
    color: #ccc;
    box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
    border: 3px solid #ccc;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#back-top a:hover span {
    background-color: #777;
}




@media(min-width:1200px){
.container{
    max-width: 1230px;
}
}
@media(min-width:992px){
    .dropdown-menu.HingeUpToDown4,
    .dropdown-menu.HingeUpToDown3,
    .dropdown-menu.HingeUpToDown2, 
    .dropdown-menu.HingeUpToDown {
        visibility: hidden;
        transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
        opacity: 0;
        width: 100%;
        box-shadow: none;
        display: block;
        margin-top: 0;
    }
    .nav_home .navbar-nav li.dropdown:hover .HingeUpToDown {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .nav_home .nav_list .nav-item {
        position: static;
    }
    .nav_home .nav_list {
        padding-right: 0;
        padding-right: 44px;
    }

    /*.......تغییرات منو...*/
    .nav_home .dropdown-header{color: #005600;font-size: 15px !important;}
    .dropdown-menu.HingeUpToDown4,
    .dropdown-menu.HingeUpToDown3,
    .dropdown-menu.HingeUpToDown2,
    .dropdown-menu.HingeUpToDown{visibility: hidden;transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);opacity: 0;width: 100%;box-shadow: none;display: block;-webkit-transform: translateY(30px);transform: translateY(30px);}
    .nav_home .navbar-nav li.dropdown4:hover .HingeUpToDown4,
    .nav_home .navbar-nav li.dropdown3:hover .HingeUpToDown3,
    .nav_home .navbar-nav li.dropdown2:hover .HingeUpToDown2,
    .nav_home .navbar-nav li.dropdown:hover .HingeUpToDown{
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .navbar .dropdown-menu li > a:hover{background: transparent;color: #002e5a;}
    .navbar .navbar-nav .dropdown-menu > li{display: inline-block;}
    .navbar .dropdown-menu li li a{padding-right: 0;padding: 5px 0;}
    .nav_home .navbar-brand {
        margin-right: 0px !important;
    }
    .nav_home .navbar-brand{}
    .nav_home.affix .navbar-brand{display: block;}
    .list_menu{right: auto;}
    .list_menu li{float: none !important;display: block !important;}
    .list_menu li{border-top: 1px solid #ddd;}
    .navbar .navbar-nav .list_menu .dropdown4,
    .navbar .navbar-nav .list_menu .dropdown3,
    .navbar .navbar-nav .list_menu .dropdown2{position: relative !important;}
    .list_menu .dropdown2 .dropdown-toggle{}
    .navbar .navbar-nav .list_menu .dropdown2 .dropdown-toggle:before{content: "\f104" !important;content: none !important;}
    .navbar .navbar-nav .list_menu .dropdown2 .dropdown-toggle::after{content: none}
    .navbar .navbar-nav .list_menu .dropdown2 .dropdown-menu{left: auto;right: 100% !important;top: 0 !important;}
    .navbar .navbar-nav .list_menu .dropdown2 .dropdown-menu li{width: 100%;}
    .navbar .navbar-nav .list_menu .dropdown2 .dropdown-menu li a{padding: 10px 15px;}
    /*---*/
    .navbar .navbar-nav .list_menu .dropdown2 .dropdown-menu,
    .nav_home .list_menu{border-radius: 0 3px 3px 0 !important;border: 0;background: #00bff3;width: 240px;-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);}
    .nav_home .dropdown-menu.HingeUpToDown2{}
    .navbar .navbar-nav .list_menu .dropdown2 .dropdown-menu{border-right: 1px solid #eee}
    /*---*/

}
@media(min-width:576px){

}
@media(max-width:1200px){

}

@media(max-width:992px){
    .nav_home .navbar-brand img {
    }
    .navbar .navbar-nav .list_menu .dropdown2 .dropdown-menu, .nav_home .list_menu {
        background: transparent;
    }
    .nav_home .dropdown-menu a {
        color: #333;
        padding: .5rem 1rem;
    }
    .nav_home .nav_list .nav-item a:hover, .nav_home .nav_list .nav-item > a:focus, .nav_home .nav_list .nav-item.active > a:hover, .nav_home .nav_list .nav-item.active > a:focus, .nav_home .nav_list .nav-item.active > a {
        color: #16857C !important;
        background:transparent;
    }
    .nav_home .nav_list .nav-item [aria-expanded="true"],
    .nav_home .nav_list .nav-item.show > .nav-link,
    .nav_home .nav_list .nav-item .nav-link:hover,
    .nav_home .nav_list .nav-item > .nav-link:focus, 
    .nav_home .nav_list .nav-item > .nav-link.active:hover, 
    .nav_home .nav_list .nav-item > .nav-link.active:focus, 
    .nav_home .nav_list .nav-item > .nav-link.active {
        color: #16857C !important;
    }

    .nav_home .nav_list .nav-item a::before {content: none;}

    .nav_home .nav_list .nav-item .dropdown-menu{width: 100%;position: static;}
    .nav_home .nav_list .nav-item .dropdown-menu{}
    .box_underMenu{background: #fff;position: static;}
    .navbar-nav .dropdown-menu .dropdown-menu {margin-right: 0 !important;}
    .container {
        max-width: 100%;
    }
    .nav_home .nav_list .nav-item {width: 100%;}
    .nav_home {padding: 0;}
    .navbar .navbar-nav .dropdown-menu li > a.dropdown-toggle::before {content: none !important;}
    .nav_home .nav_list .nav-item a:hover, .nav_home .nav_list .nav-item > a:focus, .nav_home .nav_list .nav-item.active > a:hover, .nav_home .nav_list .nav-item.active > a:focus, .nav_home .nav_list .nav-item.active > a {
        color: #000 !important;
    }
    .nav_home .nav_list .nav-item a {}
    .nav_home .nav_list .nav-item .dropdown-menu {border: 0;}
    .navbar .dropdown-short .dropdown-menu li.dropdown-header{padding-right: 15px}
    .listElectronic_Services .carousel-indicators {position: relative;}
    .nav_home .nav_list .nav-item.sign_in {border: 0;}
    .nav_home .nav_list .nav-item .nav-link {
        padding: .5rem 1rem !important;
    }
    .nav_home .nav_list li a{border-bottom: 1px solid #ddd;}
    .nav_home .container{padding: 0 15px}
    .nav_home .nav_list .nav-item  a i{transition: 0.6s}
    .nav_home .nav_list .nav-item  a .fa-angle-left{transform: rotate(-90deg)}
    .nav_home .nav-item  a[aria-expanded="true"] > .fa-angle-left{transform: rotate(90deg)}
    .nav_home .nav-item  a[aria-expanded="true"] > .fa-angle-down{transform: rotate(180deg)}
    /*----*/
    .nav_home{  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);}
    .nav_home .navbar-toggler{border: 0;z-index: 100000;}
    .nav_home .navbar-toggler .navbar-toggler-icon{color: #6b6b6b;background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(107,107,107,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
    .nav_home .navbar-toggler span{width: 40px;height: 2px;background: #16857C;display: block;margin-bottom: 9px;transition: 0.6s;}
    .nav_home .navbar-toggler[aria-expanded="false"] span:nth-child(1){}
    .nav_home .navbar-toggler[aria-expanded="false"] span:nth-child(2){}
    .nav_home .navbar-toggler[aria-expanded="false"] span:nth-child(3){margin-bottom: 0}
    .nav_home .navbar-toggler[aria-expanded="true"] span:nth-child(1){transform: rotate(35deg) translate(10px);}
    .nav_home .navbar-toggler[aria-expanded="true"] span:nth-child(2){display: none;}
    .nav_home .navbar-toggler[aria-expanded="true"] span:nth-child(3){transform: rotate(-35deg) translate(10px);}
    .nav_home .navbar-toggler[aria-expanded="true"]{position: relative;top: 5px;}
    .nav_home .list_head_respon{display: inline-flex;align-items: center;margin-left: auto;margin-right: 20px;}
    .nav_home .list_head_respon li{margin-left: 15px;}
    .nav_home .list_head_respon li a{display: block;}
    .nav_home .list_head_respon li a i{height: 32px;color: #6b6b6b;}
    .nav_home .list_head_respon .search_click{width: auto;border-bottom: 0;margin-bottom: 0 !important;}
    .nav_home .list_head_respon .input-group-append{}
    .nav_home .list_head_respon .input-group-append .btn{color: #6b6b6b;}
    .nav_home .list_head_respon .input-group-append .btn:before{font-size: 26px;top: -6px;position: relative;}
    .nav_home .navbar-brand{position: relative;margin: 0}
    .nav_home .collapse_nav{}
    .nav_home .nav_list{}

    .nav_home .nav_list .nav-item{margin-left: 0;width: 100%;}
    .nav_home .nav_list .nav-item .nav-link{}
    .nav_home .nav_list .nav-item .HingeUpToDown{float: none !important;border-top: 0 !important;}
    .nav_home .nav_list .nav-item .HingeUpToDown .dropdown2{}
    .nav_home .nav_list .nav-item .HingeUpToDown .dropdown2 .dropdown-toggle:after{content: none;}
    .nav_home .nav_list .nav-item .HingeUpToDown .dropdown2 .dropdown-toggle img{}
    .nav_home .nav_list .nav-item .HingeUpToDown .dropdown2 .HingeUpToDown2{}
    .nav_home .nav_list .nav-item .HingeUpToDown .dropdown2 .HingeUpToDown2 .list_link{}
    .nav_home .nav_list .nav-item .HingeUpToDown .dropdown2 .HingeUpToDown2 .title{}
    .nav_home .nav_list .nav-item .HingeUpToDown .dropdown2 .HingeUpToDown2 .list_link ul{}
    .nav_home .nav_list .nav-item .HingeUpToDown .dropdown2 .HingeUpToDown2 .list_link ul li{}
    .nav_home .nav_list .nav-item .HingeUpToDown .dropdown2 .HingeUpToDown2 .list_link ul li a{padding: 10px 20px !important;line-height: 20px;}
    .nav_home .nav_list .list_menu_respon{}
    .nav_home .nav_list .list_menu_respon ul{display: flex;}
    .nav_home .nav_list .list_menu_respon ul li{width: 50%;text-align: center;}
    .nav_home .nav_list .list_menu_respon ul li a{color: #fff !important;display: block;padding: 10px !important;}
    .nav_home .nav_list .list_menu_respon ul li a:hover{color: #fff !important;}
    .nav_home .nav_list .list_menu_respon ul li a span{}
    .nav_home .nav_list .list_menu_respon ul li a .ico_login{}
    .nav_home .nav_list .list_menu_respon ul li a .ico_register{}
    .nav_home .nav_list .list_menu_respon ul li a .ico_login:before,
    .nav_home .nav_list .list_menu_respon ul li a .ico_register:before{content: "";}
    .nav_home .nav_list .list_menu_respon ul li a .ico_login:before{}
    .nav_home .nav_list .list_menu_respon ul li a .ico_register:before{}
    body:not(.overlay-open) .nav_home .navbar-nav > li.dropdown:hover > a.nav-link::after {
        display: none;
    }
    .fixedTop .sticky-top {
        padding: 0 !important;
    }
    /*--sidbar*/
    .nav_home .collapse_nav {
        background: #fff;
        max-height: calc(100vh);
        overflow-y: scroll;
        height: calc(100vh);
        z-index: 10000;
    }
    .side-collapse-container{
        width:100%;
        position:relative;
        left:0;
        transition:right .4s;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }
    .side-collapse-container.out{
        margin-right: 300px;
    }
    .side-collapse-container.out:after{content: "";position: absolute;left: 0;height: 100%;top: 04ba;top: 0;background: rgba(0,0,0,0.8);width: 100%;z-index: 10;}
    .collapse_nav {
        top: 0;
        bottom: 0;
        right: 0;
        width: 0;
        position: fixed !important;
        overflow: hidden;
        display: block !important;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }
    .collapse_nav.show {
        width:80vw;
    }
    .overflow_in{overflow-y: hidden;}
    .nav_home .nav_list .nav-item .nav-link{padding: 10px 15px;color: #333;}
    /*...*/
    .slider_owl .owl-nav .owl-prev {
        left: -10px;
    }
    .slider_owl .owl-nav .owl-next {
        right: -10px;
    }
    /*-----*/
    .carousel_main .carousel-item .post .title a {
        font-size: 24px;
    }
    .carousel_main .carousel-item .post .desc {
        font-size: 14px;
        margin-top: 5px;
    }
    .carousel_main .carousel-item .link{}
    /*-----*/
    .nav_home .nav_list .nav-item .nav-link::before {
        content: none;
    }
    .nav_home .dropdown-menu a.active, .nav_home .nav_list .nav-item a:hover, .nav_home .nav_list .nav-item > a:focus, .nav_home .nav_list .nav-item.active > a:hover, .nav_home .nav_list .nav-item.active > a:focus, .nav_home .nav_list .nav-item.active > a {
        color: #29AF8A !important;
        background: #f9f9f9;
    }
    /*------*/
    .our-colleagues .box-colleagues {flex: 0 0 25%;}
    /*------*/
    .events .line.line-pic{flex-wrap: wrap;}
    .events .line.line-pic .pic{max-width: 100%;margin-top: 20px;width: 100%;}
    .events .line.line-pic .pic img{width: 200px;}
    /*------*/



}
@media(max-width:768px){

    .footer_last .copyRight{text-align: center !important;}
    .footer_last .Social-Iconfooter {
        justify-content: center !important;
    }
    .carousel_main .carousel-item .carousel-caption {
        width: 100%;
        position: relative;
        right: 0;
    }
    .carousel_main .carousel-item .img {
        height: 250px;
        width: 100%;
    }
    .carousel_main .carousel-indicators {
        width: auto;
        right: 0;
        height: auto;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        top: 0;
        bottom: auto;
        margin-top: 15px
    }
    .carousel_main .carousel-indicators li {
        margin: 0 5px !important;
    }
    /*---*/
    .carousel_main .click {
        margin-top: 20px;
        top: 0;
    }
    .carousel_main .carousel-item .post {
        padding: 0;
        width: 100%;
    }
    header .contact-head {
        text-align: center;
    }
    .carousel_main .carousel-item .fadeInDown {
        width: 100%;
        padding: 0 20px;
    }
    .box-service {
        display: block;
        text-align: center;
    }
    .box-service .Ico {
        margin-left: 0 !important;
    }
    .box-service .Ico span {
        margin: 10px auto 20px;
    }
    .title-main .title {
        font-size: 20px;
    }
    .box-category.box-category-big {
        height: 200px;
    }
    .commentslide .comments-item .user {
        display: block;
        text-align: center;
    }
    .commentslide .comments-item .user .image {
        margin: 0 auto 10px !important;
    }
    /*----*/
    .our-colleagues .box-colleagues {flex: 0 0 33%;}
    .box-Statistics-status .numscroller,
    .text-about .title {font-size: 20px;}
    .box-Statistics-status .title {
        font-size: 12px;
    }
    /*---*/
    .not-found-box {display: block;}
    .not-found-box .not-found-icon-wrapper span {
    font-size: 100px;
}
    /*---*/
    .boxAbout-post .text .sotitr {line-height: 30px;font-size: 16px;}
    /*---*/
    .boximage-teacher{display: flex;}
    .boximage-teacher .image{width: 50%;}
    .boximage-teacher .image img{height: 200px;object-fit: cover;}
    .boximage-teacher .social-icons{width: 50%;align-items: center;display: flex;justify-content: center;flex-wrap: wrap;flex-flow: column;}
    .boximage-teacher .social-icons li{margin-bottom: 5px;}
}
@media(max-width:576px){
    .nav_home .navbar-brand img {
        max-width: 150px;
    }
    .nav_home .nav-link.btn-orang {
        font-size: 12px;
        padding: 6px 12px;
    }
    .carousel_main .carousel-item .post .title a {
        font-size: 16px;
    }
    .carousel_main .carousel-item .post .desc {
        font-size: 12px;
        line-height: 20px;
    }
    .title-main .btn {
        font-size: 12px;
        padding: 4px 12px !important;
    }
    .not-found-box .media-body .title,
    .commentslide .comments-item > .media-body,
    .limited-time .title,
    .title-main .title {
        font-size: 16px;
    }
    .title-main .category {
        margin-bottom: 3px;
        font-size: 12px;
    }
    .reverstimer {
        width: 100%;
    }
    .reverstimer .box {flex: 0 0 24%;}
    .events .line {
        display: block;
    }
    .events .line .date{margin-bottom: 10px;}
    .box-post .text .title a,
    .video-box .text .title {
        font-size: 14px;
    }
    .commentslide .comments-item {
        display: block;
    }
    .commentslide .comments-item .user {
        display: flex;
        text-align: right;
        display: flexbox;
    }
    .commentslide .comments-item .user .media-body {
        padding-right: 10px;
    }
    .commentslide .comments-item > .media-body blockquote {
        line-height: 29px;
    }
    .social-icons,
    footer .bottom .copyright-cell {text-align: center !important;}
    /*----*/
    .our-colleagues .box-colleagues {flex: 0 0 50%;}
    /*----*/
    .boxAbout-post .text .desc {text-align: justify;}
    .comments .comment-main .Img img {
    height: 40px;
    width: 40px;
}
.comments .comment-main.Inside {
    padding-right: 0;
}
.boxAbout-post .text .title,
.boxAbout-post .title-M {
    font-size: 17px;
    line-height: 30px;
}
    .boxAbout-teacher .info .media {width: 100%;}
.Skills-progress .progress {height: 20px;}
.boxAbout-teacher .title-M {
    font-size: 17px;
}
    /*----*/
    .boxAbout-post .list-info-ptoduct .list-inline-item div {
    margin-right: 0;
}
.boxAbout-post .list-info-ptoduct .list-inline-item {
    padding: 5px;
    font-size: 12px;
}
.listMain-courses {
    padding: 0 20px 0 0;
}
.Satisfaction {
    display: block;
}
}
@media(max-width:410px){
    .nav_home .nav-link.btn-orang {padding:3px 8px !important }
    .nav_home .navbar-toggler {
        padding-left: 0;
    }
    .nav_home .navbar-brand img {
        max-width: 130px;
    }
}