﻿@font-face {
    font-family: "primary-font";
    src: url("FontFarsi/gandom-400.eot");
    src: url("FontFarsi/gandom-400.eot?#iefix") format("embedded-opentype"), url("FontFarsi/gandom-400.woff2") format("woff2"), url("FontFarsi/gandom-400.woff") format("woff"), url("FontFarsi/gandom-400.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "secondary-font";
    src: url("FontFarsi/iran-sans-400.eot");
    src: url("FontFarsi/iran-sans-400.eot?#iefix") format("embedded-opentype"), url("FontFarsi/iran-sans-400.woff2") format("woff2"), url("FontFarsi/iran-sans-400.woff") format("woff"), url("FontFarsi/iran-sans-400.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "third-font";
    src: url("FontFarsi/neirizi-400.eot");
    src: url("FontFarsi/neirizi-400.eot?#iefix") format("embedded-opentype"), url("FontFarsi/neirizi-400.woff2") format("woff2"), url("FontFarsi/neirizi-400.woff") format("woff"), url("FontFarsi/neirizi-400.ttf") format("truetype");
    font-weight: 400;
}
body {
    height: 100%;
    width: 100%;
  /*  overflow-y: auto;
    overflow-x: hidden;*/
}

@media screen and (max-width: 952px) {
    .nav-links {
        transform: translateX(100vw);
    }
}

/*html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
}

#container {
    width: 1000px;
    margin: 0 auto;
    height: 100%;
}*/
.css {
    font-family: "primary-font";
}

button {
    font-family: "primary-font";
}

.img-logo {
    height: 50px;
}

.dxeEditAreaSys, .dxeMemoEditAreaSys, input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys {
    font: "primary-font";
    line-height: normal;
    outline: 0;
}

.heading-section .subheading {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 0;
    color: #3e5cfe;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}

.w-80 {
    width: 80%;
}

.wrap-about {
    text-align: right;
}














@media (min-width: 768px) {
    .row .col-4 {
        width: 33.33333%;
    }
}











/* .row { 
	  display:  flex; 
	  display:  -ms-flexbox; 
	  -ms-flex-wrap:  wrap; 
	  flex-wrap:  wrap;
	  margin-right: 0; 
	  margin-left: 0;
  }  */

.HomeNotLoggedIn__HomeNotLoggedIn___uIxIr .HomeNotLoggedIn__tag-container-root___212t1 {
    padding: 10px 10px 20px;
    width: 100%;
}

.HomeNotLoggedIn__HomeNotLoggedIn___uIxIr .HomeNotLoggedIn__inner-container___3ygCC > div {
    padding: 23px 18px 20px;
}

.inner-container {
    padding: 10px 0 30px !important;
    max-width: 1400px;
    margin: auto;
    width: 100%;
}

.HomeNotLoggedIn__HomeNotLoggedIn___uIxIr > div {
    width: 100%;
}

.Home__home-container___2PyFI {
    padding-bottom: 20px;
}

/* .container { 
	  width: 100%; 
	  min-height: 580px; 
	  background-color: #ebeae8;
  }  */

.rtl {
    direction: rtl;
}

/* body { 
	  margin:   0; 
	  font-family:   IranSans,Helvetica,Arial,sans-serif; 
	  font-size:   1em; 
	  line-height:   1.5em;
	  padding:  0;
	  height: 100%;
  } 
  
  html { 
	  font-family:     sans-serif; 
	  line-height:     1.15; 
	  -ms-text-size-adjust:     100%; 
	  -webkit-text-size-adjust:     100%;
	  font-size:    100%;
	  box-sizing:   border-box;
	  margin:  0; 
	  padding:  0;
	  height: 100%;
  } 
   */
.HomeProfileCard__profile-search-card-container___1ICXt {
    padding: 10px;
}

/* *,:after,:before { 
	  box-sizing: inherit;
  } 
  
  a { 
	  background-color: transparent; 
	  -webkit-text-decoration-skip: objects;
  } 
  
  a:hover { 
	  outline-width: 0;
  } 
  
  a,a:hover { 
	  color: inherit; 
	  text-decoration: none;
  } 
  
  a:active,a:hover { 
	  outline-width: 0;
  }  */

.HomeProfileCard__row___1GjIY {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

.HomeProfileCard__profile-search-card-container___1ICXt > a .HomeProfileCard__pro-info___pe0Iz {
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    background: rgb(248, 249, 250);
    text-align: right;
}

.HomeProfileCard__pro-photos-container___P6nRy {
    height: 94px;
    padding-top: 10px;
    background: #fff;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .row .col-3 {
        width: 25%;
    }
}

.HomeProfileCard__profile-search-card-container___1ICXt > a .HomeProfileCard__pro-info___pe0Iz > div {
    /* height: 90px; */
}

@media (min-width: 768px) {
    .row .col-9 {
        width: 75%;
    }
}

.HomeProfileCard__pro-photos-container___P6nRy .HomeProfileCard__col-4___2UqN_ {
    padding: 1px;
}

/* img { 
	  border-style: none;
  } 
   */
.HomeProfileCard__profile-search-card-container___1ICXt > a .HomeProfileCard__pro-info___pe0Iz img {
    /* border: 1px solid #ebeae8;  */
    object-fit: cover;
    padding: 5px;
}

.HomeProfileCard__profile-search-card-container___1ICXt > a .HomeProfileCard__pro-info___pe0Iz .HomeProfileCard__profile-details-container___21J_d {
    margin-right: 5px;
    /* width: 80%;  */
    padding: 8px 0 0;
}

.HomeProfileCard__pro-photos-container___P6nRy .HomeProfileCard__col-4___2UqN_ img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* h4 { 
	  font-family:  inherit; 
	  font-weight:  300; 
	  line-height:  1.1; 
	  color:  inherit;
	  margin-top: 10px; 
	  margin-bottom: 10px;
  }  */

.HomeProfileCard__profile-search-card-container___1ICXt > a .HomeProfileCard__pro-info___pe0Iz .HomeProfileCard__profile-details-container___21J_d h4 {
    width: 100%;
    color: #3f3f3f;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1em;
    /* font-weight: 700;  */
    margin-top: 5px;
    margin-bottom: 0;
}

.HomeProfileCard__profile-search-card-container___1ICXt > a .HomeProfileCard__pro-info___pe0Iz .HomeProfileCard__profile-details-container___21J_d .HomeProfileCard__rating-container___3yp7b {
    display: block;
}


.HomeProfileCard__profile-search-card-container___1ICXt > a .HomeProfileCard__pro-info___pe0Iz .HomeProfileCard__profile-details-container___21J_d h5 {
    width: 100%;
    color: #3f3f3f;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: .7em;
    /* font-weight: 700;  */
    margin: 10px 0;
}

.HomeProfileCard__profile-search-card-container___1ICXt > a .HomeProfileCard__pro-info___pe0Iz .HomeProfileCard__action-button___1vvJK > div {
    margin-right: 6px;
    margin-bottom: 5px;
}

.HomeProfileCard__profile-search-card-container___1ICXt > a .HomeProfileCard__pro-info___pe0Iz .HomeProfileCard__action-button___1vvJK .HomeProfileCard__pro-item-counter___1L2pf {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* width: 70px;  */
    margin: 0 0px;
}



.FollowButton__follow-button____l8q2 button {
    text-align: center;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    font-size: 11px !important;
    background-color: #0021fe !important;
    color: #fcfcfc !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    font-family: "secondary-font";
}



/* .HomeProfileCard__profile-search-card-container___1ICXt > a .HomeProfileCard__pro-info___pe0Iz .HomeProfileCard__action-button___1vvJK > div button  { 
	  margin: 0;
  } 
   */
.ui.button, .ui.button:hover {
    box-shadow: inset 0 0 0 1px transparent,inset 0 0 0 0 rgba(34,36,38,.15);
}

    .ui.button:hover {
        background-color: #cacbcd;
        background-image: none;
        color: rgba(0,0,0,.8);
    }

.HomeProfileCard__profile-search-card-container___1ICXt > a .HomeProfileCard__pro-info___pe0Iz .HomeProfileCard__action-button___1vvJK .HomeProfileCard__pro-item-counter___1L2pf .HomeProfileCard__content___1sWZF {
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 1.6;
    padding-top: 2px;
    text-align: center;
    -ms-flex-direction: column;
    flex-direction: column;
}

p {
    font-size: 15px;
}

.HomeProfileCard__profile-search-card-container___1ICXt > a .HomeProfileCard__pro-info___pe0Iz .HomeProfileCard__action-button___1vvJK .HomeProfileCard__pro-item-counter___1L2pf .HomeProfileCard__content___1sWZF p {
    margin: 0;
    font-size: inherit;
}



.HomeProfileCard__profile-search-card-container___1ICXt {
    padding: 2px;
}

@media (min-width: 768px) {
    .row .col-4 {
        width: 33.33333%;
    }
}



.HomeNotLoggedIn__HomeNotLoggedIn___uIxIr .HomeNotLoggedIn__tag-container-root___212t1 {
    padding: 10px 10px 20px;
    width: 100%;
}

.HomeNotLoggedIn__HomeNotLoggedIn___uIxIr .HomeNotLoggedIn__inner-container___3ygCC > div {
    padding: 23px 18px 20px;
}

.inner-container {
    padding: 10px 0 30px !important;
    max-width: 1400px;
    margin: auto;
    width: 100%;
}

.HomeNotLoggedIn__HomeNotLoggedIn___uIxIr > div {
    width: 100%;
}

.Home__home-container___2PyFI {
    padding-bottom: 20px;
}



.rtl {
    direction: rtl;
}

/* body { 
    margin:   0; 
    font-family:   IranSans,Helvetica,Arial,sans-serif; 
    font-size:   1em; 
    line-height:   1.5em;
    padding:  0;
    height: 100%;
}  */

.test {
    font-family: "secondary-font";
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: 100%;
}

.HomeProfileCard__row___1GjIY {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

.HomeProfileCard__pro-info___pe0Iz {
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    background: #fff;
}

/* *,:after,:before { 
    box-sizing: inherit;
}  */

@media (min-width: 768px) {
  /*  .col-3 {
        width: 25%;
    }*/
}

.HomeProfileCard__profile-search-card-container___1ICXt > a .HomeProfileCard__pro-info___pe0Iz > div {
    /* height: 90px; */
}

@media (min-width: 768px) {
   /* .col-9 {
        width: 75%;
    }*/
}

.test img {
    border-style: none;
}

.test img {
    border: 1px solid #ebeae8;
    object-fit: cover;
/*    padding: 5px;
*/}

.test a {
    color: inherit;
    text-decoration: none;
}

.HomeProfileCard__profile-details-container___21J_d {
    margin-right: 5px;
/*    width: 80%;
*/    padding: 8px 0 0;
}

.test h4 {
    font-family: inherit;
    font-weight: 300;
    line-height: 1.3;
    color: inherit;
    margin-top: 10px;
    margin-bottom: 10px;
}



.HomeProfileCard__profile-details-container___21J_d .HomeProfileCard__rating-container___3yp7b {
    display: block;
}

.test h5 {
    font-family: inherit;
    font-weight: 300;
    line-height: 1.3;
    color: inherit;
    margin-top: 10px;
    margin-bottom: 10px;
}



.HomeProfileCard__profile-search-card-container___1ICXt > a .HomeProfileCard__pro-info___pe0Iz .HomeProfileCard__action-button___1vvJK > div {
    margin-right: 6px;
    margin-bottom: 5px;
}



.test button {
    font: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: button;
    font-family: "primary-font";
    cursor: pointer;
    padding: 0;
    background-color: transparent;
    border: none;
}



.ui.button {
    display: inline-block;
    cursor: pointer;
    min-height: 1em;
    outline: none;
    border: none;
    vertical-align: baseline;
    background: #e0e1e2 none;
    color: rgba(0,0,0,.6);
    font-family: "secondary-font";
    margin: 0 .25em 0 0;
    padding: .5em .5em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    will-change: "";
    -webkit-tap-highlight-color: transparent;
    box-shadow: inset 0 0 0 1px transparent,inset 0 0 0 0 rgba(34,36,38,.15);
    font-size: 1rem;
}



    .ui.button, .ui.button:hover {
        box-shadow: inset 0 0 0 1px transparent,inset 0 0 0 0 rgba(34,36,38,.15);
    }

        .ui.button:hover {
            background-color: #cacbcd;
            background-image: none;
            color: rgba(0,0,0,.8);
        }

.HomeProfileCard__action-button___1vvJK .HomeProfileCard__pro-item-counter___1L2pf .HomeProfileCard__content___1sWZF {
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    line-height: 1.6;
    padding-top: 2px;
    text-align: center;
    -ms-flex-direction: column;
    flex-direction: column;
}


    .HomeProfileCard__action-button___1vvJK .HomeProfileCard__pro-item-counter___1L2pf .HomeProfileCard__content___1sWZF p {
        margin: 0;
        font-size: inherit;
    }

.bg-social-gray {
    background-color: rgb(233, 232, 232);
}

.bg-pattern1 {
    --s: 84px; /* control the size*/
    --c1: #f2f2f2;
    --c2: #cdcbcc;
    --c3: #999999;
    --_g: 0 120deg,#0000 0;
    background: conic-gradient(from 0deg at calc(500%/6) calc(100%/3),var(--c3) var(--_g)), conic-gradient(from -120deg at calc(100%/6) calc(100%/3),var(--c2) var(--_g)), conic-gradient(from 120deg at calc(100%/3) calc(500%/6),var(--c1) var(--_g)), conic-gradient(from 120deg at calc(200%/3) calc(500%/6),var(--c1) var(--_g)), conic-gradient(from -180deg at calc(100%/3) 50%,var(--c2) 60deg,var(--c1) var(--_g)), conic-gradient(from 60deg at calc(200%/3) 50%,var(--c1) 60deg,var(--c3) var(--_g)), conic-gradient(from -60deg at 50% calc(100%/3),var(--c1) 120deg,var(--c2) 0 240deg,var(--c3) 0);
}

.border-gray-1 {
    border: 1px solid rgb(206, 206, 206);
}

.ftco-animate {
    text-align: right;
}


.ftco-footer {
    font-size: 16px;
    padding: 7em 0;
    background: rgba(0, 0, 0, 0.02);
    text-align: right;
    direction: rtl;
}

.block-23 ul li, .block-23 ul li > a {
    display: table;
    line-height: 1.5;
    margin-bottom: 10px;
}

.font-14 {
    font-size: 14px;
}



.a-box {
    display: inline-block;
    width: 240px;
    text-align: center;
}

.img-container {
    height: 230px;
    width: 200px;
    overflow: hidden;
    border-radius: 0px 0px 20px 20px;
    display: inline-block;
}

    .img-container img {
        transform: skew(0deg, -13deg);
        height: 250px;
        margin: -35px 0px 0px -70px;
    }

.inner-skew {
    display: inline-block;
    border-radius: 20px;
    overflow: hidden;
    padding: 0px;
    transform: skew(0deg, 13deg);
    font-size: 0px;
    margin: 30px 0px 0px 0px;
    background: #c8c2c2;
    height: 250px;
    width: 200px;
}

.text-container {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    padding: 120px 20px 20px 20px;
    border-radius: 20px;
    background: #fff;
    margin: -120px 0px 0px 0px;
    line-height: 19px;
    font-size: 14px;
}

    .text-container h3 {
        margin: 20px 0px 10px 0px;
        color: #04bcff;
        font-size: 18px;
    }

.box {
    width: 1200px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    grid-gap: 15px;
    margin: 0 auto;
}

.menu .card {
    position: relative;
    width: 250px;
    height: 250px;
    background: #fff;
    margin: 0 auto;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

.card:before,
.card:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: #fff;
    transition: 0.5s;
    z-index: -1;
}

.menu .card:hover:before {
    transform: rotate(20deg);
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
}

.menu .card:hover:after {
    transform: rotate(10deg);
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
}

.menu .card .imgBx {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    background: #222;
    transition: 0.5s;
    z-index: 1;
}

.menu .card:hover .imgBx {
    bottom: 80px;
}

.menu .card .imgBx img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.menu .card .details {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    height: 60px;
    text-align: center;
}

    .menu .card .details h6 {
        margin: 0;
        padding: 0;
        font-weight: 600;
        font-size: 20px;
        color: #777;
        text-transform: uppercase;
    }

        .menu .card .details h6 span {
            font-weight: 500;
            font-size: 16px;
            color: #f38695;
            display: block;
            margin-top: 5px;
        }


.img-fit-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pos-absolute {
    position: absolute;
}

.bg-black-5 {
    background-color: rgba(0, 0, 0, 0.5);
}

.pos-relative {
    position: relative;
}

.card.card-primary {
    border-top: 2px solid #0162e8 !important;
}

.menu .card_img {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 100%;
    margin: -60px auto 0;
}

    .menu .card_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.menu .card_info {
    padding-bottom: 20px;
}

.slider-text h1 {
    font-size: 30px;
    color: #000000;
    line-height: 1.5;
    font-weight: 400;
}











.Navbar__navbar___a5i-p {
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 12px;
    margin-right: auto !important;
    margin-left: auto !important;
}

/*.row {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}*/

.Navbar__navbar-root-container___1_MuH {
    width: 100%;
    padding: 0;
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 100;
}

.Navbar__navbar-container___2yo7i {
    padding-top: 78px;
}

.rtl {
    direction: rtl;
}



.Navbar__baseContainer___2xHw_ {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
}

.Navbar__navbar___a5i-p > div:last-child {
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: relative;
}


.Navbar__logoContainer___15zHH {
    min-width: 150px;
}

#search-navbar {
    width: 100%;
    display: block;
    max-width: 750px;
    opacity: 0;
    transition: opacity .2s linear,visibility .2s linear;
}

.Navbar__mobile-logo-container___JSJtQ {
    display: none;
}

@media (min-width: 768px) {
    .col-6 {
        width: 50%;
    }
}

.Navbar__profileButtonContainer___2DP_L {
    min-width: 181px;
    margin: 5px 0 0;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: inherit;
    text-decoration: none;
}

    a:active, a:hover {
        outline-width: 0;
    }

    a, a:hover {
        color: inherit;
        text-decoration: none;
    }

.Search__search___2APie {
    margin: 8px 0;
    width: 100%;
    display: block;
    max-width: 750px;
}

@media screen and (min-width: 768px) {
    .MobileNavbar__outer-container____Eayl {
        display: none;
    }
}

.MobileNavbar__outer-container____Eayl {
    width: 45px;
}

.ProfileButton__not-logged-in___cmbuP {
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.Navbar__logoContainer___15zHH img {
    width: 118px;
    display: block;
    margin: 7px 10px 0 5px;
}

.Search__search___2APie .Search__inner-search-container___jMwnv {
    position: relative;
}

.ProfileButton__go-to-profile___W4vD_ {
    color: #a3a3a3;
    display: -ms-flexbox;
    display: flex;
}

.ProfileButton__not-logged-in___cmbuP a {
    line-height: 2.3;
}

i.icon {
    display: inline-block;
    opacity: 1;
    margin: 0 .25rem 0 0;
    width: 1.18em;
    height: 1em;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 1em;
}

.Search__search___2APie .Search__inner-search-container___jMwnv i {
    position: absolute;
    line-height: 2;
    right: 0;
    top: -2px;
    color: #a3a3a3 !important;
}

i.icon:before {
    background: 0 0 !important;
}

i.icon.search:before {
    content: "\f002";
}

.Search__search___2APie .Search__inner-search-container___jMwnv > div {
    z-index: 10;
    height: 30px;
    width: 100% !important;
}

.ProfileButton__go-to-profile___W4vD_ img {
    width: 19px;
    margin: 3px 5px 0;
    height: 28px;
    object-fit: contain;
}

.ProfileButton__not-logged-in___cmbuP a img {
    opacity: .5;
}

.ProfileButton__not-logged-in___cmbuP a:hover img {
    opacity: 1;
}

/* button { 
    font:       inherit; 
    margin:       0;
    overflow:      visible;
    text-transform:     none;
    -webkit-appearance:    button;
    font-family:   IranSans,bYekan,Helvetica,Arial,sans-serif!important;
    cursor:  pointer;
    padding: 0; 
    background-color: transparent; 
    border: none;
}  */

.ProfileButton__not-logged-in___cmbuP button {
    background-color: transparent !important;
    border: 2px solid #245196 !important;
    color: #245196 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

    /* .ui.button { 
    display:   inline-block; 
    cursor:   pointer; 
    min-height:   1em; 
    outline:   none; 
    border:   none; 
    vertical-align:   baseline; 
    background:   #e0e1e2 none; 
    color:   rgba(0,0,0,.6); 
    font-family:   IranSans,Lato,Helvetica Neue,Arial,Helvetica,sans-serif; 
    margin:   0 .25em 0 0; 
    padding:   .78571429em 1.5em; 
    text-transform:   none; 
    text-shadow:   none; 
    font-weight:   700; 
    line-height:   1em; 
    font-style:   normal; 
    text-align:   center; 
    text-decoration:   none; 
    border-radius:   .28571429rem; 
    -webkit-user-select:   none; 
    -moz-user-select:   none; 
    -ms-user-select:   none; 
    user-select:   none; 
    transition:   opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease; 
    will-change:   ""; 
    -webkit-tap-highlight-color:   transparent;
    box-shadow:  inset 0 0 0 1px transparent,inset 0 0 0 0 rgba(34,36,38,.15);
    font-size: 1rem;
}  */

    .ProfileButton__not-logged-in___cmbuP button:hover {
        background-color: #245196 !important;
        color: #fff !important;
    }

.ui.button, .ui.button:hover {
    box-shadow: inset 0 0 0 1px transparent,inset 0 0 0 0 rgba(34,36,38,.15);
}

    .ui.button:hover {
        background-color: #cacbcd;
        background-image: none;
        color: rgba(0,0,0,.8);
    }

.Search__search___2APie .Search__inner-search-container___jMwnv > div > div {
    z-index: 10;
}

    .Search__search___2APie .Search__inner-search-container___jMwnv > div > div:first-child {
        padding: 0 !important;
        height: 100%;
        box-shadow: none !important;
    }




/* nav { 
    display: block;
} 

hr { 
    box-sizing:  content-box; 
    height:  0; 
    overflow:  visible;
    margin-top: 20px; 
    margin-bottom: 20px; 
    border: 0; 
    border-top: 1px solid #eee;
} 

hr  { 
    margin: 0;
}  */

.menu-item hr {
    margin: 10px 0 !important;
}


/* These were inline style tags. Uses id+class to override almost everything */
#search-navbar.style-lzobA {
    visibility: hidden;
    opacity: 0;
}

#style-tiAwl.style-tiAwl {
    width: 430px;
}

#style-swJWo.style-swJWo {
    padding: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 15px 4px;
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
}

#style-5Vjoh.style-5Vjoh {
    border: 1px solid rgb(238, 238, 238);
    border-radius: 2px;
    padding: 8px 10px;
    line-height: 24px;
    width: 100%;
    outline: none;
    font-size: 16px;
    color: rgb(102, 102, 102);
    box-sizing: border-box;
    font-family: inherit;
}

#style-lj9kC.style-lj9kC {
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
    transition: opacity 0.3s ease 0s, transform 0s ease 0.3s;
}

