/**
* Template Name: OnePage - v4.7.0
* Template URL: https://bootstrapmade.com/onepage-multipurpose-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/
                /*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
                
                body {
                    font-family: 'Vazir', Arial, sans-serif;
                    font-weight: normal;
                    color: #444444;
                }
                
                a {
                    color: #2487ce;
                    text-decoration: none;
                }
                
                a:hover {
                    color: #469fdf;
                    text-decoration: none;
                }
                
                h1,
                h2,
                h3,
                h4,
                h5,
                h6 {
                    font-family: 'Vazir', Arial, sans-serif;
                    font-weight: normal;
                }
                /*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
                
                .back-to-top {
                    position: fixed;
                    visibility: hidden;
                    opacity: 0;
                    right: 15px;
                    bottom: 15px;
                    z-index: 996;
                    background: #2487ce;
                    width: 40px;
                    height: 40px;
                    border-radius: 4px;
                    transition: all 0.4s;
                }
                
                .back-to-top i {
                    font-size: 28px;
                    color: #fff;
                    line-height: 0;
                }
                
                .back-to-top:hover {
                    background: #3e9bdd;
                    color: #fff;
                }
                
                .back-to-top.active {
                    visibility: visible;
                    opacity: 1;
                }
                /*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
                
                #preloader {
                    position: fixed;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    z-index: 9999;
                    overflow: hidden;
                    background: #fff;
                }
                
                #preloader:before {
                    content: "";
                    position: fixed;
                    top: calc(50% - 30px);
                    left: calc(50% - 30px);
                    border: 6px solid #2487ce;
                    border-top-color: #fff;
                    border-bottom-color: #fff;
                    border-radius: 50%;
                    width: 60px;
                    height: 60px;
                    -webkit-animation: animate-preloader 1s linear infinite;
                    animation: animate-preloader 1s linear infinite;
                }
                
                @-webkit-keyframes animate-preloader {
                    0% {
                        transform: rotate(0deg);
                    }
                    100% {
                        transform: rotate(360deg);
                    }
                }
                
                @keyframes animate-preloader {
                    0% {
                        transform: rotate(0deg);
                    }
                    100% {
                        transform: rotate(360deg);
                    }
                }
                /*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
                
                @media screen and (max-width: 768px) {
                    [data-aos-delay] {
                        transition-delay: 0 !important;
                    }
                }
                /*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
                /*
#header {
    transition: all 0.5s;
    background: #d49d00;
    z-index: 997;
    padding: 0 0;
    border-bottom: 1px solid #e6f2fb;
    border-radius: 0 0 25px 25px;
}

#header.header-scrolled {
    border-color: #fff;
    box-shadow: 0px 2px 15px rgba(18, 66, 101, 0.08);
}*/
                
                #header .logo {
                    font-size: 28px;
                    margin: 0;
                    padding: 0;
                    line-height: 1;
                    font-weight: 300;
                    letter-spacing: 0.5px;
                    font-family: 'Vazir', Arial, sans-serif;
                }
                
                #header .logo a {
                    color: #16507b;
                }
                
                #header .logo img {
                    max-height: 40px;
                }
                
                @media (max-width: 992px) {
                    #header .logo {
                        font-size: 28px;
                    }
                }
                /*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
                /**
* Desktop Navigation 
*/
                
                .navbar {
                    padding: 0;
                }
                
                .navbar ul {
                    margin: 0;
                    padding: 0;
                    display: flex;
                    list-style: none;
                    align-items: center;
                }
                
                .navbar li {
                    position: relative;
                }
                
                .navbar a,
                .navbar a:focus {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 10px 0 10px 30px;
                    font-size: 14px;
                    color: #16507b;
                    white-space: nowrap;
                    transition: 0.3s;
                }
                
                .navbar a i,
                .navbar a:focus i {
                    font-size: 12px;
                    line-height: 0;
                    margin-left: 5px;
                }
                
                .navbar a:hover,
                .navbar .active,
                .navbar .active:focus,
                .navbar li:hover>a {
                    color: #2487ce;
                }
                
                .navbar .getstarted,
                .navbar .getstarted:focus {
                    background: #2487ce;
                    padding: 8px 20px;
                    margin-left: 30px;
                    border-radius: 4px;
                    color: #fff;
                }
                
                .navbar .getstarted:hover,
                .navbar .getstarted:focus:hover {
                    color: #fff;
                    background: #3194db;
                }
                
                .navbar .dropdown ul {
                    display: block;
                    position: absolute;
                    left: 14px;
                    top: calc(100% + 30px);
                    margin: 0;
                    padding: 10px 0;
                    z-index: 99;
                    opacity: 0;
                    visibility: hidden;
                    background: #fff;
                    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
                    transition: 0.3s;
                    border-radius: 4px;
                }
                
                .navbar .dropdown ul li {
                    min-width: 200px;
                }
                
                .navbar .dropdown ul a {
                    padding: 10px 20px;
                    text-transform: none;
                }
                
                .navbar .dropdown ul a i {
                    font-size: 12px;
                }
                
                .navbar .dropdown ul a:hover,
                .navbar .dropdown ul .active:hover,
                .navbar .dropdown ul li:hover>a {
                    color: #2487ce;
                }
                
                .navbar .dropdown:hover>ul {
                    opacity: 1;
                    top: 100%;
                    visibility: visible;
                }
                
                .navbar .dropdown .dropdown ul {
                    top: 0;
                    left: calc(100% - 30px);
                    visibility: hidden;
                }
                
                .navbar .dropdown .dropdown:hover>ul {
                    opacity: 1;
                    top: 0;
                    left: 100%;
                    visibility: visible;
                }
                
                @media (max-width: 1366px) {
                    .navbar .dropdown .dropdown ul {
                        left: -90%;
                    }
                    .navbar .dropdown .dropdown:hover>ul {
                        left: -100%;
                    }
                }
                /**
* Mobile Navigation 
*/
                
                .mobile-nav-toggle {
                    color: #124265;
                    font-size: 28px;
                    cursor: pointer;
                    display: none;
                    line-height: 0;
                    transition: 0.5s;
                }
                
                .mobile-nav-toggle.bi-x {
                    color: #fff;
                }
                
                @media (max-width: 991px) {
                    .mobile-nav-toggle {
                        display: block;
                    }
                    .navbar ul {
                        display: none;
                    }
                }
                
                .navbar-mobile {
                    position: fixed;
                    overflow: hidden;
                    top: 0;
                    right: 0;
                    left: 0;
                    bottom: 0;
                    background: rgba(10, 38, 58, 0.9);
                    transition: 0.3s;
                    z-index: 999;
                }
                
                .navbar-mobile .mobile-nav-toggle {
                    position: absolute;
                    top: 15px;
                    right: 15px;
                }
                
                .navbar-mobile ul {
                    display: block;
                    position: absolute;
                    top: 55px;
                    right: 15px;
                    bottom: 15px;
                    left: 15px;
                    padding: 10px 0;
                    background-color: #fff;
                    overflow-y: auto;
                    transition: 0.3s;
                }
                
                .navbar-mobile a,
                .navbar-mobile a:focus {
                    padding: 10px 20px;
                    font-size: 15px;
                    color: #124265;
                }
                
                .navbar-mobile a:hover,
                .navbar-mobile .active,
                .navbar-mobile li:hover>a {
                    color: #2487ce;
                }
                
                .navbar-mobile .getstarted,
                .navbar-mobile .getstarted:focus {
                    margin: 15px;
                }
                
                .navbar-mobile .dropdown ul {
                    position: static;
                    display: none;
                    margin: 10px 20px;
                    padding: 10px 0;
                    z-index: 99;
                    opacity: 1;
                    visibility: visible;
                    background: #fff;
                    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
                }
                
                .navbar-mobile .dropdown ul li {
                    min-width: 200px;
                }
                
                .navbar-mobile .dropdown ul a {
                    padding: 10px 20px;
                }
                
                .navbar-mobile .dropdown ul a i {
                    font-size: 12px;
                }
                
                .navbar-mobile .dropdown ul a:hover,
                .navbar-mobile .dropdown ul .active:hover,
                .navbar-mobile .dropdown ul li:hover>a {
                    color: #2487ce;
                }
                
                .navbar-mobile .dropdown>.dropdown-active {
                    display: block;
                }
                /*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
                
                #hero {
                    width: 100%;
                    /*height: 100vh;*/
                    position: relative;
                    background: #fff;
                    background-size: cover;
                    position: relative;
                }
                
                #hero:before {
                    background: rgba(255, 255, 255, 0.8);
                    position: absolute;
                    bottom: 0;
                    top: 0;
                    left: 0;
                    right: 0;
                }
                
                #hero .container {
                    padding-top: 10px;
                }
                
                #hero h1 {
                    margin: 0;
                    font-size: 56px;
                    font-weight: 700;
                    line-height: 72px;
                    color: #124265;
                    font-family: 'Vazir', Arial, sans-serif;
                }
                
                #hero h2 {
                    color: #5e5e5e;
                    margin: 10px 0 0 0;
                    font-size: 22px;
                }
                
                #hero .btn-get-started {
                    font-family: 'Vazir', Arial, sans-serif;
                    font-weight: normal;
                    font-weight: 500;
                    font-size: 14px;
                    letter-spacing: 0.5px;
                    display: inline-block;
                    padding: 14px 50px;
                    border-radius: 5px;
                    transition: 0.5s;
                    margin-top: 30px;
                    color: #fff;
                    background: #2487ce;
                }
                
                #hero .btn-get-started:hover {
                    background: #3194db;
                }
                
                #hero .icon-boxes {
                    margin-top: 100px;
                }
                
                #hero .icon-box {
                    padding: 50px 30px;
                    position: relative;
                    overflow: hidden;
                    background: #fff;
                    box-shadow: 0 0 29px 0 rgba(18, 66, 101, 0.08);
                    transition: all 0.3s ease-in-out;
                    border-radius: 8px;
                    z-index: 1;
                }
                
                #hero .icon-box .title {
                    font-weight: 700;
                    margin-bottom: 15px;
                    font-size: 18px;
                }
                
                #hero .icon-box .title a {
                    color: #124265;
                    transition: 0.3s;
                }
                
                #hero .icon-box .description {
                    font-size: 15px;
                    line-height: 28px;
                    margin-bottom: 0;
                }
                
                #hero .icon-box .icon {
                    margin-bottom: 20px;
                    padding-top: 10px;
                    display: inline-block;
                    transition: all 0.3s ease-in-out;
                    font-size: 36px;
                    line-height: 1;
                    color: #2487ce;
                }
                
                #hero .icon-box:hover {
                    transform: scale(1.08);
                }
                
                #hero .icon-box:hover .title a {
                    color: #2487ce;
                }
                
                @media (min-width: 1024px) {
                    #hero {
                        background-attachment: fixed;
                    }
                }
                
                @media (max-height: 800px) {
                    #hero {
                        height: auto;
                    }
                }
                
                @media (max-width: 992px) {
                    #hero {
                        height: auto;
                    }
                    #hero h1 {
                        font-size: 28px;
                        line-height: 36px;
                    }
                    #hero h2 {
                        font-size: 18px;
                        line-height: 24px;
                    }
                }
                /*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
                
                section {
                    padding: 20px 0 10px 0;
                    overflow: hidden;
                }
                
                .section-bg {
                    /* background-color: #f8fbfe;*/
                }
                
                .section-title {
                    text-align: center;
                    padding-bottom: 30px;
                }
                
                .section-title h2 {
                    font-size: 32px;
                    font-weight: bold;
                    text-transform: uppercase;
                    margin-bottom: 20px;
                    padding-bottom: 0;
                    color: #124265;
                }
                
                .section-title p {
                    margin-bottom: 0;
                    font-size: 14px;
                    color: #919191;
                }
                
                .section-text {
                    text-align: right;
                    padding-bottom: 5px;
                }
                
                .section-text h4 {
                    font-size: 16px;
                    font-weight: bold;
                    text-transform: uppercase;
                    margin-bottom: 20px;
                    padding-bottom: 0;
                    color: #06640b;
                }
                
                .section-text p {
                    margin-bottom: 0;
                    font-size: 7px;
                    color: #05570c;
                }
                /*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
                
                .about .content h3 {
                    font-weight: 600;
                    font-size: 26px;
                }
                
                .about .content ul {
                    list-style: none;
                    padding: 0;
                }
                
                .about .content ul li {
                    padding-left: 28px;
                    position: relative;
                }
                
                .about .content ul li+li {
                    margin-top: 10px;
                }
                
                .about .content ul i {
                    position: absolute;
                    left: 0;
                    top: 2px;
                    font-size: 20px;
                    color: #2487ce;
                    line-height: 1;
                }
                
                .about .content p:last-child {
                    margin-bottom: 0;
                }
                
                .about .content .btn-learn-more {
                    font-family: 'Vazir', Arial, sans-serif;
                    font-weight: 600;
                    font-size: 14px;
                    letter-spacing: 1px;
                    display: inline-block;
                    padding: 12px 32px;
                    border-radius: 5px;
                    transition: 0.3s;
                    line-height: 1;
                    color: #2487ce;
                    -webkit-animation-delay: 0.8s;
                    animation-delay: 0.8s;
                    margin-top: 6px;
                    border: 2px solid #2487ce;
                }
                
                .about .content .btn-learn-more:hover {
                    background: #2487ce;
                    color: #fff;
                    text-decoration: none;
                }
                /*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
                
                .services .icon-box {
                    text-align: right;
                    padding: 40px 40px 40px 40px;
                    margin: 20px;
                    transition: all ease-in-out 0.3s;
                    background: #fff;
                    box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);
                }
                
                .services .icon-box .icon {
                    margin: 0 auto;
                    width: 100px;
                    height: 100px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    transition: ease-in-out 0.3s;
                    position: relative;
                }
                
                .services .icon-box .icon i {
                    font-size: 36px;
                    transition: 0.5s;
                    position: relative;
                }
                
                .services .icon-box .icon svg {
                    position: absolute;
                    top: 0;
                    left: 0;
                }
                
                .services .icon-box .icon svg path {
                    transition: 0.5s;
                    fill: #f5f5f5;
                }
                
                .services .icon-box h4 {
                    font-weight: 600;
                    margin: 10px 0 15px 0;
                    font-size: 22px;
                }
                
                .services .icon-box h4 a {
                    color: #124265;
                    transition: ease-in-out 0.3s;
                }
                
                .services .icon-box p {
                    line-height: 24px;
                    font-size: 14px;
                    margin-bottom: 0;
                }
                
                .services .icon-box:hover {
                    border-color: #fff;
                    box-shadow: 0px 0 35px 0 rgba(0, 0, 0, 0.08);
                }
                
                .services .iconbox-blue i {
                    color: #47aeff;
                }
                
                .services .iconbox-blue:hover .icon i {
                    color: #fff;
                }
                
                .services .iconbox-blue:hover .icon path {
                    fill: #47aeff;
                }
                
                .services .iconbox-orange i {
                    color: #ffa76e;
                }
                
                .services .iconbox-orange:hover .icon i {
                    color: #fff;
                }
                
                .services .iconbox-orange:hover .icon path {
                    fill: #ffa76e;
                }
                
                .services .iconbox-pink i {
                    color: #e80368;
                }
                
                .services .iconbox-pink:hover .icon i {
                    color: #fff;
                }
                
                .services .iconbox-pink:hover .icon path {
                    fill: #e80368;
                }
                
                .services .iconbox-yellow i {
                    color: #ffbb2c;
                }
                
                .services .iconbox-yellow:hover .icon i {
                    color: #fff;
                }
                
                .services .iconbox-yellow:hover .icon path {
                    fill: #ffbb2c;
                }
                
                .services .iconbox-red i {
                    color: #ff5828;
                }
                
                .services .iconbox-red:hover .icon i {
                    color: #fff;
                }
                
                .services .iconbox-red:hover .icon path {
                    fill: #ff5828;
                }
                
                .services .iconbox-teal i {
                    color: #11dbcf;
                }
                
                .services .iconbox-teal:hover .icon i {
                    color: #fff;
                }
                
                .services .iconbox-teal:hover .icon path {
                    fill: #11dbcf;
                }
                /*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
                
                .cta {
                    background: #2487ce;
                    background-size: cover;
                    padding: 60px 0;
                }
                
                .cta h3 {
                    color: #fff;
                    font-size: 28px;
                    font-weight: 700;
                }
                
                .cta p {
                    color: #fff;
                }
                
                .cta .cta-btn {
                    font-family: 'Vazir', Arial, sans-serif;
                    font-weight: 600;
                    font-size: 14px;
                    letter-spacing: 1px;
                    display: inline-block;
                    padding: 10px 35px;
                    border-radius: 5px;
                    transition: 0.5s;
                    margin-top: 10px;
                    border: 2px solid #fff;
                    color: #fff;
                }
                
                .cta .cta-btn:hover {
                    background: #fff;
                    color: #2487ce;
                }
                /*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
                
                .team .member {
                    margin-bottom: 20px;
                    overflow: hidden;
                    text-align: center;
                    border-radius: 4px;
                    background: #fff;
                    box-shadow: 0px 2px 15px rgba(18, 66, 101, 0.08);
                }
                
                .team .member .member-img {
                    position: relative;
                    overflow: hidden;
                }
                
                .team .member .social {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    height: 40px;
                    opacity: 0;
                    transition: ease-in-out 0.3s;
                    text-align: center;
                    background: rgba(255, 255, 255, 0.85);
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                }
                
                .team .member .social a {
                    transition: color 0.3s;
                    color: #124265;
                    margin: 0 10px;
                    display: inline-block;
                }
                
                .team .member .social a:hover {
                    color: #2487ce;
                }
                
                .team .member .social i {
                    font-size: 18px;
                    margin: 0 2px;
                    line-height: 0;
                }
                
                .team .member .member-info {
                    padding: 25px 15px;
                }
                
                .team .member .member-info h4 {
                    font-weight: 700;
                    margin-bottom: 5px;
                    font-size: 18px;
                    color: #124265;
                }
                
                .team .member .member-info span {
                    display: block;
                    font-size: 13px;
                    font-weight: 400;
                    color: #aaaaaa;
                }
                
                .team .member .member-info p {
                    font-style: italic;
                    font-size: 14px;
                    line-height: 26px;
                    color: #777777;
                }
                
                .team .member:hover .social {
                    opacity: 1;
                }
                /*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
                
                .pricing .box {
                    text-align: center;
                    border-radius: 20px;
                    position: relative;
                    overflow: hidden;
                    background: #e2dbd3;
                    /*box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.1);*/
                    margin-bottom: 20px;
                }
                
                .pricing .box h3 {
                    font-weight: 400;
                    padding: 15px;
                    font-size: 18px;
                    text-transform: uppercase;
                    font-weight: 600;
                    color: #124265;
                }
                
                .pricing .box h4 {
                    font-size: 42px;
                    color: #2487ce;
                    font-weight: 500;
                    font-family: 'Vazir', Arial, sans-serif;
                    margin-bottom: 20px;
                }
                
                .pricing .box h4 sup {
                    font-size: 20px;
                    top: -15px;
                    left: -3px;
                }
                
                .pricing .box h4 span {
                    color: #bababa;
                    font-size: 16px;
                    font-weight: 300;
                }
                
                .pricing .box ul {
                    padding: 0;
                    list-style: none;
                    color: #124265;
                    text-align: center;
                    line-height: 20px;
                    font-size: 14px;
                }
                
                .pricing .box ul li {
                    padding-bottom: 16px;
                }
                
                .pricing .box ul .na {
                    color: #ccc;
                    text-decoration: line-through;
                }
                
                .pricing .box .btn-wrap {
                    padding: 15px;
                    text-align: center;
                }
                
                .pricing .box .btn-buy {
                    display: inline-block;
                    padding: 10px 40px;
                    border-radius: 4px;
                    color: #2487ce;
                    transition: none;
                    font-size: 14px;
                    font-weight: 400;
                    font-family: 'Vazir', Arial, sans-serif;
                    font-weight: 600;
                    transition: 0.3s;
                    border: 2px solid #2487ce;
                }
                
                .pricing .box .btn-buy:hover {
                    background: #2487ce;
                    color: #fff;
                }
                
                .pricing .featured {
                    background: #2487ce;
                }
                
                .pricing .featured h3,
                .pricing .featured h4,
                .pricing .featured h4 span,
                .pricing .featured ul,
                .pricing .featured ul .na {
                    color: #fff;
                }
                
                .pricing .featured .btn-wrap {
                    padding: 15px;
                    text-align: center;
                }
                
                .pricing .featured .btn-buy {
                    color: #fff;
                    border: 2px solid #fff;
                }
                
                .pricing .featured .btn-buy:hover {
                    background: #fff;
                    color: #2487ce;
                }
                /*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
                
                #footer {
                    color: #444444;
                    font-size: 14px;
                    background: #f8fbfe;
                    box-shadow: 0px 2px 15px rgba(18, 66, 101, 0.08);
                }
                
                #footer .footer-top {
                    padding: 60px 0 30px 0;
                    background: #fff;
                }
                
                #footer .footer-top .footer-contact {
                    margin-bottom: 30px;
                }
                
                #footer .footer-top .footer-contact h3 {
                    font-size: 26px;
                    margin: 0 0 10px 0;
                    padding: 2px 0 2px 0;
                    line-height: 1;
                    font-weight: 300;
                }
                
                #footer .footer-top .footer-contact p {
                    font-size: 14px;
                    line-height: 24px;
                    margin-bottom: 0;
                    font-family: 'Vazir', Arial, sans-serif;
                    color: #777777;
                }
                
                #footer .footer-top h4 {
                    font-size: 16px;
                    font-weight: bold;
                    color: #124265;
                    position: relative;
                    padding-bottom: 12px;
                }
                
                #footer .footer-top .footer-links {
                    margin-bottom: 30px;
                }
                
                #footer .footer-top .footer-links ul {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                }
                
                #footer .footer-top .footer-links ul i {
                    padding-right: 2px;
                    color: #2487ce;
                    font-size: 18px;
                    line-height: 1;
                }
                
                #footer .footer-top .footer-links ul li {
                    padding: 10px 0;
                    display: flex;
                    align-items: center;
                }
                
                #footer .footer-top .footer-links ul li:first-child {
                    padding-top: 0;
                }
                
                #footer .footer-top .footer-links ul a {
                    color: #777777;
                    transition: 0.3s;
                    display: inline-block;
                    line-height: 1;
                }
                
                #footer .footer-top .footer-links ul a:hover {
                    text-decoration: none;
                    color: #2487ce;
                }
                
                #footer .footer-newsletter {
                    font-size: 15px;
                }
                
                #footer .footer-newsletter h4 {
                    font-size: 16px;
                    font-weight: bold;
                    color: #444444;
                    position: relative;
                    padding-bottom: 12px;
                }
                
                #footer .footer-newsletter form {
                    margin-top: 30px;
                    background: #fff;
                    padding: 6px 10px;
                    position: relative;
                    border-radius: 5px;
                    text-align: left;
                    border: 1px solid #cde5f6;
                }
                
                #footer .footer-newsletter form input[type=email] {
                    border: 0;
                    padding: 4px 8px;
                    width: calc(100% - 100px);
                }
                
                #footer .footer-newsletter form input[type=submit] {
                    position: absolute;
                    top: -1px;
                    right: -2px;
                    bottom: -1px;
                    border: 0;
                    background: none;
                    font-size: 16px;
                    padding: 0 20px 2px 20px;
                    background: #2487ce;
                    color: #fff;
                    transition: 0.3s;
                    border-radius: 0 5px 5px 0;
                    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
                }
                
                #footer .footer-newsletter form input[type=submit]:hover {
                    background: #3194db;
                }
                
                #footer .credits {
                    padding-top: 5px;
                    font-size: 13px;
                    color: #444444;
                }
                
                #footer .social-links a {
                    font-size: 18px;
                    display: inline-block;
                    background: #2487ce;
                    color: #fff;
                    line-height: 1;
                    padding: 8px 0;
                    margin-right: 4px;
                    border-radius: 5px;
                    text-align: center;
                    width: 36px;
                    height: 36px;
                    transition: 0.3s;
                }
                
                #footer .social-links a:hover {
                    background: #3194db;
                    color: #fff;
                    text-decoration: none;
                }
                
                @font-face {
                    font-family: Vazir;
                    src: url('../fonts/Vazir.eot');
                    src: url('../fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('../fonts/Vazir.woff') format('woff'), url('../fonts/Vazir.ttf') format('truetype');
                    font-weight: normal;
                }
                
                @font-face {
                    font-family: Vazir;
                    src: url('../fonts/Vazir-Bold.eot');
                    src: url('../fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Vazir-Bold.woff') format('woff'), url('../fonts/Vazir-Bold.ttf') format('truetype');
                    font-weight: bold;
                }
                
                @font-face {
                    font-family: Vazir;
                    src: url('../fonts/Vazir-Light.eot');
                    src: url('../fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Vazir-Light.woff') format('woff'), url('../fonts/Vazir-Light.ttf') format('truetype');
                    font-weight: 300;
                }
                /*------------------------------------------------------------------*/
                
                a:focus {
                    outline: none !important;
                }
                
                a:hover {
                    text-decoration: none;
                    color: #57b846;
                }
                /*---------------------------------------------*/
                /*---------------------------------------------*/
                
                input {
                    outline: none;
                    border: none;
                }
                
                select {
                    outline: none;
                    border: none;
                }
                
                textarea {
                    outline: none;
                    border: none;
                }
                
                textarea:focus,
                input:focus,
                select:focus {
                    border-color: transparent !important;
                }
                /*---------------------------------------------*/
                
                button {
                    outline: none !important;
                    border: none;
                    background: transparent;
                }
                
                button:hover {
                    cursor: pointer;
                }
                
                iframe {
                    border: none !important;
                }
                
                .contact1 {
                    width: 100%;
                    min-height: 100%;
                    padding: 15px;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                }
                
                .contact1-form {
                    width: 390px;
                }
                
                input.input1 {
                    height: 50px;
                    border-radius: 25px;
                    padding: 0 30px;
                }
                
                select.input1 {
                    height: 50px;
                    border-radius: 25px;
                    padding: 0 30px;
                }
                
                input.input1+.shadow-input1 {
                    border-radius: 25px;
                }
                
                select.input1+.shadow-input1 {
                    border-radius: 25px;
                }
                
                textarea.input1 {
                    min-height: 150px;
                    border-radius: 25px;
                    padding: 12px 30px;
                }
                
                textarea.input1+.shadow-input1 {
                    border-radius: 25px;
                }
                
                .wrap-input1 {
                    position: relative;
                    width: 100%;
                    z-index: 1;
                    margin-bottom: 20px;
                }
                
                .input1 {
                    display: block;
                    width: 100%;
                    background: #e6e6e6;
                    font-size: 15px;
                    line-height: 1.5;
                    color: #666666;
                }
                
                .shadow-input1 {
                    content: '';
                    display: block;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    z-index: -1;
                    width: 100%;
                    height: 100%;
                    box-shadow: 0px 0px 0px 0px;
                    color: rgba(87, 184, 70, 0.5);
                }
                
                .input1:focus+.shadow-input1 {
                    -webkit-animation: anim-shadow 0.5s ease-in-out forwards;
                    animation: anim-shadow 0.5s ease-in-out forwards;
                }
                
                @-webkit-keyframes anim-shadow {
                    to {
                        box-shadow: 0px 0px 80px 30px;
                        opacity: 0;
                    }
                }
                
                @keyframes anim-shadow {
                    to {
                        box-shadow: 0px 0px 80px 30px;
                        opacity: 0;
                    }
                }
                
                .container-contact1-form-btn {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                }
                
                .contact1-form-btn {
                    min-width: 193px;
                    height: 50px;
                    border-radius: 25px;
                    background: #006633;
                    font-size: 15px;
                    line-height: 1.5;
                    color: #fff;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    padding: 0 25px;
                    -webkit-transition: all 0.4s;
                    -o-transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    transition: all 0.4s;
                }
                
                .contact1-form-btn i {
                    margin-left: 7px;
                    -webkit-transition: all 0.4s;
                    -o-transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    transition: all 0.4s;
                }
                
                .contact1-form-btn:hover {
                    background: #333333;
                }
                
                .contact1-form-btn:hover i {
                    -webkit-transform: translateX(10px);
                    -moz-transform: translateX(10px);
                    -ms-transform: translateX(10px);
                    -o-transform: translateX(10px);
                    transform: translateX(10px);
                }
                
                @media (max-width: 1200px) {
                    .contact1-pic {
                        width: 33.5%;
                    }
                    .contact1-form {
                        width: 44%;
                    }
                }
                
                @media (max-width: 992px) {
                    .container-contact1 {
                        padding: 90px 80px 88px 90px;
                    }
                    .contact1-pic {
                        width: 35%;
                    }
                    .contact1-form {
                        width: 55%;
                    }
                }
                
                @media (max-width: 768px) {
                    .container-contact1 {
                        padding: 90px 80px 88px 80px;
                    }
                    .contact1-pic {
                        display: none;
                    }
                    .contact1-form {
                        width: 100%;
                    }
                }
                
                @media (max-width: 576px) {
                    .container-contact1 {
                        padding: 90px 15px 88px 15px;
                    }
                }
                
                .validate-input {
                    position: relative;
                }
                
                .alert-validate::before {
                    content: attr(data-validate);
                    position: absolute;
                    max-width: 70%;
                    background-color: white;
                    border: 1px solid #c80000;
                    border-radius: 13px;
                    padding: 4px 25px 4px 10px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    transform: translateY(-50%);
                    right: 8px;
                    pointer-events: none;
                    color: #c80000;
                    font-size: 13px;
                    line-height: 1.4;
                    text-align: left;
                    visibility: hidden;
                    opacity: 0;
                    -webkit-transition: opacity 0.4s;
                    -o-transition: opacity 0.4s;
                    -moz-transition: opacity 0.4s;
                    transition: opacity 0.4s;
                }
                
                .alert-validate::after {
                    content: "\f06a";
                    display: block;
                    position: absolute;
                    color: #c80000;
                    font-size: 15px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    transform: translateY(-50%);
                    right: 13px;
                }
                
                .alert-validate:hover:before {
                    visibility: visible;
                    opacity: 1;
                }
                
                @media (max-width: 992px) {
                    .alert-validate::before {
                        visibility: visible;
                        opacity: 1;
                    }
                }
                /*======= 3. BUTTONS STYLES  =======*/
                
                .btn-radius {
                    border-radius: 25px !important;
                }
                
                .btn {
                    font-size: 13px;
                    font-weight: bold;
                    width: 132px;
                    height: 50px;
                    letter-spacing: 0.1px;
                    border-radius: 25px;
                    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14);
                    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.2);
                }
                
                .btn-lg {
                    padding: 12px 6px;
                }
                
                .btn-success {
                    background: #006633;
                    background: -moz-linear-gradient(-45deg, #006633 0%, #21dd72 50%, #05c44e 51%, #006633 71%, #006633 100%);
                    background: -webkit-linear-gradient(-45deg, #006633 0%, #21dd72 50%, #05c44e 51%, #006633 71%, #006633 100%);
                    background: linear-gradient(135deg, #006633 0%, #21dd72 50%, #05c44e 51%, #006633 71%, #006633 100%);
                    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#05ac50', endColorstr='#05ac50', GradientType=1);
                    background-size: 400% 400%;
                    -webkit-animation: AnimationName 3s ease infinite;
                    -moz-animation: AnimationName 3s ease infinite;
                    animation: AnimationName 3s ease infinite;
                    -webkit-animation: AnimationName 3s ease infinite;
                    -moz-animation: AnimationName 3s ease infinite;
                    animation: AnimationName 3s ease infinite;
                    border: medium none;
                }
                
                @-webkit-keyframes AnimationName {
                    0% {
                        background-position: 0% 31%
                    }
                    50% {
                        background-position: 100% 70%
                    }
                    100% {
                        background-position: 0% 31%
                    }
                }
                
                @-moz-keyframes AnimationName {
                    0% {
                        background-position: 0% 31%
                    }
                    50% {
                        background-position: 100% 70%
                    }
                    100% {
                        background-position: 0% 31%
                    }
                }
                
                @keyframes AnimationName {
                    0% {
                        background-position: 0% 31%
                    }
                    50% {
                        background-position: 100% 70%
                    }
                    100% {
                        background-position: 0% 31%
                    }
                }
                
                .float {
                    position: fixed;
                    width: 130px;
                    height: 50px;
                    bottom: 20px;
                    right: 20px;
                    background: #006633;
                    color: #FFF;
                    border-radius: 50px;
                    text-align: center;
                    box-shadow: 2px 2px 3px #999;
;
                }
                
                .my-float {
                    margin-top: 18px;
                }
                
                a:hover {
                    cursor: pointer;
                }
                /*********/
                
                .nonemone {
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    width: 70%;
                    max-width: 700px;
                    height: auto;
                    border: 2px solid #119945;
                    background-color: rgb(255, 255, 255);
                    transform: translate(-50%, -50%);
                    padding: 10px;
                    border-radius: 20px;
                    text-align: center;
                    padding: 15px;
                }
                
                .tamasbutton {
                    margin: 20px auto 10px auto;
                    color: #FFF;
                    background-color: #119945;
                    border: none;
                    padding: 12px 15px;
                    text-align: center;
                    text-decoration: none;
                    display: inline-block;
                    font-size: 16px;
                    border-radius: 20px;
                }


                .barname {
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    width: 100%;
                    max-width: 700px;
                    height: auto;
                    border: 0.5px solid #e5f7ec;
                    transform: translate(-50%, -50%);
                    border-radius: 20px;
                    text-align: center;
                }
                
                .closebarname{
                    position: absolute;
                     background: red; 
                     color: white; 
                     top: -10px; 
                     right: -10px; 
                     border-radius: 25px;

                }