.num-font {
    font-family: Tahoma !important;
}

.hidden {
    display: none !important;
}

.justify-center {
    display: flex !important;
    display: -moz-box !important;
    display: -webkit-flex !important;
    justify-content: center;
    -webkit-justify-content: center;
}

.justify-around {
    display: flex;
    display: -moz-box;
    display: -webkit-flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.justify-space-between {
    display: flex;
    display: -moz-box;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.align-center {
    display: flex !important;
    align-items: center;
}
/*frequently-used*/

.pad-right-3{

    padding-right: 3rem !important;

}

.line-height-186 {

    line-height: 186% !important;

}

.height-100{

    height: 100% !important;

}

.w-100{

    width: 100% !important;

}

.position-relative{

    position: relative !important;

}

.trs-3{

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



/*frequently-used*/

/*colors*/

.main-color {

    color: #1d93d1 !important;

}

.black-color{

    color: #000 !important;

}

.white-color {

    color: #fff !important;

}

.secondary-color{

    color: #9a9a9a !important;

}

.footer-main-color{

    color: #BDBDBD !important;

}

.main-color-bac {

    background-color: #1d93d1 !important;

}

.mb-20{

    margin-bottom: 20px;

}

.overflow-auto{

    overflow: auto !important;

    overflow: auto !important;

}

/*colors*/

/*hovers*/

.twitter-hover:hover{

    color: #38A1F3 !important;

}

.instagram-hover:hover{

color: #ff0000 !important;

}

.telegram-hover:hover{

color: #0088cc !important;

}

/*hovers*/

/*body*/

body {

    font-family: IRANSans-web;

}

ul{

    margin: 0px;

    list-style: none;

}



/*body*/

/*first-section*/

#first-section {

    background: repeat left top url('../images/slider-dotted-overlay.png') !important;

    position: relative;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



#first-section #main-video {

    object-fit: cover;

    z-index: -1;

    background-size: cover;

    width: 100%;

    height: 124.805%;

    visibility: inherit;

    opacity: 1;

    display: block;

    position: absolute;

    left: 0px;

    top: -12.4023%;

}



/*top-bar*/

#top-bar {

    position: relative;

    height: 70px;

    background-color: rgba(33, 33, 33, 1);

    transition: all 700ms 100ms cubic-bezier(.19, 1, .22, 1);

}

#top-bar #right-menu{

    float: right;

    padding: 0px !important;

}

#top-bar #right-menu ul{

    line-height: 75px;

    background: none;

    font-size: 93%;

}

#top-bar #right-menu ul li{

    margin-left: .5rem;

}

#top-bar #left-menu ul{

    line-height: 75px;

    background: none;

    font-size: 93%;

}

#top-bar #left-menu ul li{

    margin-right: .5rem;

}

#top-bar #left-menu{

    float: left;

    padding: 0px !important;

}

#top-bar #left-menu ul{

    float: left;

    padding: 0px !important;

}

/*top-bar*/

/*top-menu*/

#top-menu{

    position: relative;

    height: 96px;

    background: transparent;

    z-index: 1;

    transition: all 700ms 100ms cubic-bezier(.19, 1, .22, 1);

}

#top-menu .right.menu .item{

    padding: 0 0 0 0;

}

#top-menu-logo{

    width: 100% !important;

    max-width: 140px !important;

    max-height: 35px !important;

}

/*top-menu*/

/*first-section*/

/*service-box*/

#service-box {

    position: relative;

    top: -31%;

    font-size: 90%;

}



.service-box {

    padding: 1rem 1rem;

}



.service-box h2 {

    margin-bottom: 2rem;

}



.service-box .icon-section {

    transform: rotateY(180deg);

    font-size: 350%;

}



.service-box .icon-section .icon {

    margin-top: 1rem;

}



.service-box .padded:hover {

    -ms-transform: translateY(-32px);

    transform: translateY(-32px);

    box-shadow: 9px 16px 27px 0px rgba(0, 0, 0, 0.24);

}



.service-box .padded {

    transition: all 700ms 100ms cubic-bezier(.19, 1, .22, 1);

    padding: 3rem 2rem !important;

    border-radius: 2px;

}



.service-box .read-more {

    transition: all 700ms 100ms cubic-bezier(.19, 1, .22, 1);

}



.et-line-button:hover > .line-after, .et-line-button > .line-before {

    width: 0;

}



.et-line-button > .line-before {

    right: auto;

    left: 0;

}



.et-line-button > .line-after {

    width: 0px;

    right: auto;

    right: 0;

}



.et-line-button > .line {

    display: block;

    width: 24px;

    height: 2px;

    position: absolute;

    top: 50%;

    /*right: 43px;*/

    margin-top: -1px;

}



.et-line-button > * {

    transition: all .8s cubic-bezier(.19, 1, .22, 1);

    backface-visibility: hidden;

}



.et-line-button {

    position: relative;

    text-transform: uppercase;

    font-size: 12px;

    line-height: 24px;

    font-weight: 700;

    letter-spacing: 0.5px;

    padding-right: 40px;

}