#push.style-FLpSP {
    position: fixed;
    right: 0px;
    z-index: 10;
    width: 264px;
    height: 100%;
    transform: translate3d(100%, 0px, 0px);
    transition: all 0.5s ease 0s;
}

#style-h23MQ.style-h23MQ {
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
    background: rgb(255, 255, 255);
    padding: 2em 1.5em 0px;
    font-size: 1.15em;
}

#style-BAEFV.style-BAEFV {
    height: 100%;
    color: rgb(163, 163, 163);
    padding: 0.8em;
    left: 0px;
}

#style-4Wjr6.style-4Wjr6 {
    display: block;
    outline: none;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

#style-L351y.style-L351y {
    display: block;
    outline: none;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

#style-5ae3E.style-5ae3E {
    display: block;
    outline: none;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

#style-PljG9.style-PljG9 {
    display: block;
    outline: none;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

#style-tqTJN.style-tqTJN {
    display: block;
    outline: none;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

#style-DDryj.style-DDryj {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 8px;
    top: 8px;
}

#style-IaY1i.style-IaY1i {
    position: absolute;
    top: 6px;
    right: 14px;
}

#style-xVI7O.style-xVI7O {
    position: absolute;
    width: 3px;
    height: 14px;
    transform: rotate(45deg);
    background: rgb(163, 163, 163);
}

#style-sFAU5.style-sFAU5 {
    position: absolute;
    width: 3px;
    height: 14px;
    transform: rotate(-45deg);
    background: rgb(163, 163, 163);
}

#style-7BqS7.style-7BqS7 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
    text-indent: -9999px;
    background: transparent;
    outline: none;
}

#style-Vblmd.style-Vblmd {
    z-index: 1;
    position: absolute;
    width: 25px;
    height: 20px;
    right: 10px;
    top: 18px;
}

#style-SMEA6.style-SMEA6 {
    position: absolute;
    height: 3px;
    left: 0px;
    right: 0px;
    top: 0%;
    opacity: 1;
    background: rgb(63, 63, 63);
}

#style-TrolG.style-TrolG {
    position: absolute;
    height: 3px;
    left: 0px;
    right: 0px;
    top: 40%;
    opacity: 1;
    background: rgb(63, 63, 63);
}

#style-roJY7.style-roJY7 {
    position: absolute;
    height: 3px;
    left: 0px;
    right: 0px;
    top: 80%;
    opacity: 1;
    background: rgb(63, 63, 63);
}

#style-H8TUj.style-H8TUj {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
    opacity: 0;
    font-size: 8px;
}

.ProfileButton__go-to-profile___W4vD_ {
    color: #a3a3a3;
    display: -ms-flexbox;
    display: flex;
    margin-left: 25px;
}





.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-left: 0.5rem;
    color: #6c757d;
    content: "/";
}

.breadcrumb-item + .breadcrumb-item {
    padding-right: 0.5rem;
}


.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0.25rem;
}






