/* #region common */
/*********************************************/
/*********************************************/
/*****                                   *****/
/*****           Common   Start          *****/
/*****                                   *****/
/*********************************************/
/*********************************************/
:focus{
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}
.form-control:not([name=search]):focus{
    color: var(--color-register-main);
    border: solid 1px var(--color-register-main) !important;
}
:root{
    --color-register-main : rgb(255,79,89);
    --color-main : rgb(164,0,3);
    --color-main-dark: rgb(90,0,3);
    --color-main-gray : rgb(181,181,181);
    --color-second-gray: rgb(245,245,245);

    --color-black-50 : rgba(0,0,0,0.5);
    --color-black-60 : rgba(0,0,0,0.6);
    --color-black-80 : rgba(0,0,0,0.8);

    --color-dark-gray: #505050;
    --color-gray-dark: #505050;
    --color-gray-darker: #303030;

    --color-white: #fff;
    --color-black: #000;
    --color-gray: gray;


    --color-danger : #d61126;
    --color-success : #11d626;
    --color-primary : #2611d6;

    --color-carafe: #7d0156;
    --color-seafoam: #6aee99;
    --color-rose: #FF2768;
    --color-turquoise: #26e9d8;

    --swiper-theme-color: rgb(78, 78, 78);

    --color-lighter-gray: #dcdcdc;
    --color-lightest-gray: #f4f4f4;

}

@font-face{
    font-family: 'vazir';
    src: url('../fonts/Vazir-FD.ttf');
}
@font-face{
    font-family: 'roboto';
    src: url('../fonts/Roboto-Medium.ttf');
    font-weight: 400;
}
@font-face{
    font-family: 'roboto';
    src: url('../fonts/Roboto-Bold.ttf');
    font-weight: bold;
}
html,body{
    font-family: 'vazir','roboto';
}
body.ltr{
    font-family: 'roboto','vazir';
}
.ltr{
    direction: ltr;
}
.btn-main{
    background-color: var(--color-white);
    border-radius: 10px;
    border: solid var(--color-main) 2px;
    color: var(--color-main);
    transition: .6s;
    cursor: pointer;
}
.btn-main:hover{
    background-color: var(--color-main);
    color: var(--color-white);
}


.bg-white{
    background: var(--color-white);
}
.text-white{
    color: var(--color-white);
}
.text-black{
    color: var(--color-black);
}
.text-black:hover{
    color: var(--color-black);
    opacity:0.7;
}
.bg-main{
    background: var(--color-main);
}
.text-main{
    color: var(--color-main);
}
.text-gray{
    color: var(--color-gray);
}
.text-gray-dark{
    color: var(--color-gray-dark);
}
.text-gray-darker{
    color: var(--color-gray-darker);
}
.text-gray-main{
    color: var(--color-main-gray);
}
.text-hover-main:hover{
    color: var(--color-main);
    stroke: var(--color-main);
    fill: var(--color-main);
}
.text-last-center{
    -ms-text-align-last: center;
    text-align-last: center;
}
.bg-gray{
    background: var(--color-second-gray);
}
.border-white{
    border: solid 1px var(--color-white);
}

*{
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6{
    margin: 0 !important;
    padding: 0;
}
a,a:hover{
    text-decoration: none;
}
.rtl{
    direction: rtl;
}
.rtl ::placeholder{
    direction: rtl;
}
.shadow-main{
    box-shadow: 0px 0px 6px var(--color-lighter-gray);
}
.overflow-hidden{
    overflow: hidden;
}
.rounded{
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border-radius: 7px !important;
}
.rounded-bottom{
    -webkit-border-radius: 0 0 7px 7px !important;
    -moz-border-radius: 0 0 7px 7px !important;
    border-radius: 0 0 7px 7px !important;
}
.tag{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-flex;
    padding: 4px 8px;
    color: var(--color-white);
    font-size:12px;
}
.tag-danger{
    background-color: var(--color-danger);
}
.tag-success{
    background-color: var(--color-success);
}
.tag-primary{
    background-color: var(--color-primary);
}
.tag-dark{
    background-color: var(--color-black-80);
}
/*********************************************/
/*********************************************/
/*****                                   *****/
/*****           Common    End           *****/
/*****                                   *****/
/*********************************************/
/*********************************************/
/* #endregion common */

/* #region header */
/*********************************************/
/*********************************************/
/*****                                   *****/
/*****          Header   Start           *****/
/*****                                   *****/
/*********************************************/
/*********************************************/
a.text-main:hover{
    color: var(--color-main);
}
.lang-wrapper div a{
    width: 30px;
}
.active-lang{
    background-color: var(--color-main);
}
.lang-wrapper>div a{
    position: relative;
    z-index: 2;
}
.lang-wrapper>div:not(.active-lang) a:hover,
.lang-wrapper>div:not(.active-lang) a{
    color: var(--color-white);
}
.lang-wrapper>div{
    position: relative;
}
.lang-wrapper>div>.background{
    position: absolute;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    opacity: 0;
}
.active-lang>.background{
    opacity: 1 !important;
}
.logo-wrapper img{
    width: 60%;
}
.avatar-wrapper img{
    width: 60%;
    max-width: 90px;
}
.search-wrapper input::placeholder{
    color: var(--color-black-50);
}
.nav-link{
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.nav-link:hover{
    color: var(--color-main-dark) !important;
}
/*********************************************/
/*********************************************/
/*****                                   *****/
/*****          Header    End            *****/
/*****                                   *****/
/*********************************************/
/*********************************************/
/* #endregion header */


/* #region footer */
.footer-wrapper{
    background-color: var(--color-dark-gray);
}
.newsletter{
    position: relative;
}
.newsletter a{
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}
.footer-logo-wrapper img{
    max-width: 150px;
}
/* #endregion footer */




@media only screen and (max-width: 400px){
    .avatar-wrapper img{
        width: 90%;
    }
}

@media only screen and (min-width:768px){
    .text-md-right{
        text-align: right !important;
    }
    .text-md-left{
        text-align: left !important;
    }
    .text-md-center{
        text-align: center !important;
    }

    .rtl .text-md-right{
        text-align: left !important;
    }
    .rtl .text-md-left{
        text-align: right !important;
    }
}