.et-line-button > .text {

    position: relative;

    display: inline-block;

}



.et-line-button:hover > .text {

    transform: translateX(32px);

}



.et-line-button:hover > .line-before {

    width: 24px;

}



.et-line-button:hover > .line-after, .et-line-button > .line-before {

    width: 0;

}



/*service-box*/

/*about-us-section*/

#about-us-section{

    position: relative;

    top: -20%;

    margin-bottom: 3.5rem;

}

#about-us-section p{

    line-height: 186% !important;

}

#clients img{

    transition: filter .5s ease-in-out;

    width: 100%;

}

#clients #about-header{

    padding: 9px 15px;

    font-family: yekan;

    font-size: 136%;

    display: inline-block;

    margin-bottom: 2rem;

}

#clients img:hover{

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}

#clients .segmment{

    padding: 2px;

    box-shadow: inset 0 0 0 1px #e0e0e0 !important;

}

.about-line{

    position: relative;

    right: .5rem;

    height: 2px;

    width: 21px;

    background: red;

    color: red;

    display: inline-block;

}

/*about-us-section*/

/*statistic-section*/

#statistic-section{

    position: relative;

    top: -20%;

    padding-top: 120px !important;

    padding-bottom: 96px !important;

    background: #1d93d1 url('../images/globus_image_large.jpg') !important;

    /*background: url('../images/globus_image_large.jpg') 100% 0 no-repeat;*/

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: contain !important;

}

#statistic-section p{

    line-height: 186% !important;

}

.stat-line{

    position: relative;

    right: .5rem;

    height: 2px;

    width: 21px;

    background: #fff;

    color: #fff;

    display: inline-block;

}

#number-stat .number-label{

    text-align: right;

    font-size: 114%;

    top: .5rem;

    position: relative;

}

.number-stat-line{

    position: absolute;

    left: .5rem;

    top: 1rem;

    height: 2px;

    width: 21px;

    background: #fff;

    color: #fff;

    display: inline-block;

}

#number-stat .row{

    margin-bottom: 20px;

}

#progress-bar{

    margin-top: 20px;

}

#progress-bar .bar{

    background-color: #fff !important;

    height: 7.9px !important;

    border-radius: 0px !important;

}

#progress-bar .ui.progress{

    background: rgba(255,255,255,0.2);

    border-radius: 0px !important;

}

#progress-bar span.progress-percent.white-color {

    position: absolute;

    left: 0px;

    bottom: 15px;

}

#progress-bar span.progress-label.white-color {

    position: absolute;

    right: 0px;

    bottom: 14px;

}

#circle-stat .circular-progress-label {

    position: absolute;

    right: 12%;

    bottom: 0%;

}

#circle-stat .percircle:after{

    background-color: #1d93d1 !important;

}

#circle-stat .percircle>span{

    color: #ebebeb !important;

}

#circle-stat .percircle:hover>span{

    color: #fff !important;

}

.stat-line{

    position: relative;

    right: .5rem;

    height: 2px;

    width: 21px;

    background: #fff;

    color: #fff;

    display: inline-block;

}

/*truc-section*/

#truck-image{

    width: 100%;

    height: auto;

    /*width="472" height="626"*/

}

#truck-section .right-font-icon {

    font-size: 254%;

    position: relative;

    left: 15px;

}

#truck-section .right-font-icon img {

    width: 69px;

}

#truck-section .left-font-icon img {

    width: 69px;

}

#truck-section .right-font-icon i{

    box-shadow: 0 0 0 2.1px #1d93d1 inset !important;

}

#truck-section p{

    font-size: 88%;

}

#truck-section h2{

    font-size: 120%;

}

#truck-section .need-box{

    margin-bottom: 3rem;

}

#truck-section .right-column, .left-column{

    margin-top: 3rem;

}

.truck-line{

    position: relative;

    right: .5rem;

    height: 2px;

    width: 21px;

    background: #1d93d1;

    color: #1d93d1;

    display: inline-block;

}

/*truc-section*/

/*footer*/

footer {

    background-color: #212121 !important;

}

#footer{

    padding-top: 32px !important;

    background-image: url('../images/footer-background.jpg') !important;

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: contain !important;

}

#footer #subscribe .label{

    background-color: #1d93d1 !important;

    border-radius: unset !important;

    color: rgba(255, 255, 255, 0.6) !important;

}

#footer #subscribe input{

    border-radius: 0px !important;

}

#footer #subscribe button{

    color: #fff !important;

    background : none !important;

}

/*#footer-menu*/

#footer-menu{

    height: 61px;

    background: transparent;

}

#footer-menu .container{

    border-bottom: 1px solid #424242;

}

#footer-menu .right.menu .item{

    padding: 0 0 0 0;

}

#footer-menu a{

    color: #BDBDBD !important;

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

}

#footer-menu .item{

    color: #BDBDBD !important;

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

}

#footer-menu .item:hover{

    color: #fff !important;

}

#footer-menu a:hover{

    color: #fff !important;

}