.social ul {
    position: absolute;
    top: 87%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    display: flex;
}

    .social ul li {
        list-style: none;
    }

        .social ul li a {
            position: relative;
            width: 40px;
            height: 40px;
            display: block;
            text-align: center;
            margin: 0 5px;
            border-radius: 108%;
            padding: 4px;
            box-sizing: border-box;
            text-decoration: none;
            box-shadow: 0 10px 15px rgba(0,0,0,0.3);
            background: linear-gradient(0deg, #ddd, #fff);
            transition: .5s;
            font-size: 19px;
        }

            .social ul li a:hover {
                box-shadow: 0 2px 5px rgba(0,0,0,0.3);
                text-decoration: none;
            }

            .social ul li a .fab {
                widht: 100%;
                height: 100%;
                display: block;
                background: linear-gradient(0deg, #fff, #ddd);
                border-radius: 50%;
                line-height: calc(60px - 12px);
                font-size: 24px;
                color: #262626;
                transition: .5s;
            }

        .social ul li:nth-child(1) a:hover .fab {
            color: #3b5998;
        }

        .social ul li:nth-child(2) a:hover .fab {
            color: #00aced;
        }

        .social ul li:nth-child(3) a:hover .fab {
            color: #dd4b39;
        }

        .social ul li:nth-child(4) a:hover .fab {
            color: #007bb6;
        }

        .social ul li:nth-child(5) a:hover .fab {
            color: #e4405f;
        }

.text-lightgray {
    color: #868686;
}



/* * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  html {
    font-size: 14.5px;
  }
  
  body {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #cecece;
    overflow: hidden;
  }
   */
/* nav {
    box-shadow: 0 6.7px 5.3px rgba(0, 0, 0, 0.12), 0 22.3px 17.9px rgba(0, 0, 0, 0.08), 0 100px 80px rgba(0, 0, 0, 0.04);
    border-radius: 0 0 10px 10px;
    margin-bottom: 3em;
  }
  
  .mobile-footer {
    position: relative;
    width: 25rem;
    height: 5rem;
    color: #fff;
    font-size: 1rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    padding: 0;
    background: black;
    overflow: hidden;
  }
  .mobile-footer a {
    position: relative;
    width: 20%;
    height: 100%;
    display: inline-block;
    float: left;
    padding: 0;
    color: currentColor;
    line-height: 12;
    font-size: 0.725em;
    text-align: center;
    text-decoration: none;
    text-indent: -9999rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background 0.15s ease, line-height 0.15s ease;
  }
  .mobile-footer a:hover, .mobile-footer a:focus {
    background-color: rgba(128, 128, 128, 0.3);
  }
  .mobile-footer a:hover svg, .mobile-footer a:focus svg {
    transform: scale(1.25);
    opacity: 0.6;
  }
  .mobile-footer a:focus, .mobile-footer a:active {
    outline: none;
  }
  .mobile-footer a:focus svg, .mobile-footer a:active svg {
    opacity: 0.8;
  }
  .mobile-footer a:active svg {
    opacity: 1;
  }
  .mobile-footer a svg {
    position: absolute;
    fill: currentColor;
    top: calc(30% + 2.5px);
    left: 30%;
    width: 40%;
    height: 40%;
    transform: scale(1);
    transform-origin: center;
    transition: opacity 0.1s ease, transform 0.1s ease, top 0.1s ease;
    opacity: 0.4;
    pointer-events: none;
  }
  .mobile-footer a.active {
    background-color: rgba(128, 128, 128, 0.15);
    text-indent: 0;
    line-height: 10;
  }
  .mobile-footer a.active svg {
    top: calc(17.5% + 2.5px);
    transform-origin: center bottom;
    opacity: 1;
  }
  .mobile-footer a.active:hover svg, .mobile-footer a.active:focus svg, .mobile-footer a.active:active svg {
    transform: scale(1);
  }
  .mobile-footer a.traversing svg {
    animation: 0.1s traversing ease-out forwards;
  }
  .mobile-footer .line {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 5px;
    text-indent: -9999rem;
    transform: translateX(-50%);
    border-radius: 2.5px;
    background: currentColor;
    transition: left 0.5s ease-out;
    z-index: 10;
  }
  @keyframes traversing {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0.4;
    }
  }
  .mobile-footer.light {
    background-color: #d2d2d2;
    color: gray;
  }
  .mobile-footer.light svg {
    fill: gray;
  }
  .mobile-footer.primary {
    background: magenta;
    color: #fff;
  }
  .mobile-footer.primary svg {
    fill: #fff;
  } */

.mobile-nav {
    background: #F1F1F1;
    position: fixed;
    bottom: 0;
    height: 65px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    z-index: 500000;
}

.bloc-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .bloc-icon img {
        width: 30px;
    }

@media screen and (min-width: 600px) {
    .mobile-nav {
        display: none;
    }
}

.property-wrap .text h3 a {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
}

.Expert {
    position: relative;
}



.card__body {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    text-align: right;
}


.tag {
    align-self: flex-start;
    padding: .25em .75em;
    border-radius: 1em;
    font-size: .75rem;
}

    .tag + .tag {
        margin-left: .5em;
    }

.tag-blue {
    background: #56CCF2;
    background: linear-gradient(to bottom, #2F80ED, #56CCF2);
    color: #fafafa;
}

.tag-brown {
    background: #D1913C;
    background: linear-gradient(to bottom, #FFD194, #D1913C);
    color: #fafafa;
}

.tag-red {
    background: #cb2d3e;
    background: linear-gradient(to bottom, #ef473a, #cb2d3e);
    color: #fafafa;
}

.card__body h4 {
    font-size: 1.5rem;
    text-transform: capitalize;
    text-align: right;
}

.card__footer {
    display: flex;
    padding: 1rem;
    margin-top: auto;
}

.user {
    display: flex;
    gap: .5rem;
}

.user__image {
    border-radius: 50%;
}

.user__info > small {
    color: #666;
}





.text-owerflow {
    width: 15em; /* the element needs a fixed width (in px, em, %, etc) */
    overflow: hidden; /* make sure it hides the content that overflows */
    white-space: nowrap; /* don't break the line */
    text-overflow: ellipsis; /* give the beautiful '...' effect */
}


.blog-entry .text {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: right;
}


.breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}




.Accounts__forms___3Xyw7 {
    margin-right: 0;
    margin-left: 0;
}

@media (min-width: 768px) {
    .col-12 {
        width: 100%;
    }
}

/*.row {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}*/

.Accounts__login-container___L5pf8 {
    background-color: #f4f4f4;
    margin: 0;
    min-height: 100% !important;
    width: 100% !important;
}

.Accounts__Account___3tqD3 {
    height: inherit;
}

.rtl {
    direction: rtl;
}
/*
body {
    margin: 0;
    font-family: IranSans,Helvetica,Arial,sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    padding: 0;
    height: 100%;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: 100%;
}*/

.SignUp__sign-up-container___2WAAc {
    height: 100%;
}

*, :after, :before {
    box-sizing: inherit;
}

.SignUp__sign-up-container___2WAAc .SignUp__sign-up___1UybA {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
    margin: 100px auto;
}

.SignUp__sign-up-container___2WAAc .SignUp__MobileSignUp___3d4xo {
    display: none;
}

@media (min-width: 768px) {
    .col-4 {
        width: 33.33333%;
    }
}

.MobileSignUp__form-container___Xmhyv {
    height: 100%;
    box-shadow: -3px 6px 20px 8px hsla(0,0%,53%,.1);
    display: inherit;
}

/*form {
    background-color: #ebeae8;
    padding: 10px 30px;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
}*/

.SignUp__form-container___1DTWy form {
    background-color: #fff;
    margin-bottom: 0;
    box-shadow: 3px 9px 20px 8px hsla(0,0%,53%,.2);
    padding-bottom: 50px;
}

.ui.form {
    position: relative;
    max-width: 100%;
    font-size: 1rem;
}

.SignUpWellcome__SignUpWellcome___11ZiA {
    margin-top: 10%;
    margin-right: 0;
}

.MobileSignUp__form-container___Xmhyv form {
    min-height: 100%;
    padding-top: 30px;
    background-color: #fff;
    margin-bottom: 0;
    padding-bottom: 50px;
}

/*h1 {
    font-size: 2em;
    margin: .67em 0;
    font-family: inherit;
    font-weight: 300;
    line-height: 1.1;
    color: inherit;
    margin-top: 20px;
    margin-bottom: 10px;
}*/

.SignUp__form-container___1DTWy h1 {
    color: #a3a3a3;
    margin: 12% auto 15%;
    text-align: center;
    font-size: 22px;
}

.SignUp__form-container___1DTWy form > div {
    width: 75%;
    margin: 20px auto !important;
    display: block;
}

.ui.form .field {
    clear: both;
    margin: 0 0 1em;
}

/*button {
    font: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: button;*/
/*    font-family: IranSans,bYekan,Helvetica,Arial,sans-serif !important;
*/ /*cursor: pointer;
    padding: 0;
    background-color: transparent;
    border: none;
}*/

.SignUp__form-container___1DTWy button {
    display: block !important;
    margin: 100px auto 0 !important;
    font-family: IranSans,Helvetica,Arial,sans-serif !important;
    color: #032265 !important;
    line-height: 1.2em !important;
    min-width: 100px;
    box-shadow: inset 0 0 0 2px #032265 !important;
}

.ui.button {
    display: inline-block;
    cursor: pointer;
    min-height: 1em;
    outline: none;
    border: none;
    vertical-align: baseline;
    background: #e0e1e2 none;
    color: rgba(0,0,0,.6);
    font-family: IranSans,Lato,Helvetica Neue,Arial,Helvetica,sans-serif;
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    will-change: "";
    -webkit-tap-highlight-color: transparent;
    box-shadow: inset 0 0 0 1px transparent,inset 0 0 0 0 rgba(34,36,38,.15);
    font-size: 1rem;
}

.ui.inverted.button {
    box-shadow: inset 0 0 0 2px #fff;
    background: transparent none;
    color: #fff;
    text-shadow: none;
}

.SignUp__form-container___1DTWy button:active, .SignUp__form-container___1DTWy button:hover {
    background-color: #fec435 !important;
    box-shadow: none !important;
}

.SignUp__form-container___1DTWy button:hover {
    color: #032265;
}

.ui.button, .ui.button:hover {
    box-shadow: inset 0 0 0 1px transparent,inset 0 0 0 0 rgba(34,36,38,.15);
}

    .ui.button:hover {
        background-color: #cacbcd;
        background-image: none;
        color: rgba(0,0,0,.8);
    }

.ui.inverted.button:hover {
    background: #fff;
    box-shadow: inset 0 0 0 2px #fff;
    color: rgba(0,0,0,.8);
}

.SignUpWellcome__title___3XouZ {
    background-color: #f4f4f4;
}

.SignUpWellcome__body___Lw2TB {
    text-align: center;
    width: 80%;
    margin: 25px auto;
    color: #868686;
}

/*img {
    border-style: none;
}*/

.MobileSignUp__form-container___Xmhyv form img {
    width: 175px;
    display: block;
    margin: auto;
}
/*
h2 {
    font-family: inherit;
    font-weight: 300;
    line-height: 1.1;
    color: inherit;
    margin-top: 20px;
    margin-bottom: 10px;
}*/

.MobileSignUp__form-container___Xmhyv form h2 {
    color: #818181;
    margin: 20px auto 30px;
    text-align: center;
    font-size: 15pt;
}

.MobileSignUp__form-container___Xmhyv form > div {
    width: 100%;
    margin: 20px auto !important;
    display: block;
}

.MobileSignUp__form-container___Xmhyv button {
    width: 150px;
    display: block !important;
    margin: 30px auto !important;
    color: #0141a2 !important;
    box-shadow: inset 0 0 0 2px #0141a2 !important;
    font-family: IranSans,Helvetica,Arial,sans-serif;
}

    .MobileSignUp__form-container___Xmhyv button:active, .MobileSignUp__form-container___Xmhyv button:hover {
        background-color: #ffc600 !important;
        color: #0141a2;
        box-shadow: none !important;
    }

.MobileSignUp__body___13XVa {
    text-align: center;
}

.SignUp__form-container___1DTWy form > div div {
    width: 100% !important;
}

.SignUp__form-container___1DTWy form .SignUp__email-input___1P57h {
    position: relative;
}

.ui.input {
    display: inline-flex;
    display: -ms-inline-flexbox;
    position: relative;
    font-weight: 400;
    font-style: normal;
    color: rgba(0,0,0,.87);
    font-size: 1em;
}

.ui.form .field .ui.input {
    width: 100%;
}

.ui.form .inline.field > :first-child {
    margin: 0 .85714286em 0 0;
}

.ui.form .inline.field > :only-child {
    margin: 0;
}

.ui.form .inline.field:not(.wide) .ui.input {
    width: auto;
    vertical-align: middle;
}

.SignUpWellcome__title___3XouZ img {
    width: 58%;
    margin: auto;
    display: block;
}

.SignUpWellcome__body___Lw2TB h2 {
    font-size: 30px;
    font-weight: 700;
}

/*h3 {
    font-family: inherit;
    font-weight: 300;
    line-height: 1.1;
    color: inherit;
    margin-top: 20px;
    margin-bottom: 10px;
}*/

.SignUpWellcome__body___Lw2TB h3 {
    line-height: 32px;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}


.SignUpWellcome__body___Lw2TB a {
    display: block;
    margin: 20px auto;
    font-size: 22px;
    color: #032265;
}





    .SignUpWellcome__body___Lw2TB a:hover {
        color: #4ecff9;
    }

.MobileSignUp__form-container___Xmhyv form > div div {
    width: 100% !important;
}

.MobileSignUp__body___13XVa a {
    color: #3f96ce;
}

/*input {
    font: inherit;
    margin: 0;
    overflow: visible;
    border-radius: 7px;
    border: none;
}
*/
.SignUp__form-container___1DTWy form input {
    font-family: IranSans,Helvetica,Arial,sans-serif !important;
    direction: ltr;
}

.SignUp__form-container___1DTWy form > div div input {
    width: 100% !important;
}

.ui.input input {
    margin: 0;
    max-width: 100%;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    text-align: left;
    line-height: 1.21428571em;
    font-family: Lato,Helvetica Neue,Arial,Helvetica,sans-serif;
    padding: .67857143em 1em;
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    border-radius: .28571429rem;
    transition: box-shadow .1s ease,border-color .1s ease;
    box-shadow: none;
}

.ui.form input[type="password"] {
    width: 100%;
    vertical-align: top;
    font-family: Lato,Helvetica Neue,Arial,Helvetica,sans-serif;
    margin: 0;
    outline: none;
    -webkit-appearance: none;
    tap-highlight-color: transparent;
    line-height: 1.21428571em;
    padding: .67857143em 1em;
    font-size: 1em;
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    border-radius: .28571429rem;
    box-shadow: inset 0 0 0 0 transparent;
    transition: color .1s ease,border-color .1s ease;
}

.ui.icon.input input {
    padding-right: 2.67142857em !important;
}

.ui.form .field .ui.input input {
    width: auto;
}

i.icon {
    display: inline-block;
    opacity: 1;
    margin: 0 .25rem 0 0;
    width: 1.18em;
    height: 1em;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 1em;
}

.ui.icon.input > i.icon {
    cursor: default;
    position: absolute;
    line-height: 1;
    text-align: center;
    top: 0;
    right: 0;
    margin: 0;
    height: 100%;
    width: 2.67142857em;
    opacity: .5;
    border-radius: 0 .28571429rem .28571429rem 0;
    transition: opacity .3s ease;
}

    .ui.icon.input > i.icon:not(.link) {
        pointer-events: none;
    }

i.icon:before {
    background: 0 0 !important;
}

i.icon.key:before {
    content: "\f084";
}

.ui.icon.input > i.icon:after, .ui.icon.input > i.icon:before {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    margin-top: -.5em;
}

.SignUpWellcome__body___Lw2TB a i {
    margin-right: -6px !important;
    vertical-align: middle !important;
}

i.icon.angle.left:before {
    content: "\f104";
}

i.icon.angle.double.left:before {
    content: "\f100";
}

.MobileSignUp__form-container___Xmhyv form input {
    font-family: IranSans,Helvetica,Arial,sans-serif !important;
    direction: ltr;
}

.MobileSignUp__form-container___Xmhyv form > div div input {
    width: 100% !important;
}

.ui.form input[type="email"] {
    width: 100%;
    vertical-align: top;
    font-family: Lato,Helvetica Neue,Arial,Helvetica,sans-serif;
    margin: 0;
    outline: none;
    -webkit-appearance: none;
    tap-highlight-color: transparent;
    line-height: 1.21428571em;
    padding: .67857143em 1em;
    font-size: 1em;
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    border-radius: .28571429rem;
    box-shadow: inset 0 0 0 0 transparent;
    transition: color .1s ease,border-color .1s ease;
}

i.icon.mail:before {
    content: "\f0e0";
}

.SignUp__form-container___1DTWy form .SignUp__email-input___1P57h i {
    display: inline-block;
    position: absolute;
    left: -25px;
    top: 10px;
}


/* These were inline style tags. Uses id+class to override almost everything */
#style-pqb5n.style-pqb5n {
    min-height: 961px;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0;
    color: #6c757d;
    content: "/";
}

.Content-Box {
    min-height: 700px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 26%;
    left: 0;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    text-align: right;
}


.p-100 {
    padding: 100px;
}

.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: auto;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: auto;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}




.user_card {
    height: 400px;
    width: 350px;
    margin-top: auto;
    margin-bottom: auto;
    background: #f8f9fa;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 5px;
}

.brand_logo_container {
    position: absolute;
    height: 170px;
    width: 170px;
    top: -75px;
    border-radius: 50%;
    background: #60a3bc;
    padding: 10px;
    text-align: center;
}

.brand_logo {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    border: 2px solid white;
}

.form_container {
    margin-top: 100px;
}

.login_btn {
    width: 100%;
    background: #c0392b !important;
    color: white !important;
}

    .login_btn:focus {
        box-shadow: none !important;
        outline: 0px !important;
    }

.login_container {
    padding: 0 2rem;
}

.input-group-text {
    background: #40b4e7 !important;
    color: white !important;
    border: 0 !important;
    border-radius: 0.25rem 0 0 0.25rem !important;
}

.input_user,
.input_pass:focus {
    box-shadow: none !important;
    outline: 0px !important;
    font-family: inherit;
}

::placeholder {
    font-size: 14px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #c0392b !important;
}


.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}


#regForm input {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    margin-bottom: 5px;
}

.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 10px;
}


.form_container {
    margin-top: 100px;
}

.dropdown-item {
    background: #f8f9fa;
    text-align: right;
}



.nav-link {
    text-align: right;
}
.pt-5p {
    padding-top: 5%;
}
@media (max-width: 991.98px){


    .ftco-navbar-light {
        background: #f1f1f1 !important;
        position: relative;
        top: 0;
    }
        .ftco-navbar-light a {
            color: #000000 !important;
        }

    .ftco-section {
        padding-top: 0 ;
        padding-bottom: 6em ;
        position: relative;
    }
    .pt-5p {
        padding-top: 25%;
    }




}


.profile-image-outer-container .profile-image-inner-container {
    border-radius: 50%;
    padding: 5px;
}

