@font-face{
    font-family:'gBlack';
    src:url('../font/gilroy-black-webfont.eot');
    src:url('../font/gilroy-black-webfont.eot?#iefix') format('embedded-opentype'),url('../font/gilroy-black-webfont.woff2') format('woff2'),url('../font/gilroy-black-webfont.woff') format('woff'),url('../font/gilroy-black-webfont.ttf') format('truetype'),url('../font/gilroy-black-webfont.svg#gilroyblack') format('svg');
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'gBold';
    src:url('../font/gilroy-bold-webfont.eot');
    src:url('../font/gilroy-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../font/gilroy-bold-webfont.woff2') format('woff2'),url('../font/gilroy-bold-webfont.woff') format('woff'),url('../font/gilroy-bold-webfont.ttf') format('truetype'),url('../font/gilroy-bold-webfont.svg#gilroybold') format('svg');
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'gLight';
    src:url('../font/gilroy-light-webfont.eot');
    src:url('../font/gilroy-light-webfont.eot?#iefix') format('embedded-opentype'),url('../font/gilroy-light-webfont.woff2') format('woff2'),url('../font/gilroy-light-webfont.woff') format('woff'),url('../font/gilroy-light-webfont.ttf') format('truetype'),url('../font/gilroy-light-webfont.svg#gilroylight') format('svg');
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'gMedium';
    src:url('../font/gilroy-medium-webfont.eot');
    src:url('../font/gilroy-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../font/gilroy-medium-webfont.woff2') format('woff2'),url('../font/gilroy-medium-webfont.woff') format('woff'),url('../font/gilroy-medium-webfont.ttf') format('truetype'),url('../font/gilroy-medium-webfont.svg#gilroymedium') format('svg');
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'gRegular';
    src:url('../font/gilroy-regular-webfont.eot');
    src:url('../font/gilroy-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../font/gilroy-regular-webfont.woff2') format('woff2'),url('../font/gilroy-regular-webfont.woff') format('woff'),url('../font/gilroy-regular-webfont.ttf') format('truetype'),url('../font/gilroy-regular-webfont.svg#gilroyregular') format('svg');
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'icomoon';
    src:url('../font/icomoon.eot?7o2v30');
    src:url('../font/icomoon.eot?7o2v30#iefix') format('embedded-opentype'),url('../font/icomoon.ttf?7o2v30') format('truetype'),url('../font/icomoon.woff?7o2v30') format('woff'),url('../font/icomoon.svg?7o2v30#icomoon') format('svg');
    font-weight:normal;
    font-style:normal;
    font-display:block
}
[class^="icon-"],[class*=" icon-"]{
    font-family:'icomoon' !important;
    speak:never;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-facebook:before{
    content:"\e906"
}
.icon-mobile-logo:before{
    content:"\e900"
}
.icon-play:before{
    content:"\e901";
    color:#fff
}
.icon-twitter:before{
    content:"\e902"
}
.icon-youtube:before{
    content:"\e903"
}
.icon-instagram:before{
    content:"\e904"
}
.icon-logo:before{
    content:"\e905"
}
@-webkit-keyframes bgZoom{
    0%{
        background-size:100%
    }
    100%{
        background-size:150%
    }
}
@-moz-keyframes bgZoom{
    0%{
        background-size:100%
    }
    100%{
        background-size:150%
    }
}
@-o-keyframes bgZoom{
    0%{
        background-size:100%
    }
    100%{
        background-size:150%
    }
}
@keyframes bgZoom{
    0%{
        background-size:100%
    }
    100%{
        background-size:150%
    }
}
body{
    font-family:'gRegular';
    color:#000
}
h1,h2,h3,h4,h5,h6{
    font-family:'gBold'
}
a{
    text-decoration:none !important
}
header{
    padding:30px 0;
    position:relative;
    z-index:1
}
@media only screen and (min-width : 0) and (max-width : 991px){
    header{
        padding:0;
        width:100%;
        height:100%
    }
}
header nav{
    float:right
}
@media only screen and (min-width : 0) and (max-width : 991px){
    header nav{
        float:none
    }
}
header nav a{
    float:left;
    margin-right:20px
}
@media only screen and (min-width : 0) and (max-width : 991px){
    header .container{
        display:none
    }
}
.logo{
    display:inline-block
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .logo{
        width:25px
    }
}
/* Language Switcher */
.language-switcher {
    font-size: 18px;
    position: absolute;
    top: 0px;
    right: 20px;
}

.language-switcher a {
    color: var(--primary-color);
    margin: 0 8px;
}

.language-switcher a:hover {
    text-decoration: underline;
}
.button{
    border-radius:26px;
    -moz-border-radius:26px;
    -webkit-border-radius:26px;
    color:#000;
    font-size:14px;
    font-family:'gBold';
    padding:13px 25px;
    display:inline-block;
    border:solid 1px #C9CACE;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .button{
        padding:8px 14px
    }
}
.button:hover{
    background-color:#fff;
    border-color:#000;
    color:#000
}
.button--fill{
    background-color:#000;
    border-color:#000;
    color:#fff
}
.button--clean{
    border-color:transparent
}
.button--clean:hover{
    border-color:transparent
}
.button--full{
    width:100%
}
.button--icon{
    padding-left:40px;
    padding-right:40px
}
.button--icon:hover i::before{
    color:#000
}
.button--icon i{
    position:relative;
    left:-20px;
    margin:0 -5px 0 0
}
.button--icon i::before{
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.mobile{
    display:none;
    width:100%
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .mobile{
        display:inline-block;
        padding:15px 0;
        -webkit-box-shadow:0 4px 16px rgba(0,0,0,0.16);
        -moz-box-shadow:0 4px 16px rgba(0,0,0,0.16);
        box-shadow:0 4px 16px rgba(0,0,0,0.16)
    }
}
.mobile .container{
    height:100%
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .mobile .container{
        display:inline-block
    }
}
.mobile .logo img.light{
    display:none
}
.mobile__content{
    display:flex;
    height:100%;
    flex-wrap:wrap;
    flex-direction:column;
    align-items:center;
    justify-content:space-between
}
.mobile__top{
    text-align:right;
    width:100%
}
.mobile__top .logo{
    float:left
}
.mobile__top .button{
    position:relative;
    top:2px
}
.mobile__center{
    width:100%;
    display:none
}
.mobile__center nav a{
    color:#fff;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    padding:0;
    border:none;
    background-color:transparent !important;
    color:#fff !important;
    width:100%;
    text-align:center;
    font-size:30px;
    padding:20px 0
}
@media (max-device-width: 991px) and (orientation: landscape){
    .mobile__center nav a{
        padding:0
    }
}
.mobile__center .social__icons{
    display:inline-block;
    text-align:center;
    margin-top:30px
}
@media (max-device-width: 991px) and (orientation: landscape){
    .mobile__center .social__icons{
        margin:0
    }
}
.mobile__center .social__icon{
    background-color:#191919;
    border-color:#191919;
    width:44px;
    height:44px;
    margin:0 10px
}
.mobile__center .social__icon i{
    font-size:20px;
    line-height:40px;
    color:#fff
}
.mobile__bottom{
    width:100%;
    text-align:center;
    color:#fff;
    display:none
}
.mobile__bottom .social__store a{
    display:inline-block
}
@media (max-device-width: 991px) and (orientation: landscape){
    .mobile__bottom .social__store a{
        width:auto;
        margin:0 10px
    }
}
@media only screen and (min-width : 0) and (max-width : 330px){
    .mobile__bottom .social__store a{
        width:45%
    }
}
.mobile__bottom .social__store a img{
    width:100%
}
@media (max-device-width: 991px) and (orientation: landscape){
    .mobile__bottom .social__store a img{
        width:120px
    }
}
@media only screen and (min-width : 0) and (max-width : 330px){
    .mobile__bottom .social__store a img{
        width:100%
    }
}
.mobile__menu{
    width:18px;
    height:16px;
    display:inline-block;
    float:right;
    position:relative;
    top:10px;
    margin-left:30px
}
.mobile__menu span{
    width:100%;
    height:2px;
    display:inline-block;
    float:left;
    margin:2.5px 0;
    padding:0;
    background:#000
}
.mobile__open{
    position:fixed;
    height:100%;
    width:100%;
    background-color:#000
}
.mobile__open .mobile{
    height:100%
}
.mobile__open .logo img{
    display:none
}
.mobile__open .logo img.light{
    display:inline-block
}
.mobile__open .button--fill{
    background-color:#fff;
    border-color:#fff;
    color:#000
}
.mobile__open .mobile__menu{
    width:24px
}
.mobile__open .mobile__menu span{
    background-color:#fff
}
.mobile__open .mobile__menu span:nth-child(2){
    display:none
}
.mobile__open .mobile__menu span:nth-child(1){
    transform:translateY(6px) rotate(50deg);
    -ms-transform:translateY(6px) rotate(50deg);
    -webkit-transform:translateY(6px) rotate(50deg)
}
.mobile__open .mobile__menu span:nth-child(3){
    transform:translateY(-1px) rotate(-50deg);
    -ms-transform:translateY(-1px) rotate(-50deg);
    -webkit-transform:translateY(-1px) rotate(-50deg)
}
.mobile__open .mobile__center,.mobile__open .mobile__bottom{
    display:inline-block
}
.mobile__open .mobile__top .button{
    position:relative;
    right:-6px
}
.mobile__open+article .section__profile{
    margin-top:0
}
@media only screen and (min-width : 0) and (max-width : 991px){
    img{
        width:100%
    }
}
.slide__image{
    width:849px;
    height:auto;
    position:absolute;
    left:-50px;
    top:-60px
}
@media only screen and (min-width : 991px) and (max-width : 1199px){
    .slide__image{
        width:100%;
        left:0;
        top:0
    }
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .slide__image{
        width:100%;
        position:static
    }
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .slide__image{
        top:15px;
        left:0;
        position:relative
    }
}
.button__slide{
    display:none
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .button__slide{
        display:inline-block;
        margin-top:20px
    }
}
.section__lead{
    padding-bottom:300px
}
@media only screen and (min-width : 991px) and (max-width : 1199px){
    .section__lead{
        padding-bottom:50px
    }
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .section__lead{
        text-align:center;
        padding-bottom:80px
    }
}
.section__lead h1{
    font-size:50px;
    color:#000;
    padding-top:140px
}
@media only screen and (min-width : 991px) and (max-width : 1199px){
    .section__lead h1{
        font-size:50px
    }
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .section__lead h1{
        font-size:40px;
        padding-top:20px
    }
}
.section__lead p{
    color:#696871;
    font-size:20px
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .section__lead p{
        font-size:16px
    }
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section__lead p{
        text-align:left
    }
}
.section__text{
    position:relative;
    z-index:1
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .section__text{
        display:flex;
        flex-wrap:wrap;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        z-index:0
    }
}
.social{
    display:inline-block;
    width:100%
}
.social__store{
    display:inline-block;
    width:100%
}
.social__store a{
    float:left;
    margin:0 15px 0 0
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .social__store a{
        float:none;
        margin:0 5px
    }
}
@media (max-device-width: 991px) and (orientation: landscape){
    .social__store a{
        display:inline-block;
        float:none;
        margin:0;
        width:45%
    }
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .social__store a img{
        width:120px
    }
}
@media (max-device-width: 991px) and (orientation: landscape){
    .social__store a img{
        width:100%
    }
}
.social__icons{
    display:inline-block;
    width:100%;
    margin:60px 0 0 
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .social__icons{
        display:none
    }
}
.social__icons a{
    margin-right:5px
}
.social__icons a.button{
    margin-right:15px
}
.social__icon{
    width:40px;
    height:40px;
    border:solid 1px #e6e6e6;
    border-color:#000;
    text-align:center;
    background-color:#000;
    line-height:42px;
    display:inline-block;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%
}
.social__icon i{
    font-size:15px;
    color:#fff
}
.section__item{
    margin-bottom:110px
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .section__item{
        text-align:center;
        margin-bottom:100px
    }
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section__item{
        text-align:left
    }
}
@media only screen and (min-width : 1199px) and (max-width : 3000px){
    .section__item{
        margin:0;
        height:100vh;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-items:center
    }
}
@media only screen and (min-width : 991px) and (max-width : 1199px){
    .section__item img{
        width:100%
    }
}
.section__item h2{
    font-size:50px;
    line-height:70px
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section__item h2{
        padding-left:20px
    }
}
@media only screen and (min-width : 991px) and (max-width : 1199px){
    .section__item h2{
        font-size:40px;
        line-height:normal
    }
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .section__item h2{
        font-size:40px;
        line-height:normal
    }
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section__item h2{
        font-size:30px
    }
}
.section__item h2 img{
    display:inline-block;
    margin:0;
    position:relative;
    top:-10px
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .section__item h2 img{
        width:30px;
        top:-5px
    }
}
@media only screen and (min-width : 991px) and (max-width : 1199px){
    .section__item h2 img{
        width:30px;
        top:-2px
    }
}
.section__item p{
    color:#696871;
    font-size:20px;
    margin-top:20px
}
.section__item p strong{
    font-family:'gBold';
    font-weight:normal
}
@media only screen and (min-width : 991px) and (max-width : 1199px){
    .section__item p{
        font-size:16px
    }
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .section__item p{
        font-size:16px;
        margin:0 0 40px 0
    }
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section__item p{
        padding-left:20px
    }
}
.section--reverse .row{
    flex-direction:row-reverse
}
.section--reverse img{
    margin-left:-60px
}
@media only screen and (min-width : 991px) and (max-width : 1199px){
    .section--reverse img{
        margin:0
    }
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .section--reverse img{
        margin:0
    }
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section--reverse h2,.section--reverse p{
        padding-left:0
    }
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section--chips{
        margin-bottom:0
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .section--chips{
        margin-bottom:0
    }
}
.section--chips .container h2{
    font-size:25px;
    line-height:normal;
    padding:20px 0 10px 0
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .section--chips .container h2{
        font-size:35px
    }
}
.section--chips .container p{
    font-size:14px;
    margin:0;
    color:#696871;
    padding:0 20px
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .section--chips .container p{
        font-size:16px
    }
}
.section--chips .container>h2{
    font-size:50px;
    text-align:center;
    margin-bottom:70px
}
.section--chips .section__feature{
    display:flex;
    flex-direction:column-reverse;
    text-align:center;
    margin-bottom:50px
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section--chips .section__feature{
        flex-direction:column-reverse
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .section--chips .section__feature{
        flex-direction:column
    }
}
.section__content{
    display:flex;
    justify-content:center;
    flex-direction:column
}
.section__price{
    padding:200px 0 100px 0
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section__price{
        padding:100px 0
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .section__price{
        padding:20px 0 40px 0
    }
}
.section__price h3{
    font-size:40px;
    width:250px;
    text-align:center
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section__price h3{
        font-size:40px;
        width:150px
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .section__price h3{
        font-size:40px;
        width:100%
    }
}
.price{
    width:831px;
    height:163px;
    flex-wrap:wrap;
    justify-content:space-around;
    align-items:center;
    background-color:#EEEFF4;
    margin:0 auto;
    display:flex;
    padding-right:20px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .price{
        width:100%;
        margin:0 20px
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .price{
        height:auto;
        padding:20px 70px
    }
}
.price__chip{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    height:100%
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .price__chip{
        height:auto
    }
}
.price__chip:nth-child(4){
    padding-right:20px
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .price__chip:nth-child(4){
        padding-right:0
    }
}
.price__chip:nth-child(4)::after{
    content:'';
    height:80px;
    width:1px;
    position:absolute;
    right:3px;
    top:0;
    margin-top:50px;
    background-color:#d6d7db
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .price__chip:nth-child(4)::after{
        display:none
    }
}
.price__chip:nth-child(6){
    width:35px
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .price__chip:nth-child(6){
        width:20px
    }
}
.price__chip .number{
    font-size:40px;
    font-family:'gLight';
    padding:7px 0
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .price__chip .number{
        font-size:30px
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .price__chip .number{
        font-size:25px
    }
}
.price__chip .number sub{
    font-size:20px;
    font-family:'gRegular';
    position:relative;
    top:-2px;
    right:-5px
}
.price__chip .number--strong{
    font-family:'gBold'
}
.price__chip .number--regular{
    font-family:'gRegular'
}
.price__chip .text{
    font-size:16px;
    color:#b2b2b2
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .price__chip .text{
        font-size:13px
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .price__chip .text{
        font-size:13px
    }
}
.price--plus{
    height:100%;
    padding-bottom:20px;
    width:20px
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .price--plus{
        width:10px;
        height:auto;
        padding-bottom:0
    }
}
.price--plus .text{
    font-size:33px;
    font-family:'gLight';
    color:#000
}
.section__form{
    padding-top:60px
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section__form{
        padding-bottom:50px
    }
}
.section__form img{
    float:right
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .section__form img{
        margin-top:40px
    }
}
.section__form h1{
    font-size:32px;
    width:100%
}
.section__form p{
    font-size:16px;
    color:#696871;
    margin-bottom:40px
}
.section__form .disabled{
    position:relative
}
.section__form .disabled::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#fff;
    opacity:.3;
    z-index:1
}
.section__form .form-group{
    padding-bottom:10px;
    padding-right:20px;
    position:relative
}
.section__form .form-group label{
    position:absolute;
    font-size:18px;
    left:0;
    top:0;
    -webkit-transition:.2s;
    -moz-transition:.2s;
    -o-transition:.2s;
    transition:.2s;
    margin:0 0 0 0
}
.section__form .form-group.input__active label{
    color:#C9CACE;
    top:-15px;
    font-size:14px
}
.section__form .form-group.input__active::after{
    width:100%
}
.section__form .form-group.input__error::after{
    width:100%;
    background-color:#d80000
}
.section__form .form-group::after,.section__form .form-group::before{
    content:'';
    width:100%;
    position:absolute;
    height:2px;
    background-color:#DBDBDB;
    bottom:0;
    left:0;
    margin:0 0 0 0;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.section__form .form-group::after{
    width:0%;
    background-color:#000
}
.section__form input[type=text]{
    border:none;
    padding:0;
    margin:0;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    font-size:18px
}
.section__form input:focus,.section__form input:active,.section__form input:hover{
    -webkit-box-shadow:0 0 0 transparent !important;
    -moz-box-shadow:0 0 0 transparent !important;
    box-shadow:0 0 0 transparent !important
}
.section__form .custom__checkbox{
    display:inline-block
}
.section__form .custom__checkbox input{
    width:1px;
    height:1px;
    position:absolute;
    border:none
}
.section__form .custom__checkbox span{
    width:24px;
    height:24px;
    display:inline-block;
    border:solid 2px #C6C6C8;
    cursor:pointer;
    float:left;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px
}
.section__form .custom__checkbox span::before,.section__form .custom__checkbox span::after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:2px;
    height:7px;
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    z-index:1;
    background-color:#000;
    margin:12px 0 0 24px;
    opacity:0
}
.section__form .custom__checkbox span::after{
    height:10px;
    margin:7px 0 0 28px;
    -ms-transform:rotate(20deg);
    -webkit-transform:rotate(20deg);
    transform:rotate(20deg);
    background-color:#000
}
.section__form .custom__checkbox span.checked::after,.section__form .custom__checkbox span.checked::before{
    opacity:1
}
.section__form .custom__checkbox span.checked__error{
    border-color:#d80000
}
.section__form .custom__checkbox label{
    margin-left:10px
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section__form .custom__checkbox label{
        width:240px
    }
}
.section__form .submit{
    background-color:#000;
    border-radius:25px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-color:#000;
    width:100%;
    font-size:18px;
    font-family:'gRegular';
    height:50px;
    line-height:35px;
    display:inline-block;
    margin:50px 0 0 0;
    font-family:'gMedium'
}
.section__form .submit:hover,.section__form .submit:focus,.section__form .submit:active{
    border-color:#000 !important;
    background-color:#fff !important;
    color:#000 !important;
    -webkit-box-shadow:0 0 0 transparent !important;
    -moz-box-shadow:0 0 0 transparent !important;
    box-shadow:0 0 0 transparent !important
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section__form .submit{
        height:40px;
        line-height:27px;
        margin-top:20px
    }
}
.section__form .form__result{
    font-family:'gBold';
    margin:20px 0 0 0
}
.section__form .form__result.success{
    color:#71ca71
}
.section__form .form__result.error{
    color:#d80000
}
.section__profile{
    margin-top:50px
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .section__profile{
        margin-top:60px
    }
}
.section__profile h1{
    font-size:50px;
    text-align:center
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .section__profile h1{
        font-size:30px;
        margin-top:10px;
        padding-bottom:0;
        margin-bottom:0
    }
}
.section__profile h2{
    font-size:32px;
    text-align:center;
    font-family:'gLight';
    margin:100px 0 40px 0
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .section__profile h2{
        margin-top:0
    }
}
.section__profile h2 .static{
    display:block;
    font-family:'gBold'
}
.section__profile .mobile__avatar{
    width:252px;
    float:none;
    margin:0 auto 20px auto;
    display:block;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section__profile .mobile__avatar{
        width:126px
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .section__profile .mobile__avatar{
        width:126px
    }
}
.profile__rate{
    text-align:center;
    margin-bottom:100px
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .profile__rate{
        margin-bottom:20px
    }
}
.profile__rate ul{
    display:inline-block;
    margin:0;
    padding:0
}
.profile__rate ul li{
    list-style:none;
    display:inline-block
}
.profile__rate .profile__rate__text{
    display:inline-block;
    position:relative;
    top:5px;
    font-family:'gBold';
    margin-left:5px
}
.profile__rate .profile__rate__text .passive{
    font-family:'gRegular';
    color:#C9CACE
}
.profile__text{
    font-size:20px
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .profile__text{
        order:2;
        margin-top:20px
    }
}
.profile__text h5{
    font-family:'gMedium';
    margin-bottom:25px
}
.profile__text p{
    margin-bottom:25px
}
.profile__image{
    float:right;
    cursor:pointer;
    width:80%;
    position:relative
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .profile__image{
        width:100%
    }
}
.profile__image .profile__cover{
    width:100%
}
.profile__image:hover a{
    -webkit-box-shadow:0 0 50px rgba(0,0,0,0.25) !important;
    -moz-box-shadow:0 0 50px rgba(0,0,0,0.25) !important;
    box-shadow:0 0 50px rgba(0,0,0,0.25) !important
}
.profile__play{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center
}
.profile__play a{
    width:106px;
    height:106px;
    background-color:#fff;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.85) !important;
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.85) !important;
    box-shadow:0 0 20px rgba(0,0,0,0.85) !important;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.profile__play a img{
    position:relative;
    left:5px
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .profile__play a img{
        width:auto
    }
}
.profile__video{
    float:right;
    width:90%;
    height:100%
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .profile__video{
        height:50%
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .profile__video{
        width:100%;
        min-height:200px
    }
}
.profile__video iframe{
    width:100%;
    height:100%
}
.profile__box{
    border:solid 2px #D9DBE1;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    padding:15px;
    margin-bottom:30px
}
.profile__box a{
    margin:25px 0 0 0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    font-size:13px;
    font-family:'gRegular'
}
.profile__box__header{
    justify-content:space-between;
    flex-wrap:wrap;
    display:flex
}
.profile__box__header h4{
    font-size:16px
}
.profile__box__header .profile__box__rate{
    position:relative;
    top:-7px
}
.profile__box__content p{
    font-size:14px;
    margin-top:5px
}
.profile__box__detail{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.profile__box__item{
    padding-right:20px;
    font-family:'gMedium';
    font-size:14px
}
.profile__box__item:nth-child(2){
    padding-right:0
}
.profile__box__item img{
    position:relative;
    top:-2px;
    margin-right:5px
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .profile__box__item img{
        width:auto
    }
}
.section__footer{
    padding-top:100px
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .section__footer{
        text-align:center;
        padding-top:0
    }
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section__footer{
        text-align:left
    }
}
.section__footer h3{
    font-size:50px;
    line-height:70px;
    margin:0 0 20px 0
}
@media only screen and (min-width : 991px) and (max-width : 1199px){
    .section__footer h3{
        font-size:40px;
        line-height:normal
    }
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .section__footer h3{
        font-size:40px;
        line-height:normal;
        padding:0 40px 20px 40px
    }
}
@media (max-device-width: 991px) and (orientation: landscape){
    .section__footer h3{
        padding:0 
    }
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section__footer h3{
        padding:0 0 0 15px;
        font-size:30px
    }
}
.section__footer a{
    display:inline-block
}
@media only screen and (min-width : 0) and (max-width : 330px){
    .section__footer a{
        width:45%
    }
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .section__footer a{
        margin:15px 5px
    }
}
.section__footer a img{
    width:100%
}
@media only screen and (min-width : 0) and (max-width : 330px){
    .section__footer a img{
        width:100%
    }
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .section__footer a img{
        width:134px
    }
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    .section__footer .social__store{
        position:relative;
        left:15px
    }
}
.section__footer__image{
    position:relative;
    right:10px
}
@media only screen and (min-width : 991px) and (max-width : 1199px){
    .section__footer__image{
        width:100%;
        right:0
    }
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .section__footer__image{
        margin:50px 0 0 0;
        right:0
    }
}
@media (max-device-width: 991px) and (orientation: landscape){
    .section__footer__image{
        margin:65px 0 0 0;
        right:0
    }
}
.iyzico{
    width:100%;
    text-align:center
}
.iyzico img{
    position:relative;
    top:-5px
}
footer{
    background-color:#000;
    color:#D9DBE1;
    font-size:14px;
    height:150px;
    line-height:72px
}
@media only screen and (min-width : 0) and (max-width : 991px){
    footer{
        height:auto;
        text-align:center
    }
}
footer p{
    margin-bottom:0
}
@media only screen and (min-width : 0) and (max-width : 991px){
    footer p{
        line-height:normal;
        margin-top:25px
    }
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    footer p{
        margin-top:35px
    }
}
footer .social__icons{
    margin:0 auto;
    display:table;
    text-align:center
}
@media only screen and (min-width : 0) and (max-width : 991px){
    footer .social__icons{
        display:inline-block;
        text-align:center;
        margin:10px 0
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    footer .social__icons{
        margin:20px 0 0 0;
        display:flex;
        justify-content:center
    }
}
footer .social__icons .social__icon{
    width:24px;
    height:24px;
    line-height:24px;
    margin-right:10px
}
@media only screen and (min-width : 0) and (max-width : 991px){
    footer .social__icons .social__icon{
        width:32px;
        height:32px;
        line-height:32px
    }
}
footer .social__icons .social__icon:last-child{
    margin-right:0
}
footer .social__icons a{
    background-color:#191919;
    border-color:#191919
}
footer .social__icons a:hover{
    border-color:#191919
}
footer .social__icons a i{
    color:#fff;
    font-size:10px
}
@media only screen and (min-width : 0) and (max-width : 991px){
    footer .social__icons a i{
        font-size:15px
    }
}
footer nav{
    text-align:right
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    footer nav{
        text-align:center;
        margin-top:0
    }
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    footer nav{
        margin-top:10px
    }
}
footer nav a{
    color:#D9DBE1;
    margin:0 20px
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    footer nav a{
        margin:0 5px
    }
}
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait){
    footer nav a{
        margin:0 2px
    }
}
footer nav a:last-child{
    margin-right:0
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    footer nav a:last-child{
        margin-right:0
    }
}
footer nav a:hover{
    color:#D9DBE1;
    text-decoration:underline
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .container{
        max-width:none
    }
}
@media only screen and (min-width : 0) and (max-width : 991px){
    br{
        display:none
    }
}
*:focus,*:active{
    outline:none !important
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{
    -webkit-box-shadow:0 0 0 30px white inset !important
}
.preloader{
    position:fixed;
    z-index:99;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#fff;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    opacity:.9
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .preloader img{
        width:auto
    }
}
.nonclick{
    cursor:default
}
.fixed--radius img{
    border:solid 2px #fff;
    border-radius:9px;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    position:relative;
    top:-2px
}
@media only screen and (min-width : 0) and (max-width : 991px){
    .fixed--radius img{
        top:0
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px){
    .fixed--radius img{
        top:1px
    }
}