#footer-menu .menu.transition{

    background: rgb(15, 15, 15);

    box-shadow: yellow 0px 0px 2px;

}

/*#footer-menu*/

#footer .logo{

    width: 100% !important;

    max-width: 140px !important;

    max-height: 35px !important;

    margin-bottom: 2rem;

}

#footer .address{

    color: #fff !important;

}

/*footer-bottom*/

/*footer-bottom*/

/*footer*/



/*statistic-section*/

/*go top section*/

#go-top{

    position: fixed;

    bottom: 2rem;

    right: 2rem;

    font-size: 19px;

    cursor: pointer;

}

#go-top >a >i{

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

}

#go-top:hover > a > i{

    background-color: #1d93d1 !important;

}

/*go top section*/

/*register-page*/

#driver-register-first-section{

    background: no-repeat left center url(../images/slider-dotted-overlay.png) !important;

    position: relative;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 300px;

    overflow: hidden;

}

#driver-register-first-section img {

    object-fit: cover;

    z-index: -1;

    background-size: cover;

    width: 100%;

    height: 124.805%;

    visibility: inherit;

    opacity: 1;

    display: block;

    /*position: absolute;*/

    /*left: 0px;*/

    /*top: -12.4023%;*/

}

#driver-register-first-section .register-page-logo{

    position: absolute;

    top: 5%;

    right: 4%;

    width: 115px;

}

#driver-register-first-section .sidebar-menu-triger{

    position: absolute;

    top: 5%;

    left: 6%;

    cursor: pointer;



}

#driver-register-first-section .logo-text h2{

    position: absolute;

    top: 31%;

    right: 5%;

    color: #3b3a3a;

    background: white;

    padding: 4px 20px;

    border-radius: 2px;

}

#driver-register-first-section .logo-text h1{

    position: absolute;

    top: 31%;

    right: 5%;

    color: #3b3a3a;

    background: white;

    padding: 4px 20px;

    border-radius: 2px;

}

#register-section p.description{

    padding: 3rem 11rem;

    text-align: center;

}

#register-section form {

    position: relative;

    margin: 2rem 7rem;

    border: 2px solid blue;

    padding: 2rem 3rem;

}

#register-section .left-border{

    position: absolute;

    left: -5px;

    top: 13%;

    width: 10px;

    height: 75%;

    z-index: 1;

    background-color: #fff;

}

#register-section .right-border{

    position: absolute;

    right: -5px;

    top: 13%;

    width: 10px;

    height: 75%;

    z-index: 1;

    background-color: #fff;

}

#register-section .top-border{

    position: absolute;

    right: 3%;

    top: -5px;

    width: 94%;

    height: 10px;

    z-index: 1;

    background-color: #fff;

}

#register-section .bottom-border{

    position: absolute;

    right: 3%;

    bottom: -5px;

    width: 94%;

    height: 10px;

    z-index: 1;

    background-color: #fff;

}

#register-section h4{

    font-size: 123%;

}

#register-section .ui.message{

    margin: 1rem 0;

    font-size: 90%;

    font-family: yekan;

}

#register-section .ui.message ul li{

    padding: 2px 0;

}

/*driver-register-page*/

/*blog-page*/

#blog-first-section {

    background: no-repeat left center url(../images/slider-dotted-overlay.png) !important;

    position: relative;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 300px;

    overflow: hidden;



}

.dash-borderd{

    position: relative;

    margin: 2rem 7rem;

    border: 2px dashed red;

    padding: 2rem 3rem;

    height: 100%;

}

.dash-borderd >p {

    line-height: 208%;

    font-family: IRANSans-web !important;

    width: 100%;

}

.dash-borderd h1 ,h2,h3,h4 {

    font-family: IRANSans-web !important;

}

.dash-borderd span,a {

    font-family: yekan !important;

}

.dash-borderd .left-border{

    position: absolute;

    left: -5px;

    top: 13%;

    width: 10px;

    height: 75%;

    z-index: 1;

    background-color: #fff;

}

.dash-borderd .right-border{

    position: absolute;

    right: -5px;

    top: 13%;

    width: 10px;

    height: 75%;

    z-index: 1;

    background-color: #fff;

}

.dash-borderd .top-border{

    position: absolute;

    right: 16%;

    top: -5px;

    width: 68%;

    height: 10px;

    z-index: 1;

    background-color: #fff;



}

.dash-borderd .bottom-border{

    position: absolute;

    right: 16%;

    bottom: -5px;

    width: 68%;

    height: 10px;

    z-index: 1;

    background-color: #fff;

}

:root {
    --expert-image-width:250px;
}
.expert-image {
    width: var(--expert-image-width);
    height: var(--expert-image-width);
    border: solid 1px #ccc;
    overflow: hidden;
}

/*blog-page*/

@media only screen and (max-width: 767px) {

    .service-box p {

        padding-left: 2rem !important;

    }

}

@media only screen and (min-width: 960px) {

    .circle-stat {

        padding-right: 3rem !important;

    }

}