.profile-image-outer-container {
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.profile-image-outer-container .profile-image-inner-container {
    border-radius: 50%;
    padding: 5px;
}

.profile-image-outer-container .profile-image-inner-container img {
    height: 200px;
    width: 200px;
    border-radius: 50%;
    border: 5px solid white;
}

html .bg-color-primary, html .bg-primary {
    background-color: #fd6f66 !important;
}

.profile-image-outer-container .profile-image-inner-container {
    border-radius: 50%;
    padding: 5px;
}

.bg-gray-200 {
    background-color: #dde2ef;
}

.mg-b-20 {
    margin-bottom: 20px;
}


.bg-white {
    background: white;
}


.bgppattern2 {
    --s: 50px;
    --t: 6px;
    --c1: #e6e6e6;
    --c2: #fff;
    --_c: #0000 calc(98% - var(--t)),var(--c1) calc(100% - var(--t)) 98%,#0000;
    --_s: calc(2*var(--s)) calc(5*var(--s)/2);
    --_r0: /var(--_s) radial-gradient(calc(var(--s)/2) at 0 20%,var(--_c));
    --_r1: /var(--_s) radial-gradient(calc(var(--s)/2) at 100% 20%,var(--_c));
    background: 0 0 var(--_r0),calc(-1*var(--s)) calc(5*var(--s)/4) var(--_r0), var(--s) 0 var(--_r1),0 calc(5*var(--s)/4) var(--_r1), conic-gradient(at var(--t) calc(20% + 2*var(--t)),#0000 75%,var(--c1) 0) calc(var(--t)/-2) calc(var(--s) - var(--t))/var(--s) calc(5*var(--s)/4), repeating-conic-gradient(var(--c2) 0 25%,#0000 0 50%) var(--s) calc(var(--s)/-8)/var(--_s), conic-gradient(from 90deg at var(--t) var(--t),var(--c2) 25%,var(--c1) 0) calc((var(--s) - var(--t))/2) calc((var(--s) - var(--t))/2)/var(--s) calc(5*var(--s)/4);
}
.bgppattern3 {
    --s: 80px;
    --c: #f2f2f2;
    --_g: #0000 calc(-650%/13) calc(50%/13),var(--c) 0 calc(100%/13), #0000 0 calc(150%/13),var(--c) 0 calc(200%/13), #0000 0 calc(250%/13),var(--c) 0 calc(300%/13);
    --_g0: repeating-linear-gradient( 45deg,var(--_g));
    --_g1: repeating-linear-gradient(-45deg,var(--_g));
    background: var(--_g0),var(--_g0) var(--s) var(--s), var(--_g1),var(--_g1) var(--s) var(--s) #FBFBFB;
    background-size: calc(2*var(--s)) calc(2*var(--s));
}

.bg-image {
    width: 100%;
    height: 150px;
    /*            background-image: url('/Content/Images/0001.png');
*/ /*background-size: 100% 100%;*/
    /*            background-repeat: no-repeat;
*/
}


.bottom-navigation .nav {
    position: fixed;
/*    font-family: iransans !important;
*/    bottom: 0;
    width: 100%;
    height: 75px;
    box-shadow: 0 0 22px rgb(0 0 0 / 8%);
    background-color: #F1F1F1;
    display: flex;
    direction: rtl;
    overflow-x: auto;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    z-index: 4;
}

.bottom-navigation .nav__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    min-width: 50px;
    width: 20%;
    overflow: hidden;
    white-space: nowrap;
/*    font-family: sans-serif;
*/    font-size: 13px;
    color: #444444;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 0.1s ease-in-out;
    background: #F1F1F1;
}

    .bottom-navigation .nav__link:hover {
        background-color: #F1F1F1;
    }

.bottom-navigation .nav__link--active {
    color: #003e73;
}

.bottom-navigation .nav__icon {
    font-size: 20px;
    margin-bottom: 10px;
}

.nav__text {
/*    font-family: 'iransans';
*/    font-size: 12px;
}

.circle-center {
    width: 25%;
    position: fixed;
    height: 80px;
    right: 37.5%;
    bottom: 28px;
    z-index: 3;
    border-radius: 50%;
    box-shadow: 0 0 20px 3px rgb(0 0 0 / 8%);
    background: white;
}

.ssperator {
    width: 25%;
    position: fixed;
    height: 80px;
    right: 37.5%;
    bottom: 28px;
    z-index: 5;
    border-radius: 50%;
    background: #F1F1F1;
}

.center__link {
    position: fixed;
    right: 40%;
    bottom: 30px;
    z-index: 5;
}

i.material-icons.nav__icon.add {
    background: #444444;
    padding: 4px;
    color: white;
    border-radius: 50%;
}

.min-height-310 {
    min-height: 317px;
}


.bg-pattern3{
    --s: 100px; /* control the size */

    --_g: #0000 90deg,#366 0;
    background: conic-gradient(from 90deg at 2px 2px,var(--_g)), conic-gradient(from 90deg at 1px 1px,var(--_g));
    background-size: var(--s) var(--s), calc(var(--s)/5) calc(var(--s)/5);
    opacity: 0.5;
}


.bg-pattern4 {
    --s: 100px;
    --c: #C8C8C8;
    --_g1: var(--c) calc(25%/3),#0000 0 calc(50%/3), var(--c) 0 25%,#0000 0 75%, var(--c) 0 calc(250%/3),#0000 0 calc(275%/3), var(--c) 0;
    --_g2: #0000 calc(25%/3),var(--c) 0 calc(50%/3), #0000 0 calc(250%/3),var(--c) 0 calc(275%/3), #0000 0;
    background: linear-gradient( 45deg,var(--_g2)),linear-gradient( 45deg,var(--_g1)), linear-gradient(-45deg,var(--_g2)),linear-gradient(-45deg,var(--_g1)) #BFBEBE;
    background-position: 0 0,var(--s) var(--s);
    background-size: calc(2*var(--s)) calc(2*var(--s));
}

.bg-pattern5 

{
    --s: 86px; /* control the size */
    --a: 60deg; /* control the angle */

    --g: #0000 45%,#88ABC2 46% 54%,#0000 55%;
    background: linear-gradient( var(--a), var(--g)), linear-gradient(calc(-1*var(--a)),var(--g)) #FAD3B2;
    background-size: var(--s) calc(tan(var(--a))*var(--s))
}

@media (max-width: 767.98px){
    .menu .card {
    position: relative;
    width: 250px;
    height: 165px;
    background: #fff;
    margin: 0 auto;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

     .menu .card_img {
         width: 60px;
         height: 60px;
         overflow: hidden;
         border-radius: 100%;
         margin: -60px auto 0;
     }

     .slider-text h1 {
         font-size: 13px;
         color: #000000;
         line-height: 1.5;
         font-weight: 400;
     }

     .heading-section h2 {
         font-size: 23px;
     }
       }


.btn.btn-primary {
    background: #3e5cfe !important;
    border: 1px solid #3e5cfe !important;
    color: #fff !important;
}
table {
    text-align: right;
}


.btn-info1 {
    color: #fff;
    background-color: #009688;
    border-color: #0ac8b6;
}

.text-right {
    text-align: right;
}


.text-justify {
    text-align: justify;
}



.sidebar .widget .post-recent {
    padding-bottom: 15px;
}

.sidebar .widget .post-recent .post-recent-thumb {
    width: 25%;
}

.sidebar .widget .post-recent .post-recent-content a {
    display: block;
    color: #3c4858;
    font-size: 15px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blog .author {
    top: 5%;
    right: 5%;
}

.blog .author, .blog .teacher, .blog .course-fee {
    position: absolute;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blog .content .title {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blog .overlay, .job-box .job-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* .bg-dark {
            background-color: #343a40 !important;
        }*/

.g-0, .gy-0 {
    --bs-gutter-y: 0;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.projcard {
  
    margin-bottom: 40px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #ddd;
    font-size: 18px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 21px -12px rgba(0, 0, 0, .66);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}


.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn.btn-primary {
    background: #3e5cfe !important;
    border: 1px solid #3e5cfe !important;
    color: #fff !important;
}

.btn-block {
    display: block;
    width: 100%;
}



.menu .card-1 {
    position: relative;
    width: 250px;
    height: 210px;
    margin-top: 25px;
    background: #fff;
/*    margin: 0 auto;
*/    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

@media (max-width: 767.98px) {

    .menu .card-1 {
        position: relative;
        width: 250px;
        height: 165px;
        background: #fff;
        margin: 0 auto;
        border-radius: 4px;
        box-shadow: 0 2px 10px rgba(0,0,0,.2);
    }





    .social ul {
        position: absolute;
        top: 35%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        padding: 0;
        display: flex;
    }
}


.card-fixed {
    height: 410px;
}


html, body {
    background: #f8f9fa;
}

.ftco-degree-bg::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -30px;
    overflow: visible;
    width: 50%;
    height: 70px;
    z-index: 1;
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    -o-transform: skewY(-4deg);
    transform: skewY(-4deg);
    background-color: #f8f9fa;
}
.ftco-degree-bg::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -30px;
    overflow: visible;
    width: 50%;
    height: 70px;
    z-index: 1;
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    -o-transform: skewY(4deg);
    transform: skewY(4deg);
    background-color: #f8f9fa;
}



/* MegaNavbar v2.2.0 (http://www.MegaNavbar.com) Copyright 2014 MegaNavbar.com. All Rights Reserved.
** Licensed under Regular License (http://codecanyon.net/licenses/regular) or Extended License (http://codecanyon.net/licenses/extended)
** We will take legal action against those who copy our HTML content, CSS style sheets and JavaScript functions without a license.
*/

.navbar .navbar-nav > li ul li.dropdown-right-onclick > .dropdown-menu {
    right: 0 !important;
    width: 100%;
    top: 100% !important;
}
/*.......menu....navbar...........*/
.affix {
    top: 0;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.affix-top {
    position: static;
    top: -35px;
}

.affix + .container-fluid {
    padding-top: 70px;
}
/* --- Set Collapsed navbar - in % of window height (for small devices ) --- */
@media (max-width: 767px) {
    .navbar.xs-height25.navbar-fixed-top .navbar-collapse, .navbar.xs-height25.navbar-fixed-bottom .navbar-collapse {
        max-height: 25vh
    }

    .navbar.xs-height33.navbar-fixed-top .navbar-collapse, .navbar.xs-height33.navbar-fixed-bottom .navbar-collapse {
        max-height: 33vh
    }

    .navbar.xs-height50.navbar-fixed-top .navbar-collapse, .navbar.xs-height50.navbar-fixed-bottom .navbar-collapse {
        max-height: 50vh
    }

    .navbar.xs-height66.navbar-fixed-top .navbar-collapse, .navbar.xs-height66.navbar-fixed-bottom .navbar-collapse {
        max-height: 66vh
    }

    .navbar.xs-height75.navbar-fixed-top .navbar-collapse, .navbar.xs-height75.navbar-fixed-bottom .navbar-collapse {
        max-height: 75vh
    }

    .navbar.xs-height100.navbar-fixed-top .navbar-collapse, .navbar.xs-height100.navbar-fixed-bottom .navbar-collapse {
        max-height: 100vh
    }
}

/* Carousel-indicators */
.navbar-carousel-indicators {
    position: relative;
    bottom: inherit;
    left: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: inherit;
    list-style: none
}

    .navbar-carousel-indicators li {
        width: 100%;
        height: auto;
        margin: 0px;
        text-indent: inherit;
        cursor: pointer;
        border: 0;
        border-radius: 0px;
        display: block;
    }

    .navbar-carousel-indicators .active {
        width: 100%;
        height: auto;
        margin: 0;
        background-color: transparent
    }

/* ---GENERAL ---*/
.navbar, .dropdown-menu {
}

    .navbar .container, .navbar .container-fluid {
        position: relative
    }

    .navbar .navbar a, a:hover, a:focus {
        text-decoration: none
    }

    .navbar a.navbar-link, .navbar .navbar-text {
        line-height: 20px;
        padding: 15px;
        margin: 0;
    }

    .navbar p > a.navbar-link, .navbar p > .navbar-text {
        padding: 15px 0;
    }

    .navbar .dropdown-menu {
        overflow: visible !important;
        -webkit-transition: height 1ms;
        transition: height 1ms
    }

    .navbar .navbar-nav .dropdown-menu li.disabled:hover > a, .navbar .navbar-nav .dropdown-menu li.disabled:focus > a {
        cursor: not-allowed
    }

    .navbar.navbar-fixed-top, .navbar.navbar-fixed-bottom {
        -webkit-transform: none;
        -o-transform: none;
        -moz-transform: none;
        transform: none;
        -ms-transform: none;
    }

    .navbar .nav > li > a {
        display: inline-block;
    }

@media (max-width: 767px) {
    .navbar {
        border-bottom: 0px;
    }

        .navbar .navbar-nav > li.divider {
            display: none
        }

        .navbar .navbar-header a.navbar-link {
            display: block;
            margin: 0;
            padding: 15px 15px
        }

        .navbar a.navbar-link, .navbar .navbar-text {
            display: block;
            margin: 0;
            padding: 10px 15px;
            line-height: 20px;
        }

        .navbar p > a.navbar-link {
            display: inline-block;
            padding: 0 !important
        }

        .navbar .navbar-header .navbar-text {
            padding: 15px;
            margin: 0
        }

        .navbar .navbar-form {
            border: 0;
            margin: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }
}

.navbar .navbar-nav .dropdown-menu ul, .navbar .navbar-nav .dropdown-menu ul .dropdown-menu {
    padding: 0px
}

.navbar .navbar-nav .dropdown-menu li {
    list-style: none;
    position: static !important;
}

.navbar .navbar-nav.navbar-right:last-child {
    margin-right: 0px
}
/*ltr*/
.navbar .navbar-header {
    z-index: 1;
    position: relative
}

.navbar .container-fluid .navbar-collapse, .navbar .container .navbar-collapse {
    position: relative;
    padding-right: 0px;
    padding-left: 0px
}

.navbar.navbar-static-top .container .navbar-collapse, .navbar.navbar-static-top .container-fluid .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

.navbar.navbar-static-top .container .navbar-header, .navbar.navbar-static-top .container-fluid .navbar-header {
    margin-left: -15px;
    margin-right: 0px
}
/*ltr*/
.navbar.navbar-static-top.brand-right .container .navbar-header, .navbar.navbar-static-top.brand-right .container-fluid .navbar-header {
    margin-right: 0px;
    margin-left: -15px
}

.navbar.navbar-fixed-top.brand-right .container .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container .navbar-header, .navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header {
    margin-left: 0px;
    margin-right: 0px !important
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-right: 0px
}
/*ltr*/

/*Headers, labels, buttons*/
.navbar .dropdown-menu li.dropdown-header {
    display: block;
    padding: 5px 15px;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    font-weight: bold
}

.navbar .dropdown-short .dropdown-menu li.dropdown-header {
    font-weight: normal;
    display: block;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    padding-top: 20px;
    padding-right: 0;
}

.navbar h1, .navbar .h1, .navbar h2, .navbar .h2, .navbar h3, .navbar .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 10px
}

.navbar h4, .navbar .h4, .navbar h5, .navbar .h5, .navbar h6, .navbar .h6 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px
}

.navbar .panel-title {
    padding-top: 0px;
    padding-bottom: 0px
}

.navbar .label {
    line-height: 14px;
    margin: 0 0 0 10px;
    padding: 3px 5px;
    vertical-align: top
}

.navbar-nav > .btn-group {
    margin: 8px 10px 8px 0px
}

.navbar .btn-group > .dropdown-menu, .navbar .navbar-form > .input-group .dropdown-menu {
    margin-top: 8px
}

.navbar .dropdown-menu li > a.dropdown-toggle {
    position: relative;
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis
}
/*ltr*/
.navbar.caret-left .navbar-nav .dropdown-menu li > a.dropdown-toggle, .navbar .navbar-nav.caret-left .dropdown-menu li > a.dropdown-toggle, .navbar .navbar-nav .dropdown-menu.caret-left li > a.dropdown-toggle, .navbar .navbar-nav .dropdown-menu li.caret-left > a.dropdown-toggle, .navbar .navbar-nav .dropdown-menu li > a.caret-left.dropdown-toggle {
    padding: 5px 15px 5px 30px
}

.navbar .dropdown-menu li > a {
    ;
    display: block;
    padding: 5px 15px 5px 15px;
    clear: both;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis
}

.navbar a > span.desc {
    display: block;
    font-size: smaller;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000;
}

@media (max-width: 767px) {
    .navbar .navbar-collapse .navbar-nav > .navbar-form, .navbar .navbar-collapse > .navbar-form {
        margin: 0;
    }

    .navbar .navbar-collapse .navbar-nav > a.navbar-link, .navbar .navbar-collapse > a.navbar-link, .navbar .navbar-collapse .navbar-nav > .navbar-text, .navbar .navbar-collapse > .navbar-text, .navbar .navbar-collapse .navbar-nav > li {
    }

        .navbar .navbar-collapse .navbar-nav > li > a {
            padding-top: 9px;
            margin-top: 1px
        }

        .navbar .navbar-collapse .navbar-nav > li.open > a, .navbar .navbar-collapse .navbar-nav > li.xs-hover:hover > a, .navbar-nav > li.active > a {
            /*padding-top: 10px;padding-bottom: 11px;margin-top: 0px*/
        }

    .navbar .navbar-nav > li {
        clear: both
    }

    .navbar .navbar-header .navbar-nav > li {
        clear: none
    }

    .navbar.navbar-fixed-bottom .navbar-collapse {
        position: absolute !important;
        bottom: 100%;
        width: 100%;
        border-bottom: 1px solid
    }

    .navbar .navbar-nav > li > a {
        display: block
    }

    .navbar .navbar-nav .dropdown-menu {
        padding: 0;
        border-radius: 0 !important
    }

    .navbar.navbar-fixed-top.brand-right .container .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container .navbar-header, .navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header {
        margin-left: -15px !important;
        margin-right: -15px !important
    }

    .navbar .navbar-nav > button {
        display: block;
        width: 100%
    }

    .navbar .navbar-nav > .btn-group {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate;
        margin: 8px 10px 8px 0
    }

        .navbar .navbar-nav > .btn-group > .btn-group {
            display: table-cell;
            float: none;
            width: 1%
        }

            .navbar .navbar-nav > .btn-group > .btn-group .btn {
                width: 100%
            }

    .navbar .navbar-header .navbar-nav.navbar-right {
        float: right
    }
    /*ltr*/
    .navbar .navbar-header .navbar-nav.navbar-left {
        float: left
    }
    /*ltr*/
    .navbar .navbar-toggle {
        margin-right: 15px
    }

    .navbar .navbar-nav {
        margin: 1px
    }
}
/* --- END GENERAL ---*/


/* --- FORM EXPANDED ---*/
@media (min-width: 768px) {
    .navbar .dropdown-menu li > a.dropdown-toggle {
        /*padding: 10px 15px 10px 30px;*/
    }

    .navbar .dropdown-menu li > a {
        padding: 10px 15px;
    }

    .navbar .navbar-nav > li.dropdown-short.open > .dropdown-menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        vertical-align: middle;
    }

    .dropdown-short.open > .dropdown-menu > li {
        float: right;
        display: -ms-flexbox;
        display: flex;
        -ms-box-flex: 1;
        box-flex: 1;
        -webkit-align-items: center;
        align-items: center;
    }

    .navbar-nav > li {
        position: static;
    }

    .navbar .navbar-header {
        float: left;
    }

    .open .flex-v-center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .navbar .navbar-form-expanded input, .navbar .navbar-form-expanded input:focus:hover {
        -webkit-transition: width 0.25s ease;
        transition: width 0.25s ease
    }

        .navbar input[data-width="70px"], .navbar .navbar-form-expanded input[data-width-expanded="70px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="70px"] {
            width: 70px !important
        }

        .navbar input[data-width="80px"], .navbar .navbar-form-expanded input[data-width-expanded="80px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="80px"] {
            width: 80px !important
        }

        .navbar input[data-width="90px"], .navbar .navbar-form-expanded input[data-width-expanded="90px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="90px"] {
            width: 90px !important
        }

        .navbar .navbar-form-expanded input, .navbar input[data-width="100px"], .navbar .navbar-form-expanded input[data-width-expanded="100px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="100px"] {
            width: 100px !important
        }

            .navbar input[data-width="110px"], .navbar .navbar-form-expanded input[data-width-expanded="110px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="110px"] {
                width: 110px !important
            }

            .navbar input[data-width="120px"], .navbar .navbar-form-expanded input[data-width-expanded="120px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="120px"] {
                width: 120px !important
            }

            .navbar input[data-width="130px"], .navbar .navbar-form-expanded input[data-width-expanded="130px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="130px"] {
                width: 130px !important
            }

            .navbar input[data-width="140px"], .navbar .navbar-form-expanded input[data-width-expanded="140px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="140px"] {
                width: 140px !important
            }

            .navbar input[data-width="150px"], .navbar .navbar-form-expanded input[data-width-expanded="150px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="150px"] {
                width: 150px !important
            }

            .navbar input[data-width="160px"], .navbar .navbar-form-expanded input[data-width-expanded="160px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="160px"] {
                width: 160px !important
            }

            .navbar input[data-width="170px"], .navbar .navbar-form-expanded input[data-width-expanded="170px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="170px"] {
                width: 170px !important
            }

            .navbar .navbar-form-expanded input:focus, .navbar .navbar-form-expanded:hover input, .navbar input[data-width="180px"], .navbar .navbar-form-expanded input[data-width-expanded="180px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="180px"] {
                width: 180px !important
            }

                .navbar input[data-width="190px"], .navbar .navbar-form-expanded input[data-width-expanded="190px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="190px"] {
                    width: 190px !important
                }

                .navbar input[data-width="200px"], .navbar .navbar-form-expanded input[data-width-expanded="200px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="200px"] {
                    width: 200px !important
                }
}
/* --- END FORM EXPANDED ---*/


/* --- HELPERS CLASSES ---*/
.navbar .no-border, .navbar.no-border, .navbar .no-border > *, .navbar.no-border > * {
    border: none !important;
    border-radius: 0 !important
}

.navbar .no-border-radius, .navbar.no-border-radius, .navbar .no-border-radius > *, .navbar.no-border-radius > * {
    border-radius: 0 !important
}

.navbar .no-padding {
    padding: 0 !important
}

.navbar .padding15 {
    padding: 15px !important
}

.navbar .no-margin {
    margin: 0 !important
}

.navbar .margin15 {
    margin: 15px !important
}

.navbar .no-shadow, .navbar.no-shadow, .navbar .no-shadow > *, .navbar.no-shadow > * {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.navbar .navbar-nav li:not(.dropdown) > .dropdown-menu.bordered:not(.no-padding):after, .navbar .navbar-nav li:not(.dropdown) > .dropdown-grid-wrapper > .dropdown-menu.bordered:not(.no-padding):after {
    content: '';
    display: block;
    z-index: -1;
    top: 15px;
    outline-width: 1px;
    outline-style: solid;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px
}
/* --- END HELPERS CLASSES ---*/

/* --- DIVIDERS --- */
@media (min-width: 768px) {
    .navbar .navbar-nav > li.divider {
        position: relative;
        width: 1px;
        height: 50px
    }

    .navbar .navbar-nav > li.dropdown-short > .dropdown-menu {
        width: 100%;
        border-top: 0;
    }
}

.navbar .navbar-nav .divided {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.navbar .navbar-nav .dropdown-short .divided > *:before {
    margin: -1px -1px -1px 0px;
}

.navbar .navbar-nav .dropdown-short .divided > *.h-divided:before {
    margin: -1px -1px 0px 0px;
}

.navbar .navbar-nav .divided.row:before {
    display: block;
}

.navbar .navbar-nav .divided > *:before {
    margin: -1px -1px 0px 0px;
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
    border-width: 1px;
    border-style: solid;
    background: transparent !important;
}

.navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h1, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h2, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h3, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h4, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h5, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h6, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > a {
    margin-left: 1px;
    margin-bottom: 1px
}

.navbar .navbar-nav .h-divider:after {
    content: '';
    margin-top: -1px;
    width: 100%;
    display: block;
    height: 1px;
    z-index: 2;
}

.navbar .navbar-nav .h-divider {
    position: relative !important;
}

.navbar .navbar-nav .h-divided > *:after {
    content: '';
    margin-top: -1px;
    width: 100%;
    height: 1px;
    display: block;
    z-index: 1;
}

.navbar .navbar-nav .h-divided > *:first-child:before {
    content: '';
    margin-top: -1px;
    width: 100%;
    height: 1px;
    display: block;
    z-index: 1;
}

.navbar .navbar-nav .h-divided > *.collapse-up-onclick:after, .navbar .navbar-nav .h-divided > *.collapse-down-onclick:after, .navbar .navbar-nav .h-divided > *.collapse-up-onhover:after, .navbar .navbar-nav .h-divided > *.collapse-down-onhover:after {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: -1;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 1 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}
/* --- END DIVIDERS --- */

/* --- BRAND, TOGGLE BOTTON --- */
.navbar .navbar-header > .navbar-nav > li, .navbar .navbar-header > .navbar-nav.navbar-left > li, .navbar.brand-right .navbar-header > .navbar-nav.navbar-left > li {
    float: left
}

.navbar .navbar-header > .navbar-nav.navbar-right > li, .navbar.brand-right .navbar-header > .navbar-nav > li, .navbar.brand-right .navbar-header > .navbar-nav.navbar-right > li {
    float: right
}

.navbar.brand-right .navbar-header > .navbar-brand {
    float: right;
    margin-left: 0;
    margin-right: 0px
}
/*ltr*/
.navbar.brand-right .navbar-header > .navbar-toggle {
    float: left;
    margin-left: 15px;
    margin-right: 15px
}

.navbar.brand-right .navbar-nav.navbar-right:last-child {
    margin-right: 0
}

.navbar.menu-lg .navbar-brand, .navbar .menu-lg .navbar-brand, .navbar-brand.menu-lg {
    padding: 10px 20px;
    font-size: 24px;
    line-height: 30px
}

.navbar.menu-sm .navbar-brand, .navbar .menu-sm .navbar-brand, .navbar-brand.menu-sm {
    padding: 10px 10px;
    font-size: 16px;
    line-height: 30px
}

.navbar.menu-xs .navbar-brand, .navbar .menu-xs .navbar-brand, .navbar-brand.menu-xs {
    padding: 10px 5px;
    font-size: 14px;
    line-height: 30px
}

.navbar.menu-lg .navbar-toggle, .navbar .menu-lg .navbar-toggle, .navbar .navbar-toggle.menu-lg {
    margin-top: 7px;
    margin-right: 20px;
    margin-bottom: 7px
}

    .navbar.menu-lg .navbar-toggle > .icon-bar, .navbar .menu-lg .navbar-toggle > .icon-bar, .navbar .navbar-toggle.menu-lg > .icon-bar {
        height: 3px
    }

.navbar.brand-right.menu-lg .navbar-toggle, .navbar.brand-right .menu-lg .navbar-toggle, .navbar.brand-right .navbar-toggle.menu-lg {
    margin-left: 20px
}

.navbar.menu-sm .navbar-toggle, .navbar .menu-sm .navbar-toggle, .navbar .navbar-toggle.menu-sm {
    padding: 6px 7px;
    margin-top: 11px;
    margin-right: 10px;
    margin-bottom: 11px
}

.navbar.brand-right.menu-sm .navbar-toggle, .navbar.brand-right .menu-sm .navbar-toggle, .navbar.brand-right .navbar-toggle.menu-sm {
    margin-left: 10px
}

.navbar.menu-xs .navbar-toggle, .navbar .menu-xs .navbar-toggle, .navbar .navbar-toggle.menu-xs {
    padding: 3px 4px;
    margin-top: 14px;
    margin-right: 5px;
    margin-bottom: 14px
}

.navbar.brand-right.menu-xs .navbar-toggle, .navbar.brand-right .menu-xs .navbar-toggle, .navbar.brand-right .navbar-toggle.menu-xs {
    margin-left: 5px
}

@media (min-width: 768px) {
    .navbar.brand-right .navbar-header {
        float: right
    }
    /*ltr*/
}

@media (max-width: 767px) {
    .navbar .navbar.brand-right .navbar-header {
        float: none
    }

    .navbar .navbar-header .nav.navbar-left {
        margin: 0 0 0 15px
    }
    /*ltr*/
    .navbar .navbar-header .nav.navbar-right {
        margin: 0 15px 0 0
    }
    /*ltr*/
    .navbar .navbar-header .nav > li > a {
        padding: 15px 8px;
        display: table;
        float: left
    }
    /*ltr*/
}
/* --- END BRAND, TOGGLE BOTTON --- */

/* --- MAINBAR ACTIVE/OPEN ARROW --- */
@media (min-width:768px) {
    .navbar .navbar-nav > li.dropdown-onhover:hover > ul, .navbar.dropdown-onhover .navbar-nav > li:hover > ul, .navbar.dropdown-onhover .navbar-nav > li:hover.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav.dropdown-onhover > li:hover.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
        z-index: 1001
    }

    .navbar.navbar-fixed-bottom .navbar-nav > .active > a:before {
        top: -8px;
        border-width: 0 8px 8px 8px
    }

    .navbar.navbar-fixed-bottom .navbar-nav > .active > a:after {
        top: -7px;
        border-width: 0 8px 8px 8px
    }

    .navbar.no-border.navbar-fixed-bottom .navbar-nav > .active > a:after {
        top: -8px
    }

    .navbar.navbar-fixed-bottom.dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:before, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:before, .navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:before, .navbar.navbar-fixed-bottom .navbar-nav > .open > a:before {
        top: 0px;
        border-width: 8px 8px 0 8px
    }

    .navbar.navbar-fixed-bottom.dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after, .navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:after, .navbar.navbar-fixed-bottom .navbar-nav > .open > a:after {
        top: -1px;
        border-width: 8px 8px 0 8px
    }

    .navbar.no-border.navbar-fixed-bottom.dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after, .navbar.no-border.navbar-fixed-bottom .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after, .navbar.no-border.navbar-fixed-bottom .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:after, .navbar.no-border.navbar-fixed-bottom .navbar-nav > .open > a:after {
        top: 0px
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav > .active > a:before {
        bottom: -9px;
        border-width: 8px 8px 0 8px
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav > .active > a:after {
        bottom: -8px;
        border-width: 8px 8px 0 8px
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav > li:not(.disabled).dropdown-onhover:hover > a:before, .navbar:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav > .open > a:before {
        bottom: 0px;
        border-width: 0 8px 8px 8px
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav > li:not(.disabled).dropdown-onhover:hover > a:after, .navbar:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after, .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after, .navbar:not(.navbar-fixed-bottom) .navbar-nav > .open > a:after {
        bottom: -1px;
        border-width: 0 8px 8px 8px
    }

    .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav > li:not(.disabled).dropdown-onhover:hover > a:after, .navbar.no-border:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after, .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after, .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav > .open > a:after {
        bottom: 0px
    }

    .navbar.dropdown-onhover.no-fix.navbar-fixed-bottom .navbar-nav > .active > a:before, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover.no-fix > .active > a:before, .navbar.navbar-fixed-bottom .navbar-nav > .dropdown-onhover.no-fix.active > a:before {
        top: -8px;
        border-width: 0 8px 8px 8px
    }

    .navbar.dropdown-onhover.no-fix.navbar-fixed-bottom .navbar-nav > .active > a:after, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover.no-fix > .active > a:after, .navbar.navbar-fixed-bottom .navbar-nav > .dropdown-onhover.no-fix.active > a:after {
        top: -7px;
        border-width: 0 8px 8px 8px
    }

    .navbar.dropdown-onhover.no-fix:not(.navbar-fixed-bottom) .navbar-nav > .active > a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover.no-fix > .active > a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav > .dropdown-onhover.no-fix.active > a:before {
        bottom: -9px;
        border-width: 8px 8px 0 8px
    }

    .navbar.dropdown-onhover.no-fix:not(.navbar-fixed-bottom) .navbar-nav > .active > a:after, .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover.no-fix > .active > a:after, .navbar:not(.navbar-fixed-bottom) .navbar-nav > .dropdown-onhover.no-fix.active > a:after {
        bottom: -8px;
        border-width: 8px 8px 0 8px
    }
}
/* --- END MAINBAR ACTIVE/OPEN ARROW --- */

/* --- MAINBAR CARET --- */
.navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret {
    position: relative;
    width: 8px;
    height: 20px;
    vertical-align: top;
    font-family: FontAwesome;
    margin-right: 8px;
    border: none
}
    /*ltr*/
    .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret:before {
        content: "\f107"
    }

.navbar.navbar-fixed-bottom:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret:before {
    content: "\f106"
}

@media (max-width:768px) {
    .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret {
        float: left
    }
    /*ltr*/
}

.navbar.caret-bootstrap .navbar-nav li > a.dropdown-toggle > span.caret, .navbar .navbar-nav.caret-bootstrap li > a.dropdown-toggle > span.caret, .navbar .navbar-nav li.caret-bootstrap > a.dropdown-toggle > span.caret, .navbar .navbar-nav li > a.dropdown-toggle.caret-bootstrap > span.caret, .navbar .navbar-nav li > a.dropdown-toggle > span.caret.caret-bootstrap {
    float: right;
    margin-top: 8px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 8px;
    margin-right: 0px;
    vertical-align: middle;
    border-top: 4px solid;
    border-bottom: 0px;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}
/*ltr*/
.navbar.navbar-fixed-bottom.caret-bootstrap .navbar-nav li > a.dropdown-toggle > span.caret, .navbar.navbar-fixed-bottom .navbar-nav.caret-bootstrap li > a.dropdown-toggle > span.caret, .navbar.navbar-fixed-bottom .navbar-nav li.caret-bootstrap > a.dropdown-toggle > span.caret, .navbar.navbar-fixed-bottom .navbar-nav li > a.dropdown-toggle.caret-bootstrap > span.caret, .navbar.navbar-fixed-bottom .navbar-nav li > a.dropdown-toggle > span.caret.caret-bootstrap {
    float: right;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 8px;
    margin-right: 0px;
    vertical-align: middle;
    border-top: 0px;
    border-bottom: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}
/*ltr*/
.navbar.caret-left .navbar-nav li > a.dropdown-toggle > span.caret, .navbar .navbar-nav.caret-left li > a.dropdown-toggle > span.caret, .navbar .navbar-nav li.caret-left > a.dropdown-toggle > span.caret {
    margin-right: 8px !important;
    margin-left: 0px !important;
    float: left !important
}
/*ltr*/
/* --- END MAINBAR CARET --- */

/* --- SUBMENU CARET --- */
.navbar.caret-bootstrap .navbar-nav .dropdown-menu li > a.dropdown-toggle:before, .navbar .navbar-nav.caret-bootstrap .dropdown-menu li > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.caret-bootstrap > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li > a.dropdown-toggle.caret-bootstrap:before {
    width: 0;
    height: 0;
    position: absolute;
    border-top: 4px solid;
    border-bottom: 0px;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "" !important;
    margin-top: 8px;
    float: right
}
/*ltr*/
.navbar .navbar-nav .dropdown-menu li > a.dropdown-toggle:before {
    top: 50%;
    margin-top: -10px;
    position: absolute;
    width: 10px;
    right: auto;
    left: 10px;
    font-family: "Font_Awesome_5_Free";
    content: none
}
/*ltr*/
.navbar.caret-left .navbar-nav .dropdown-menu li > a.dropdown-toggle:before, .navbar .navbar-nav.caret-left .dropdown-menu li > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu.caret-left li > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.caret-left > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li > a.caret-left.dropdown-toggle:before {
    left: 10px;
    right: auto
}
/*ltr*/
.navbar .navbar-nav .dropdown-menu li.dropup-left-onclick > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-left-onclick > a.dropdown-toggle:not(.collapsed):before {
    content: "\f104"
}
/*ltr*/
.navbar .navbar-nav .dropdown-menu li.dropup-right-onclick > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-right-onclick > a.dropdown-toggle:not(.collapsed):before {
    content: "\f107"
}
/*ltr*/
.navbar .navbar-nav .dropdown-menu li[class*="dropup-"] > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li[class*="collapse-up-"] > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropup-center-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.collapse-up-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before {
    content: "\f106"
}

.navbar .navbar-nav .dropdown-menu li[class*="dropdown-"] > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li[class*="collapse-down-"] > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropdown-center-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.collapse-down-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before {
    content: "\f107";
    content: none
}

@media (min-width:768px) {
    .navbar .navbar-nav .dropdown-menu li.dropup-left-onhover:hover > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropdown-left-onhover:hover > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropup-left-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-left-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before {
        content: "\f104"
    }
    /*ltr*/
    .navbar .navbar-nav .dropdown-menu li.dropup-right-onhover:hover > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropdown-right-onhover:hover > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropup-right-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-right-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before {
        content: "\f105"
    }
    /*ltr*/
}

@media (max-width:767px) {
    .navbar .navbar-nav .dropdown-menu li[class*="collapse-up-"] > a.dropdown-toggle:before {
        content: "\f106" !important
    }

    .navbar .navbar-nav .dropdown-menu li > a.dropdown-toggle:before {
        content: "\f107" !important
    }

    .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) .dropdown-menu:not(.caret-bootstrap) li:not(.caret-bootstrap).collapse-up-onclick > a:not(.caret-bootstrap).dropdown-toggle.collapsed:before {
        content: "\f106" !important
    }
}
/* --- END SUBMENU CARET --- */

/* --- MAINMENU --- */
.navbar .dropdown-menu {
    position: absolute;
    border-radius: 0;
    box-shadow: none;
}

.navbar .navbar-nav > li:not(.dropdown-short)[class*="dropdown-"] {
    position: static
}

.navbar:not(.no-border) .navbar-nav > li[class*="dropdown"] > .dropdown-menu, .navbar:not(.no-border) .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
}

.navbar.no-border .navbar-nav > li[class*="dropdown"] > .dropdown-menu, .navbar.no-border .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
    margin-top: 0px;
    margin-bottom: 0px
}

.navbar.navbar-fixed-bottom .navbar-nav > li[class*="dropdown"] > .dropdown-menu, .navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
    top: auto;
    bottom: 100%;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-radius: 4px 4px 0 0
}

.navbar .navbar-nav > li[class*="dropdown"] > .dropdown-menu, .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
    top: 100%;
    bottom: auto;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-radius: 0;
}

.navbar .navbar-nav > li.dropdown > .dropdown-menu {
    padding: 0px;
}

.navbar .navbar-nav > li.dropdown-short > .dropdown-menu {
    padding: 0;
}

.navbar .navbar-nav.navbar-left > li.dropdown-grid > .dropdown-grid-wrapper, .navbar .navbar-nav.navbar-right > li.dropdown-grid > .dropdown-grid-wrapper.dropdown-menu-left {
    direction: ltr;
    float: left
}
    /*ltr*/
    .navbar .navbar-nav.navbar-right > li.dropdown-grid > .dropdown-grid-wrapper, .navbar .navbar-nav.navbar-left > li.dropdown-grid > .dropdown-grid-wrapper.dropdown-menu-right {
        direction: rtl;
        float: right
    }
/*ltr*/
.navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
    left: auto;
    direction: ltr;
    padding: 15px
}
/*ltr*/
.navbar .navbar-nav.navbar-right > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
    right: auto
}
/*ltr*/

.navbar .navbar-nav > li.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu {
    display: block
}

.navbar .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar .navbar-nav > li.dropdown-full > .dropdown-menu {
    left: 0;
    right: 0;
    padding: 15px;
    margin-left: 0px;
    margin-right: 0px
}

.navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar.navbar-fixed-top .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar.navbar-static-top .navbar-nav > li.dropdown-wide > .dropdown-menu {
    margin-left: 15px;
    margin-right: 15px
}

.navbar:not(.no-border) .navbar-nav > li.dropdown-full > .dropdown-menu {
    margin-left: -16px;
    margin-right: -16px
}

.navbar.no-border .navbar-nav > li.dropdown-full > .dropdown-menu {
    margin-left: -15px;
    margin-right: -15px
}

.navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-full > .dropdown-menu, .navbar.navbar-fixed-top .navbar-nav > li.dropdown-full > .dropdown-menu, .navbar.navbar-static-top .navbar-nav > li.dropdown-full > .dropdown-menu, .navbar.no-border.navbar-static-top .navbar-nav > li.dropdown-full > .dropdown-menu {
    margin-left: 0px;
    margin-right: 0px
}


@media (min-width: 768px) {
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover,
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        color: #F9B919;
        text-decoration: none;
        background-color: transparent;
    }

    .navbar.dropdown-onhover.no-fix .navbar-nav > li.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav.dropdown-onhover.no-fix > li.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav > li.dropdown-onhover.no-fix.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu, .navbar.dropdown-onhover.no-fix .navbar-nav > li > .dropdown-menu, .navbar .navbar-nav.dropdown-onhover.no-fix > li > .dropdown-menu, .navbar .navbar-nav > li.dropdown-onhover.no-fix > .dropdown-menu {
        display: none
    }

    .navbar:not(.no-border).dropdown-onhover .navbar-nav > li:hover > a, .navbar:not(.no-border) li.dropdown-onhover:hover > a, .navbar:not(.no-border) .navbar-nav.dropdown-onhover > li:hover > a {
        border-top-width: 0px;
        border-left-width: 0;
        border-right-width: 0;
        border-bottom-width: 1px;
        border-style: solid;
        margin-bottom: -1px;
        margin-top: 0px
    }

    .navbar.navbar-fixed-bottom:not(.no-border).dropdown-onhover .navbar-nav > li:hover > a, .navbar.navbar-fixed-bottom:not(.no-border) li.dropdown-onhover:hover > a, .navbar.navbar-fixed-bottom:not(.no-border) .navbar-nav.dropdown-onhover > li:hover > a {
        border-top-width: 1px;
        border-left-width: 0;
        border-right-width: 0;
        border-bottom-width: 0px;
        border-style: solid;
        margin-bottom: 0px;
        margin-top: -1px
    }

    .navbar.dropdown-onhover .navbar-nav > li:hover > .dropdown-menu, .navbar.dropdown-onhover .navbar-nav > li:hover > .dropdown-grid-wrapper > .dropdown-menu, .navbar li.dropdown-onhover:hover > .dropdown-menu, .navbar li.dropdown-onhover:hover > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav.dropdown-onhover > li:hover > .dropdown-menu, .navbar .navbar-nav.dropdown-onhover > li:hover > .dropdown-grid-wrapper > .dropdown-menu {
        display: block !important;
        visibility: visible;
        z-index: 1001 !important;
    }
}

