@import url(https://fonts.googleapis.com/css?family=Changa&display=swap);
@font-face{font-family:wixo;font-style:normal;src:url(../fonts/wixo-ar.woff) format("woff2"),url(../fonts/wixo-ar.woff) format("woff")}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background: #f1f4f6;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #007bff;
    border-radius: 0px;
}
*, ::after, ::before {
    box-sizing: border-box;
}
body{
    text-shadow: 0 .05rem .1rem rgba(0,0,0,.5);
    font-family: 'Changa','wixo';
}
wixoheader {
    position: fixed;
    display:flex;
    direction: rtl;
    z-index: 20;
    top:0px;
    width: 100%;
    background: #FFFFFF;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 20px;
    height: 55px;
    font-family: 'Changa','wixo';
    /*background: linear-gradient(#1c90ff 0, #1c7cfe 68%, #1c67fc 100%);*/
	box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.wixocustomnavbar {
    margin: 0px!important;
    padding: 0px!important;
    display: flex;
}
wixoother{
    display: block;
    width: 100%;
    position: relative;
    height: 55px;
}
.wixodropdown {
    position: absolute;
    top: 100%;
    min-width: 180px;
    margin-top: 17px;
    left: -45px;
    z-index: 1000;
    display: none;
    background: #ffffff;
    border: none;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
}
.wixonavbar .show {
    display: block !important;
}
.wixo-dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    padding: 0px;
    padding-top: 4px;
    padding-bottom: 6px;
    font-weight: 400;
    background-color: transparent;
    border-radius: 5px;
}
.wixocustomnavbar .wixoitem{
  position: relative;
  display: inline-block;
  list-style-type: none;
  vertical-align: middle;
  margin: 0px 14px;
  padding-right: 3px;
}
.dropdown-toggle::after {
    position: absolute;
    top: 14px;
    left: -15px;
    margin-left: inherit;
    margin-top: 0px;
    display: inline-block;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.wixo-dropdown-item:hover, 
.wixo-dropdown-item:focus {
	color: #fff!important;
	background-image: linear-gradient(#1c90ff 0, #1c7cfe 68%, #1c67fc 100%);
}
.wixocustomnavbar .icon-video{
    background-image: url(../img/wixo/video.svg);
    background-repeat: no-repeat;
    background-position: right 9px;
    padding-right: 25px
}
.wixocustomnavbar .icon-audio{
    background-image: url(../img/wixo/audio.svg);
    background-repeat: no-repeat;
    background-position: right 9px;
    padding-right: 25px
}
.wixocustomnavbar .icon-photo{
    background-image: url(../img/wixo/photo.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: 93px 9px;
    padding-right: 25px
}
.wixocustomnavbar .icon-tools{
    background-image: url(../img/wixo/tools.svg);
    background-repeat: no-repeat;
    background-position: right 9px;
    padding-right: 25px
}
.wixocustomnavbar .icon-private{
    background-image: url(../img/wixo/tools.svg);
    background-repeat: no-repeat;
    background-position: right 9px;
    padding-right: 25px
}
.wixocustomnavbar .icon-account{
    background-image: url(../img/wixo/users.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: right 6px;
    padding-right: 25px
}
@media (max-width: 991px) {
    .wixocustomnavbar .icon-video{
        background-position: left 9px;
        padding-left: 25px
    }
    .wixocustomnavbar .icon-audio{
        background-position: left 9px;
        padding-left: 25px
    }
    .wixocustomnavbar .icon-photo{
        background-position: 93px 9px;
        padding-left: 25px
    }
    .wixocustomnavbar .icon-tools{
        background-position: left 9px;
        padding-left: 25px
    }
    .wixocustomnavbar .icon-private{
        background-position: left 9px;
        padding-left: 25px
    }
    .wixocustomnavbar .icon-account{
        background-position: left 6px;
        padding-left: 25px
    }
}
.wixocustomnavbar li a{
  font-size: 17px;
  color: #007bff!important;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.wixobrand{
    position: absolute;
    left: 20px;
    top: 8px;
    padding-top: 0px;
}
.wixobrand img{
    width: 35px;
    margin-top: 1px;
}
.wixoicon{
    display: none;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    float: right;
    margin-top: 7px;
}
.wixoicon img{
    width: 30px
}
@media (max-width: 991px) {
wixoheader {
    display: block;
    direction: rtl;
    z-index: 2;
}
.wixocustomnavbar {
    opacity: 0;
    position: fixed;
    z-index: 2;
    top: 55px;
    left: -100%;
    width: 100%;
    height: 100%;
    max-width: 270px;
    background-color: #ffffff;
    transition: all 1s ease;
    box-shadow: 1px 15px 30px 0px rgb(138 155 165 / 15%);
}

.wixocustomnavbar .icon-video,.wixocustomnavbar .icon-audio,.wixocustomnavbar .icon-photo,.wixocustomnavbar .icon-tools{
    background-position: left 15px
}
.wixocustomnavbar .icon-account{
    background-position: left 12px;
}
.wixolink {
    display: block;
    padding: 0.5rem 1rem;
}
.wixonavbar{
    display: block;
    padding-top: 15px;
}
.wixocustomnavbar .wixoitem{
  position: relative;
  display: inline-block;
  list-style-type: none;
  vertical-align: middle;
  width: 90%;
}
.wixocustomnavbar .wixoitem:hover{
	color: #fff;
	/*background-image: linear-gradient(#1c90ff 0, #1c7cfe 68%, #1c67fc 100%);*/
}
.wixocustomnavbar .wixoitem.show{
    background: none;
}
.wixoitem:after{
    display: none;
}
.wixoitem::before {
    position: absolute;
    display: block;
    top: 23px;
    right: 4px; 
    width: 11px;
    height: 1px;
    content: "";
    border: none;
    background-color: #3f6ad8;
    vertical-align: 0;
}
.wixonavbar .wixodropdown{
    position:static;
    float:none;
    background: #ddedf7;
    border: none;
    margin: 0px;
    padding: 10px;
    border-radius: 0px
}
.wixonavbar .wixo-dropdown-item{
    margin: 5px 0px;
    padding: 5px;
    border-radius: 5px;
    text-align: center
}
.fa-times:before {
    content: "";
    display: none;
}
.wixo-dropdown-item:hover, 
.wixo-dropdown-item:focus {
	color: #fff;
	background-image: linear-gradient(#1c90ff 0, #1c7cfe 68%, #1c67fc 100%);
}
.dropdown-toggle::after {
    position: absolute;
    display: block;
    top: 18px;
    right: 9px;
    width: 1px;
    height: 11px;
    content: "";
    border: none;
    background-color: #3f6ad8;
    vertical-align: 0;
    transition: all 300ms linear;
}
.show a.dropdown-toggle::after{
    transform: rotate(90deg);
    opacity: 0;
}
.wixocustomnavbar.open {
    opacity: 1;
    left: 0;
}
.wixocustomnavbar li {
    display: block;
    width: 100%;
}
.wixocustomnavbar li a {
    text-align: left;
}
.wixoicon {
    float: right;
    display: block;
}
}
#background{
    background-image: url('/static/img/hero-decor-img-sm.svg')!important;
    background-repeat: repeat-x;
    background-position: center;
    background-size: 900px auto;
    position: absolute;
    width: 100%;
    top: 35px;
    height: 500px;
    left: 0;
    z-index: -1;
}







/*---------------FOOTER-------------*/
::-moz-focus-inner{
    border-style:none;
    padding:0
}
:-moz-focusring{
    outline:1px dotted ButtonText
}
:-moz-ui-invalid{
    box-shadow:none
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
    height:auto
}
::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
footer{
    margin-top:30px;
}
img{
    max-width:100%
}
img,svg{
    display:-ms-inline-flexbox;
    display:inline-flex;
    vertical-align:middle
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before{
    border-color:#28a745
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before{
    border-color:#dc3545
}
.custom-control-input:focus:not(:checked)~.custom-control-label:before{
    border-color:none
}
.custom-control-input:not(:disabled):active~.custom-control-label:before{
    color:#fff;
    background-color:#a6e5ff;
    border-color:#a6e5ff
}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{
    opacity:.75
}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){
    cursor:pointer
}
.icon{
    width:1rem;
    height:1rem;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    display:inline-block
}
svg{
    fill:currentColor
}
a{
    transition-duration: .3s;
    text-decoration: none;
}
footer .container{
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
.R{
    --gx:32px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:5px;
    margin-left:5px
}
.R>*{
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding-right:5px;
    padding-left:5px;
    position:relative
}
.C{
    -ms-flex:1 0 0%;
    flex:1 0 0%;
    min-width: 130px;
}
.gy12{
    --gy:12px
}
.gx24{
    --gx:24px
}
.gy32{
    --gy:32px
}
.gx24{
    margin-right:calc(var(--gx) / -2);
    margin-left:calc(var(--gx) / -2)
}
.gx24>*{
    margin-right: calc(var(--gx) / 2);
    margin-left: calc(var(--gx) / 2);
}
.gy12>*,.gy32>*{
    padding-top:calc(var(--gy))
}
.mb14{
    margin-bottom:14px
}
.mb20{
    margin-bottom:20px
}
.mb28{
    margin-bottom:28px
}
.mr32{
    margin-right:32px
}
.mb36{
    margin-bottom:36px
}
.mt64{
    margin-top:64px
}
.py32{
    padding-top:32px
}
.py32{
    padding-bottom:32px
}
.pt60{
    padding-top:60px
}
.tac{
    text-align:center
}
.wh24{
    width:24px;
    height:24px
}
.fw7{
    font-weight:700
}
.aic{
    -ms-flex-align:center;
    align-items:center
}
.df{
    display:-ms-flexbox!important;
    display:flex!important
}
.dib{
    display:inline-block
}
.bt{
    border-top:1px solid #e5e5e5
}
.bgcb3{
    overflow: hidden;
    background-color:#dfe9ff
}
.btci6{
    border-top-color:#eaeff6
}
.cb-hf:focus,.cb-hf:hover{
    color:#00adf2!important
}
.ci{
    color:#007bff;
}
a.ci:hover{
    color:#414f6d
}
.cdi{
    color:#031b4e
}
.c16{
    color:#d7d7d7
}
a.c16:hover{
    color:#c5c5c5
}
@media (min-width:576px){
    .container{
        max-width:inherit;
    }
    .cb-hf:focus,.cb-hf:hover{
        color:#00adf2!important
    }
    a.ci:hover{
        color:#414f6d
    }
    a.c16:hover{
        color:#c5c5c5
    }
}
@media (min-width:768px){
    .container{
        max-width:720px
    }
    .cb-hf:focus,.cb-hf:hover{
        color:#00adf2!important
    }
    a.ci:hover{
        color:#414f6d
    }
    a.c16:hover{
        color:#c5c5c5
    }
}
@media (min-width:992px){
    .container{
        max-width:960px
    }
    .C5-L{
        width:41.6666666667%
    }
    .C5-L{
        -ms-flex:0 0 auto;
        flex:0 0 auto
    }
    .cb-hf:focus,.cb-hf:hover{
        color:#00adf2!important
    }
    a.ci:hover{
        color:#414f6d
    }
    a.c16:hover{
        color:#c5c5c5
    }
}
@media (min-width:1200px){
    .container{
        max-width:1140px
    }
    .cb-hf:focus,.cb-hf:hover{
        color:#00adf2!important
    }
    a.ci:hover{
        color:#414f6d
    }
    a.c16:hover{
        color:#c5c5c5
    }
}
@media (min-width:1400px){
    .container{
        max-width:1320px
    }
    .cb-hf:focus,.cb-hf:hover{
        color:#00adf2!important
    }
    a.ci:hover{
        color:#414f6d
    }
    a.c16:hover{
        color:#c5c5c5
    }
}