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

/*------------------------Set All Element Font--------------------------*/
:root {
    --dark-blue: #013856;
    --master-yellow: #FDBB2E;
    --dark-yellow: #7d5900;
    --very-light-gray: #F8F8F8;
    --light-gray: #F6F6F6;
    --medium-gray:#C9C9C9;
    --body-color: #161515;
}
body{color:var(--body-color);}
body,.p{
    font-family: body-font, serif;font-size:15px;font-weight: 300;line-height: 30px;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{line-height: 1.5;color: var(--gray);font-family:sans-bold, serif;}
b, strong{font-family: sans-bold, serif;}
/*-----------------------Set All Element Font---------------------------*/
.white-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 5px;
    color: black !important;
    transition: all .3s linear;
}
.white-btn:hover{
    background-color: var(--master-yellow);
    color: white !important;
}
.blue-btn{
    display: inline-block;
    background-color: var(--dark-blue);
    border-radius: 10px;
    color: white !important;
    text-align: center;
    padding: 10px 25px;
}
.blue-btn:hover{
    background-color: var(--master-yellow);
}
.bg-dark-blue{background-color: var(--dark-blue);}
.bg-master-yellow{background-color: var(--master-yellow);}
.color-dark-blue:not(a:hover){color: var(--dark-blue);}
.color-yellow{color: var(--master-yellow);}
.dir-ltr{direction: ltr;}
.dir-rtl{direction: rtl;}
.txt-large-1{font-size: 1.2rem;}
.txt-large-2{font-size: 1.4rem;}
.txt-large-3{font-size: 1.6rem;}
.txt-large-4{font-size: 1.8rem;}
.txt-large-5{font-size: 2rem;}
.txt-large-6{font-size: 2.5rem;}
.txt-large-7{font-size: 3rem;}
.txt-large-8{font-size: 3.5rem;}
.txt-large-9{font-size: 4rem;}
.txt-large-10{font-size: 6rem;}
.txt-small-1{font-size: 0.9rem;}
.txt-small-2{font-size: 0.8rem;}
.txt-small-3{font-size: 0.7rem;line-height: 21px;}
.txt-small-4{font-size: 0.6rem;}
.txt-small-5{font-size: 0.5rem;}
.txt-small-6{font-size: 0.4rem;}
.txt-small-7{font-size: 0.3rem;}
.txt-small-8{font-size: 0.2rem;}
.txt-small-9{font-size: 0.1rem;}
.icon-as-body-txt{line-height: 2;}
.section-pt{padding-top: 100px;}
.section-pb{padding-bottom: 100px;}

/*------------Template override------------*/
.offcanvas-menu .offcanvas-inner ul.menu>li>a,
.offcanvas-menu .offcanvas-inner ul.menu>li>span{
    padding: 15px 20px;
}
#sp-logo{
    display: flex;
}

#sp-header.header-sticky,
#sp-header.lg-header.header-sticky{
    background-color: white;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:not(:first-child)>a,
.offcanvas-menu .offcanvas-inner ul.menu>li:not(:first-child)>a,
.offcanvas-menu .offcanvas-inner ul.menu>li:not(:first-child)>span{
    border-top: 1px #eeeeee solid;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:after {
    content: "\f053";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    float: left;
    font-size: 13px;
    color: #cccccc;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{
    display: block;
}
/*.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li span:focus{
    background-color: var(--dark-blue);
}*/
/*.offcanvas-menu .offcanvas-inner ul.menu>li a:hover>.menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu>li a:focus>.menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu>li span:hover>.menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu>li span:focus>.menu-toggler{
    color: var(--master-green);
}*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover:after,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:after{
    color: inherit;
    transition: inherit;
}
.sp-menu-item.sp-has-child{
    cursor: default;
}
.offcanvas-inner .menu-child>li{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
/*------------End Template override------------*/

.h-center-child{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.icon-flasher{
    animation: pulseOpacity 1s infinite;
}
@-webkit-keyframes pulseOpacity{
    0%{opacity:0.90}
    50%{opacity:0.4}
    100%{opacity:0.90}
}
@keyframes pulseOpacity
{0%{opacity:0.90}
    50%{opacity:0.4}
    100%{opacity:0.90}
}