@media (max-width: 767px) {
    .navbar .navbar-nav > li.dropdown-short > .dropdown-menu .h-divided {
        width: 100%
    }

    .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper {
        float: none !important
    }

        .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav > li > .dropdown-menu {
            margin-top: 0px !important;
            margin-bottom: 0px !important;
            position: relative;
            left: 0 !important;
            right: 0 !important;
            top: 0px !important;
            bottom: auto !important;
        }

    .navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar.navbar-fixed-top .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar.navbar-static-top .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar .navbar-nav > li.dropdown-full > .dropdown-menu {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%
    }

    .navbar .navbar-nav > li.dropdown-wide.open > .dropdown-menu, .navbar .navbar-nav > li.dropdown-full.open > .dropdown-menu {
        display: inline-block;
        visibility: visible;
    }

    .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav > li.dropdown-grid > a {
        margin-right: 0px !important
    }

    .navbar .navbar-nav.navbar-right > li > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav.navbar-right > li > a, .navbar .navbar-nav.navbar-right > li > ul {
        margin-right: 1px !important
    }

    /*Hover force v2.0.1 new*/
    .navbar li.xs-hover:hover > .dropdown-menu {
        height: inherit !important;
        float: none !important;
        width: auto;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .navbar li.xs-hover:hover > .dropdown-grid-wrapper > .dropdown-menu {
        display: block;
        visibility: visible;
        height: inherit !important;
        float: none;
        width: auto;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .navbar li.xs-hover.no-fix:not(:hover) > .dropdown-menu,
    .navbar li.xs-hover.no-fix:not(:hover) > .dropdown-grid-wrapper > .dropdown-menu {
        display: none;
    }

    .navbar li.dropdown-wide.xs-hover:hover > .dropdown-menu, .navbar li.dropdown-full.xs-hover:hover > .dropdown-menu {
        display: inline-block !important;
        visibility: visible;
    }

    .navbar li.xs-hover:hover > .dropdown-menu .dropdown-menu {
        position: static;
        float: none;
        border: 0;
    }

    .navbar li.xs-hover:hover > .dropdown-grid-wrapper > .dropdown-menu .dropdown-menu {
        position: static;
        float: none;
        border: 0;
    }
}
/* --- END MAINMENU --- */

/* --- SUBMENUS --- */
.navbar .navbar-nav > li ul li[class*="-onhover"], .navbar .navbar-nav > li ul li[class*="-onclick"] {
    position: relative;
}

    .navbar .navbar-nav > li ul li[class*="-onhover"]:not(.no-fix) > .dropdown-toggle.collapsed + .collapsing, .navbar .navbar-nav > li ul li[class*="-onclick"] > .dropdown-toggle.collapsed + .collapsing {
        display: none;
        height: inherit !important
    }

    .navbar .navbar-nav > li ul li[class*="-onhover"]:not(.no-fix) > .dropdown-toggle:not(.collapsed) + .collapsing, .navbar .navbar-nav > li ul li[class*="-onclick"] > .dropdown-toggle:not(.collapsed) + .collapsing {
        display: block;
        visibility: visible;
        height: inherit !important
    }

    .navbar .navbar-nav > li ul li[class*="-onhover"]:not([class*="collapse-"]):hover > .dropdown-menu, .navbar .navbar-nav > li ul li[class*="-onclick"]:hover > .dropdown-menu {
        z-index: 1002
    }

/*center*/
.navbar .navbar-nav > li ul li.dropup-center-onclick > .dropdown-menu {
    left: 0px;
    right: 0px;
    top: auto;
    bottom: 100%;
    z-index: 1001;
    padding: 15px;
    margin: 0px;
    width: 100%;
}

.navbar .navbar-nav > li ul li.dropup-center-onhover > .dropdown-menu {
    left: 0px;
    right: 0px;
    top: auto;
    bottom: 100%;
    z-index: 1001;
    padding: 15px;
    display: none;
    overflow: visible;
    margin: 0px;
    width: 100%;
}

.navbar .navbar-nav > li ul li.dropdown-center-onclick > .dropdown-menu {
    left: 0px;
    right: 0px;
    top: 100%;
    bottom: auto;
    z-index: 1001;
    padding: 15px;
    margin: 0px;
    width: 100%;
}

.navbar .navbar-nav > li ul li.dropdown-center-onhover > .dropdown-menu {
    left: 0px;
    right: 0px;
    top: 100%;
    bottom: auto;
    z-index: 1001;
    padding: 15px;
    display: none;
    overflow: visible;
    margin: 0px;
    width: 100%;
}

.navbar .navbar-nav > li ul li.ltr[class*="-center-"] > .dropdown-menu, .navbar .navbar-nav > li ul li[class*="-center-"] > .dropdown-menu.ltr {
    left: 0;
    right: auto;
    width: auto
}

.navbar .navbar-nav > li ul li.rtl[class*="-center-"] > .dropdown-menu, .navbar .navbar-nav > li ul li[class*="-center-"] > .dropdown-menu.rtl {
    left: auto;
    right: 0px;
    width: auto
}

.navbar .navbar-nav > li ul li.dropup-right-onclick > .dropdown-menu {
    left: 100%;
    right: auto;
    top: auto;
    bottom: 0px;
    z-index: 1001
}
/*ltr*/
.navbar .navbar-nav > li ul li.dropup-right-onhover > .dropdown-menu {
    left: 100%;
    right: auto;
    top: auto;
    bottom: 0px;
    z-index: 1001;
    display: none;
    overflow: visible
}
/*ltr*/
.navbar .navbar-nav > li ul li.dropdown-right-onclick > .dropdown-menu {
    left: 100%;
    right: auto;
    top: 0px;
    bottom: auto;
    z-index: 1001
}
/*ltr*/
.navbar .navbar-nav > li ul li.dropdown-right-onhover > .dropdown-menu {
    left: 100%;
    right: auto;
    top: 0px;
    bottom: auto;
    z-index: 1001;
    display: none;
    overflow: visible
}
/*ltr*/
.navbar .navbar-nav > li ul li.dropup-left-onclick > .dropdown-menu {
    left: auto;
    right: 100%;
    top: auto;
    bottom: 0px;
    z-index: 1001
}
/*ltr*/
.navbar .navbar-nav > li ul li.dropup-left-onhover > .dropdown-menu {
    left: auto;
    right: 100%;
    top: auto;
    bottom: 0px;
    z-index: 1001;
    display: none;
    overflow: visible
}
/*ltr*/
.navbar .navbar-nav > li ul li.dropdown-left-onclick > .dropdown-menu {
    left: auto;
    right: 100%;
    top: 0px;
    bottom: auto;
    z-index: 1001
}
/*ltr*/
.navbar .navbar-nav > li ul li.dropdown-left-onhover > .dropdown-menu {
    left: auto;
    right: 100%;
    top: 0px;
    bottom: auto;
    z-index: 1001;
    display: none;
    overflow: visible
}
/*ltr*/

.navbar .navbar-nav > li:not(.dropdown) ul li.dropup-right-onclick > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-right-onclick > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropup-right-onhover > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-right-onhover > .dropdown-menu {
    margin: 0 0 0 -1px;
    padding: 15px
}

.navbar .navbar-nav > li:not(.dropdown) ul li.dropup-left-onclick > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-left-onclick > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropup-left-onhover > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-left-onhover > .dropdown-menu {
    margin: 0 -1px 0 0;
    padding: 15px
}

.navbar .navbar-nav > li.dropdown ul li.dropup-right-onclick > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropdown-right-onclick > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropup-right-onhover > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropdown-right-onhover > .dropdown-menu {
    margin: 0 0 0 -10px;
    padding: 0px
}

.navbar .navbar-nav > li.dropdown ul li.dropup-left-onclick > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropdown-left-onclick > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropup-left-onhover > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropdown-left-onhover > .dropdown-menu {
    margin: 0 -10px 0 0;
    padding: 0px
}

.navbar .navbar-nav > li ul li[class*="collapse-down-"] > .dropdown-menu {
    background: transparent;
    width: 100%;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px
}

.navbar .navbar-nav > li ul li.collapse-down-onhover > .dropdown-menu, .navbar .navbar-nav > li ul li.collapse-up-onhover > .dropdown-menu {
    display: none;
    overflow: visible
}

.navbar .navbar-nav > li ul li[class*="collapse-up-"] {
    float: none;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .navbar .navbar-nav > li ul li[class*="collapse-up-"] > a, .navbar .navbar-nav > li ul li[class*="collapse-up-"] > ul.dropdown-menu {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }

    .navbar .navbar-nav > li ul li[class*="collapse-up-"] > .dropdown-menu {
        background: transparent;
        width: 100%;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: relative;
        z-index: auto;
        margin-top: 0px;
        margin-bottom: 0px
    }

.navbar .navbar-nav > li ul li[class*="collapse-up-"] {
    width: 100%;
    -moz-box-sizing: border-box
}

.navbar .navbar-nav .dropdown-menu li[class*="collapse-"] > .dropdown-menu li:not([class*="collapse-"]) > .dropdown-menu li > a {
    padding-left: 15px !important;
}

.navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li > a {
    padding-left: 30px
}
/*ltr*/
.navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li > a {
    padding-left: 45px
}
/*ltr*/
.navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li > a {
    padding-left: 60px
}
/*ltr*/
.navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li > a {
    padding-left: 75px
}
/*ltr*/
.navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li > a {
    padding-left: 90px
}
/*ltr*/

@media (max-width: 767px) {

    .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-menu.collapse.in {
        display: block;
        visibility: visible;
        height: inherit !important
    }

    .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-toggle.collapsed + .dropdown-menu.collapsing {
        display: none;
        height: inherit !important
    }

    .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-toggle:not(.collapsed) + .dropdown-menu.collapsing {
        display: block;
        visibility: visible;
        height: inherit !important
    }

    .navbar .navbar-nav > li ul li[class*="-onclick"] > .dropdown-menu, .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-menu {
        padding: 0 !important;
        margin: 1px 0 1px 0;
    }

    .navbar .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding-left: 15px
    }

    .navbar .navbar-nav .dropdown-menu, .navbar .navbar-nav .dropdown-menu {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .navbar.caret-left .navbar-nav .open .dropdown-menu > li > a.dropdown-toggle, .navbar-nav.caret-left .open .dropdown-menu > li > a.dropdown-toggle, .navbar-nav .open.caret-left .dropdown-menu > li > a.dropdown-toggle, .navbar-nav .open .dropdown-menu.caret-left > li > a.dropdown-toggle, .navbar-nav .open .dropdown-menu > li.caret-left > a.dropdown-toggle, .navbar-nav .open .dropdown-menu > li > a.dropdown-toggle.caret-left {
        padding-left: 30px
    }

    .navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li > a {
        padding-left: 15px !important
    }

    .navbar-nav .dropdown-menu .dropdown-menu {
        margin-left: 0 !important;
        margin-right: 10px !important;
        margin-top: 1px !important;
    }
}

@media (min-width: 768px) {
    .navbar .navbar-nav > li ul li[class*="-onhover"]:hover > .dropdown-menu,
    .navbar .navbar-nav > li ul li[class*="-onhover"]:not(.no-fix) > .dropdown-menu.collapse.in {
        display: block !important;
        visibility: visible;
        height: inherit !important;
    }
}
/* --- END SUBMENUS --- */
/******/
/*.lin_menu {
        background: #fff;*/
 /*background: #081091;*/
    /*border-bottom: 1px solid #cfd0d1;
}*/


@media(min-width: 991px) {
    .nav_home {
            background: #ffffff;

/**/
/*        background: #081091;
*/        color: black;
    }
}


.nav_home .navbar-brand img {
    height: 50px;
}

.nav_home .navbar-toggler {
    border-color: #222;
}

    .nav_home .navbar-toggler span {
    }

.nav_home .collapse_nav {
}

.nav_home .nav_list {
}

    .nav_home .nav_list .nav-item {
    }

        .nav_home .nav_list .nav-item a {
            color: #4f505c;
            /*                color: #000;
*/ font-size: 1rem;
            position: relative;
        }


        .nav_home .nav_list .nav-item .nav-link {
            color: black;
            /*                color: #000;
*/
            padding: 10px 10px;
            font-size: 1rem;
        }

        .nav_home .nav_list .nav-item a:after {
            position: relative;
            top: 4px;
        }
        /*.nav_home .nav_list .nav-item > a.dropdown-toggle:after{content: "";width: 5px;height: 5px;background: #081091;border-radius: 50%;border: 1px;bottom: 0;position: absolute;top: auto;right: 50%;margin-right: -3px;}*/
        .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: #005691;*/
            color: #005691;
        }

        .nav_home .nav_list .nav-item .nav-link:hover,
        .nav_home .nav_list .nav-item > .nav-link:focus,
        .nav_home .nav_list .nav-item.active > .nav-link:hover,
        .nav_home .nav_list .nav-item.active > .nav-link:focus,
        .nav_home .nav_list .nav-item.active > .nav-link {
            color: black;
            /*                color: #005691;
*/
        }

        .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: #005691 !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 {
            color: black !important;
            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;
        }
/******/

.nav_home .nav_list .nav-item .nav-link:hover, .nav_home .nav_list .nav-item > .nav-link:focus, .nav_home .nav_list .nav-item.active > .nav-link:hover, .nav_home .nav_list .nav-item.active > .nav-link:focus, .nav_home .nav_list .nav-item.active > .nav-link {
    color: black;
    /* color: #005691; */
}

.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: #005691; */
    color: #005691;
}





@media(min-width:992px) {
    .dropdown-menu.HingeUpToDown2, .dropdown-menu.HingeUpToDown {
        visibility: hidden;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        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 .nav-item + li a:before {
            content: "|";
            position: absolute;
            right: -1px;
            color: black;
        }
    /*.......تغییرات منو...*/
    .nav_home .dropdown-header {
        color: #005691;
        font-size: 15px !important;
    }

    .dropdown-menu.HingeUpToDown2,
    .dropdown-menu.HingeUpToDown {
        visibility: hidden;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
        opacity: 0;
        width: 100%;
        box-shadow: none;
        display: block;
    }

    .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;
        font-size: 12px;
        padding: 5px 0;
        color: #222;
    }

    .nav_home .navbar-brand {
        margin-right: 0px !important;
    }

    .nav_home .navbar-brand {
/*        display: none;
*/    }

    .nav_home.affix .navbar-brand {
        display: block;
    }

    .list_menu {
        /*        width: 230px !important;
*/ width: 280px !important;
        right: auto;
    }

        .list_menu li {
            float: none !important;
            border-bottom: 1px dotted;
            display: block !important;
        }

            .list_menu li:last-of-type {
                border-bottom: 0;
            }

    .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 {
        }

            .navbar .navbar-nav .list_menu .dropdown2 .dropdown-menu li a {
                padding: 10px 15px;
                font-size: 14px;
            }
   }

.icon_share {
    justify-content: center;
}

.News_history {
    text-align: center;
}

}

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

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

@media(max-width:992px) {
    .nav_home .nav_list .nav-item .dropdown-menu {
        width: 100%;
        background: #fff;
        position: static;
    }

    .nav_home .nav_list .nav-item .dropdown-menu {
        background: transparent;
    }

    .box_underMenu {
        background: #fff;
        position: static;
    }

    .navbar-nav .dropdown-menu .dropdown-menu {
        margin-right: 0 !important;
    }

    .nav_home .nav_list .nav-item a {
    }

    .container {
        max-width: 100%;
    }

    .nav_home .nav_list .nav-item {
        width: 100%;
    }

 
/*    .lin_menu {
        background: #fbfbfb;
        border-bottom: 1px solid #cfd0d1;
    }
*/
    .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 {
        /*        color: #fff;*/
        color: #000;
    }

    .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;
    }

    footer .footer_last .Social-Iconfooter li a i {
        font-size: 23px;
        width: 50px;
        height: 50px;
    }

    .News_history {
        text-align: center;
    }

    .icon_share {
        justify-content: center;
    }

    .nav_home .nav_list .nav-item .nav-link {
        color: #000;
        padding: 8px 10px;
        font-size: .9rem;
    }
}

@media(max-width:768px) {
    .top_head .listOffice,
    .top_head .text_menu {
        justify-content: center !important;
    }

    footer .footer_last .copyRight,
    footer .footer_last .Social-Iconfooter {
        text-align: center;
    }
}

@media(max-width:576px) {
    .map_footer img {
        height: 250px;
    }

    .top_head .text_menu li a {
        padding: 3px;
        font-size: 12px;
    }

    .blog_main .media-body,
    .blog_main .Img {
        width: 100%;
    }

    .blog_main {
        display: block;
    }

        .blog_main .media-body {
            text-align: center;
        }

    .News_history {
        font-size: 12px;
    }
}

@media(max-width:410px) {
}
/*...*/
@media(max-width:576px) {
}

.dropdown-menu {
    z-index: 10000;
}
@media (min-width: 992px) {
    .list_menu li {
        float: none !important;
        border-bottom: 1px dotted;
        display: block !important;
    }
}





@media (min-width: 992px) {
    .navbar .navbar-nav .dropdown-menu > li {
        display: inline-block;
    }
}

.navbar .navbar-nav .dropdown-menu li {
    list-style: none;
    position: static !important;
}

@media (min-width: 992px) {
    .list_menu li {
        float: none !important;
        border-bottom: 1px dotted;
        display: block !important;
    }
}

.top_li a, ul, li {
    color: #5b6268;
    font-size: 13px;
}

*, ::after, ::before {
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .nav_home .navbar-nav li.dropdown2:hover .HingeUpToDown2, .nav_home .navbar-nav li.dropdown:hover .HingeUpToDown {
        visibility: visible;
    }
}

@media (min-width: 992px) {
    .nav_home .navbar-nav li.dropdown:hover .HingeUpToDown {
        visibility: visible;
    }
}

@media (min-width: 992px) {
    .dropdown-menu.HingeUpToDown2, .dropdown-menu.HingeUpToDown {
        visibility: hidden;
    }
}

@media (min-width: 992px) {
    .dropdown-menu.HingeUpToDown2, .dropdown-menu.HingeUpToDown {
        visibility: hidden;
    }
}

.dropdown-menu {
    text-align: right;
}
@media (min-width: 992px) {
    .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);
    }
}


@media(min-width:992px) {
    .dropdown-menu.HingeUpToDown2, .dropdown-menu.HingeUpToDown {
        visibility: hidden;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        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 .nav-item + li a:before {
            content: "";
            position: absolute;
            right: -1px;
            color: #fff;
        }
    /*.......تغییرات منو...*/
    .nav_home .dropdown-header {
        color: #005691;
        font-size: 15px !important;
    }

    .dropdown-menu.HingeUpToDown2,
    .dropdown-menu.HingeUpToDown {
        visibility: hidden;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
        opacity: 0;
        width: 100%;
        box-shadow: none;
        display: block;
    }

    .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;
        font-size: 12px;
        padding: 5px 0;
        color: #222;
    }

    .nav_home .navbar-brand {
        margin-right: 0px !important;
    }

    .nav_home .navbar-brand {
/*        display: none;
*/    }

    .nav_home.affix .navbar-brand {
        display: block;
    }

    .list_menu {
        /*        width: 230px !important;
*/ width: 280px !important;
        right: auto;
    }

        .list_menu li {
            float: none !important;
            border-bottom: 1px dotted;
            display: block !important;
        }

            .list_menu li:last-of-type {
                border-bottom: 0;
            }

    .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 {
        }

            .navbar .navbar-nav .list_menu .dropdown2 .dropdown-menu li a {
                padding: 10px 15px;
                font-size: 14px;
            }
    /*---*/
    .icon_share {
        justify-content: center;
    }

    .News_history {
        text-align: center;
    }
}

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

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

@media(max-width:992px) {
    .nav_home .nav_list .nav-item .dropdown-menu {
        width: 100%;
        background: #fff;
        position: static;
    }

    .nav_home .nav_list .nav-item .dropdown-menu {
        background: transparent;
    }

    .box_underMenu {
        background: #fff;
        position: static;
    }

    .navbar-nav .dropdown-menu .dropdown-menu {
        margin-right: 0 !important;
    }

    .nav_home .nav_list .nav-item a {
    }

    .container {
        max-width: 100%;
    }

    .nav_home .nav_list .nav-item {
        width: 100%;
    }

    .nav_home {
        padding: 0;
/*        background: #fbfbfb;
*/    }

    .lin_menu {
        background: #fbfbfb;
/*        border-bottom: 1px solid #cfd0d1;
*/    }

    .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 {
        /*        color: #fff;*/
        color: #000;
    }

    .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;
    }

    footer .footer_last .Social-Iconfooter li a i {
        font-size: 23px;
        width: 50px;
        height: 50px;
    }

    .News_history {
        text-align: center;
    }

    .icon_share {
        justify-content: center;
    }

    .nav_home .nav_list .nav-item .nav-link {
        color: #000;
        padding: 8px 10px;
        font-size: .9rem;
    }
}
@media (min-width: 992px) {
    .list_menu {
        width: 230px !important;
        width: 280px !important;
        right: auto;
    }
}


.nav_home .navbar-toggler {
    border-color: #222;
}
.nav_home .navbar-brand img {
    height: 50px;
}
.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}
@media (max-width: 761px) {
    .lin_menu {
        background: #f9f9f9;
        /*        border-bottom: 1px solid #cfd0d1;
*/
    }
}
.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;

}
.nav_home .navbar-toggler {
    border-color: #222;
}
.navbar-light .navbar-toggler-icon {
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
        background: #f9f9f9;
    }
}

.hero-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    /* background: #fff; */
    /* background: white; */
    /* background: -moz-linear-gradient(top, white 0%, white 3%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 100%); */
    /* background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(3%, white), color-stop(54%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); */
    /* background: -webkit-linear-gradient(top, white 0%, white 3%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 100%); */
    /* background: -o-linear-gradient(top, white 0%, white 3%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 100%); */
    /* background: -ms-linear-gradient(top, white 0%, white 3%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 100%); */
    /* background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(3%, white), color-stop(54%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))); */
    background: linear-gradient(to bottom, #f9f9f9 0%, white 3%, rgba(249, 249, 249, 0) 54%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    height: 850px;
}



.panel-title > a:before {
    float: left !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-left: 5px;
}



.panel-title > a.collapsed:before {
    float: left !important;
    content: "\f107";
}

.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus {
    text-decoration: none;
}

.panel-heading {
    padding: 2px 2px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel {
    margin-bottom: 5px !important;
    background-color: #ffffff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 15px 16px 13px 8px rgb(4 4 4 / 5%);
    text-align: right;
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #00bcd4;
    text-align: center;
    color: #fff;
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem auto -1rem -1rem;
}

.user-widget-2 .media {
    margin-bottom: 5px;
}

.user-widget-2 h5 {
    font-size: 0.9375rem;
    font-weight: 400;
    margin-bottom: 0px;
}

.user-widget-2 p {
    font-size: 0.8125rem;
    margin-bottom: 10px;
}

    .user-widget-2 p .badge {
        margin-right: 10px;
    }

.user-widget-2 i {
    margin-left: 20px;
    margin-right: 20px;
}

.user-widget-2 .rounded-circle {
    border: 3px solid #fff;
    height: 50px;
    width: 50px;
    -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    margin-right: 20px;
}

.sample-badges .badge {
    margin-right: 10px;
}

.badge {
    border-radius: 8px;
    border: 0;
    font-size: 0.75rem;
    text-align: center;
    line-height: 0.8;
    padding: 12px 8px;
    font-weight: normal;
}

    .badge.badge-sm {
        font-size: 0.625rem;
        line-height: 0.6;
    }

    .badge.badge-lg {
        font-size: 0.875rem;
        line-height: 1;
    }

    .badge.badge-rounded {
        padding: 0;
        height: 24px;
        width: 24px;
        line-height: 24px;
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
    }

        .badge.badge-rounded.badge-sm {
            height: 18px;
            width: 18px;
            line-height: 18px;
            border-radius: 50%;
        }

            .badge.badge-rounded.badge-sm.badge-outline {
                line-height: 16px;
            }

        .badge.badge-rounded.badge-lg {
            height: 30px;
            width: 30px;
            line-height: 30px;
            border-radius: 50%;
        }

            .badge.badge-rounded.badge-lg.badge-outline {
                line-height: 28px;
            }

    .badge.badge-light:not(.badge-outline) {
        background-color: #ffffff;
        color: #fff;
    }

    .badge.badge-outline.badge-light {
        border: 1px solid #ffffff;
        background-color: transparent;
        color: #ffffff;
    }

    .badge.badge-dark:not(.badge-outline) {
        background-color: #212121;
        color: #fff;
    }

    .badge.badge-outline.badge-dark {
        border: 1px solid #212121;
        background-color: transparent;
        color: #212121;
    }

    .badge.badge-default:not(.badge-outline) {
        background-color: #212121;
        color: #fff;
    }

    .badge.badge-outline.badge-default {
        border: 1px solid #212121;
        background-color: transparent;
        color: #212121;
    }

    .badge.badge-primary:not(.badge-outline) {
        background-color: #303f9f;
        color: #fff;
    }

    .badge.badge-outline.badge-primary {
        border: 1px solid #303f9f;
        background-color: transparent;
        color: #303f9f;
    }

    .badge.badge-secondary:not(.badge-outline) {
        background-color: #7b1fa2;
        color: #fff;
    }

    .badge.badge-outline.badge-secondary {
        border: 1px solid #7b1fa2;
        background-color: transparent;
        color: #7b1fa2;
    }

    .badge.badge-info:not(.badge-outline) {
        background-color: #0288d1;
        color: #fff;
    }

    .badge.badge-outline.badge-info {
        border: 1px solid #0288d1;
        background-color: transparent;
        color: #0288d1;
    }

    .badge.badge-success:not(.badge-outline) {
        background-color: #388e3c;
        color: #fff;
    }

    .badge.badge-outline.badge-success {
        border: 1px solid #388e3c;
        background-color: transparent;
        color: #388e3c;
    }

    .badge.badge-warning:not(.badge-outline) {
        background-color: #ffa000;
        color: #fff;
    }

    .badge.badge-outline.badge-warning {
        border: 1px solid #ffa000;
        background-color: transparent;
        color: #ffa000;
    }

    .badge.badge-danger:not(.badge-outline) {
        background-color: #d32f2f;
        color: #fff;
    }

    .badge.badge-outline.badge-danger {
        border: 1px solid #d32f2f;
        background-color: transparent;
        color: #d32f2f;
    }

.form-control {
    height: 40px !important;
    background: #fff !important;
    color: #000000 !important;
    font-size: 18px;
    border-radius: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.kt-post-card {
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 168px;
    padding: 16px;
    position: relative;
}

.kt-post-card--padded {
    margin-bottom: 16px;
}



.kt-post-card:after {
    border-radius: 4px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

.kt-post-card--outlined:after {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.08),inset 0 0 0 1px #fff;
}

.kt-post-card__body {
    display: flex;
}

.kt-post-card__info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
    position: relative;
}

.kt-post-card__features {
    color: rgba(0,0,0,.56);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.kt-post-card-thumbnail {
    background-color: #f5f5f5;
    border-radius: 4px;
    flex: 0 0 136px;
    height: 136px;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    width: 136px;
}



.kt-post-card__title {
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    font-weight: 500;
    height: 56px;
    line-height: 28px;
    margin-bottom: auto;
    margin-top: 0;
    overflow: hidden;
    overflow-wrap: break-word;
}

.kt-post-card__title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.kt-post-card__description {
    color: rgba(0,0,0,.56);
    font-size: .875rem;
    line-height: 24px;
    min-width: 100%;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 0;
}

.kt-post-card--has-chat .kt-post-card__info > :nth-last-child(2) {
    padding-left: 20px;
}

.kt-post-card__bottom {
    align-items: center;
    display: flex;
    line-height: 24px;
    overflow-wrap: break-word;
    white-space: nowrap;
}

.kt-icon {
    text-rendering: auto;
    background-position: 50%;
    background-size: contain;
    display: inline-block;
    font-family: sonnat !important;
    font-size: 1.25rem;
    font-style: normal;
    font-variant: normal;
    height: 20px;
    line-height: 1;
    vertical-align: middle;
    width: 20px;
}

.kt-icon-chat-bubble:before {
    content: "\e997";
}



.kt-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kt-post-card__bottom-description {
    color: rgba(0,0,0,.56);
    font-size: .75rem;
}

.kt-image-block {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.kt-image-block--rounded {
    border-radius: 4px;
}



.kt-image-block__image {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.kt-image-block__image--fading.kt-image-block__image--lazy-loaded {
    opacity: 1;
    -webkit-transition: opacity .36s ease;
    transition: opacity .36s ease;
    will-change: auto;
}


/* These were inline style tags. Uses id+class to override almost everything */
#style-yzeJt.style-yzeJt {
    padding-bottom: 100%;
}

.kt-button {
    align-items: center;
    background-color: rgba(213, 213, 213, 0.56);
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    color: #666;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 500;
    height: 2.5rem;
    justify-content: center;
    line-height: normal;
    min-width: 6rem;
    outline: none;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
    -webkit-transition: color .36s ease,background-color .36s ease,box-shadow .36s ease,border-color .36s ease,-webkit-transform .36s ease;
    transition: color .36s ease,background-color .36s ease,box-shadow .36s ease,border-color .36s ease,-webkit-transform .36s ease;
    transition: color .36s ease,background-color .36s ease,box-shadow .36s ease,border-color .36s ease,transform .36s ease;
    transition: color .36s ease,background-color .36s ease,box-shadow .36s ease,border-color .36s ease,transform .36s ease,-webkit-transform .36s ease;
}
.kt-button--circular {
    border-radius: 50%;
    height: 2.5rem;
    min-width: auto;
    padding: 0;
    width: 2.5rem;
}

.kt-icon {
    text-rendering: auto;
    background-position: 50%;
    background-size: contain;
    display: inline-block;
    font-family: sonnat !important;
    font-size: 1.25rem;
    font-style: normal;
    font-variant: normal;
    height: 20px;
    line-height: 1;
    vertical-align: middle;
    width: 20px;
}
.kt-button--inlined:focus, .kt-button--inlined:hover, .kt-button--outlined:focus, .kt-button--outlined:hover {
    color: rgba(0,0,0,.87);
}
.kt-button--inlined:focus, .kt-button--inlined:hover, .kt-button--outlined:focus, .kt-button--outlined:hover {
    background-color: rgba(0,0,0,.04);
}


.ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {
    display: inline;
    background: #3e4398;
    color: inherit;
}

    ul.pagination li a {
        color: inherit;
        float: right;
        padding: 8px 16px;
        text-decoration: none;
        transition: background-color .3s;
    }

        ul.pagination li a.active {
            background-color: red;
            color: white;
        }

    ul.pagination li.active {
        background-color: #01a859;
        color: white;
    }

    ul.pagination li.current {
        background-color: #01a859;
        color: white;
    }

    ul.pagination li a:hover:not(.active) {
        background-color: #ddd;
    }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #3e5cfe;
    border-color: #428bca;
}

.sidebar .widget .post-recent {
    padding-bottom: 15px;
}

    .sidebar .widget .post-recent .post-recent-thumb {
        width: 25%;
    }

    .sidebar .widget .post-recent .post-recent-content a {
        display: block;
        color: #3c4858;
        font-size: 15px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.blog .author {
    top: 5%;
    right: 5%;
}

.blog .author, .blog .teacher, .blog .course-fee {
    position: absolute;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blog .content .title {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blog .overlay, .job-box .job-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* .bg-dark {
            background-color: #343a40 !important;
        }*/

.g-0, .gy-0 {
    --bs-gutter-y: 0;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}

.HomeProfileCard__profile-search-card-container___1ICXt > a .HomeProfileCard__pro-info___pe0Iz {
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    background: transparent;
    text-align: right;
}

.min-height-card {
    height: 290px;
}

.height-130 {
   height: 130px;
}


.fixed-button-bottom {
    position: absolute;
/*    right: 0;
*/    bottom: 0;
}


.min-height-700 {
    min-height: 700px;
}
.min-height-content {
    min-height: 400px;
}
.ftco-footer .ftco-footer-widget h2 {
    font-weight: normal;
    color: #000000;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 400;
}


@media (max-width: 767px) {

    .min-height-card {
        height: auto;
    }
}





.app-download {
    background: white;
    border: 1px solid #ebebeb;
    border-radius: 4px;
}


.app-download-text {
    font-size: 20px;
    line-height: 27px;
}


.btn-app-download {
    align-items: center;
    background: white;
    border: 1px solid #3188e2;
    border-radius: 4px;
    display: flex;
    height: 46px;
    justify-content: center;
    width: 100%;
}

.slider-text {
    height: 600px;
}