/*Header section*/

.header_section{
    height:203px;
    background-image: url(/img/header_section_ground.png);
    background-size:cover;
}

.header_text{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color:#FFF;
    font-size:22px;
    line-height: 28px;
}

@media only screen and (min-width: 0px) and (max-width: 767px){
    .header_section {
        height: 250px;
        background-image: url(/img/header_section_ground.png);
        background-size: cover;
    }

    .header_text{
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        color:#FFF;
        font-size:22px;
        line-height: 28px;
        text-align: center;
    }
}


.header_section_strip{
    height:34px;
    background-color:#f2f7ff;
}


.header_text_bold{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color:#FFF;
    font-size:22px;
}

.main-menu{
    background-color: #fff;
    border-radius: 0 0 30px 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size:22px;
    line-height: 22px;
}

.main-menu a{
    color:black;
}

.main-menu a:hover{
    color: #354a82;
}

.main-menu .nav-link{
    padding-right: 1.3rem !important;
    padding-left: 1.3rem !important;
}

/*Studio section*/

.studio_section{
    background-color: #fff;

}

.studio-section-title{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size:36px;
    line-height: 65px;
}

.studio-text{
    font-family: 'montserrat', sans-serif;
    font-weight: 500;
    font-size:17px;
    line-height: 33px;
    text-indent: 1.5em;
}

.studio-label{
    width:155px;
    height:155px;
    border-radius: 50%;
    background-color: #f2f7ff;
    padding-top: 30px;
    margin-top: -15px;
}

.studio-label-count{
    padding-left:8px ;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size:48px;
    line-height: 60px;
    color:#234786;
    width:155px;
    text-align: center;
}

.studio-label-text{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size:13px;
    line-height: 17px;
    color:#000;
    text-transform: uppercase;
    width:155px;
    text-align: center;
}

.studio-section-carousel-title{
    padding-top: 20px;
    font-family: 'montserrat', sans-serif;
    font-weight: 500;
    font-size:24px;
    line-height: 55px;
}

@media (max-width:767px) {
    .studio-section-carousel-title{
        padding-top: 20px;
        font-family: 'montserrat', sans-serif;
        font-weight: 500;
        font-size:20px;
        line-height: 55px;
    }
}

.studio-link-to-catalogues{
    padding-top: 20px;
    font-family: 'montserrat', sans-serif;
    font-weight: 700;
    font-size:24px;
    line-height: 55px;
}

.studio-link-to-catalogues a{
    font-size:30px;
    color:#316dd5;
}

@media (max-width:767px) {
    .studio-link-to-catalogues{
        padding-top: 16px;
        font-family: 'montserrat', sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 55px;
    }
    .studio-link-to-catalogues a{
        font-size:18px;
        color:#316dd5;
    }
}

.carousel-container{
    padding-left:20px;
    padding-right: 20px;
}
@media (max-width:767px) {
    .carousel-container{
        padding-left:25px;
        padding-right:25px;
    }
}

@media (min-width:991px) {
    .carousel-container{
        padding-left:60px;
        padding-right:60px;
    }
}

@media (min-width:1199px) {
    .carousel-container{
        padding-left:100px;
        padding-right:100px;
    }
}


/*Stores section*/

.stores-section{
    background-color: #00478d;
    background-image: url(/img/room_bg.jpg);
    background-size:cover;
}

.stores-section-title{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size:36px;
    line-height: 100px;
    color: #FFF;
}

.stores-text{
    text-align:center;
    font-family: 'montserrat', sans-serif;
    font-weight: 500;
    font-size:20px;
    line-height: 33px;
    color: #FFF;
}

.stores-card{
    width:205px;
    height:269px;
    background-color: #FFF;
    border-radius: 17px;
    text-align:center;
    font-family: 'montserrat', sans-serif;
    font-weight: 500;
    font-size:18px;
    line-height: 33px;
    color: #000;
    animation-duration: 0.4s;
}

@media (max-width:1200px){
    .stores-card{
        width:170px;
        height:269px;
        background-color: #FFF;
        border-radius: 17px;
        text-align:center;
        font-family: 'montserrat', sans-serif;
        font-weight: 500;
        font-size:18px;
        line-height: 33px;
        color: #000;
        animation-duration: 0.4s;
    }
}

.stores-card-icon{
    margin-top: 20px;
}
.stores-card-text{
    font-weight: 600;
    line-height: 22px;
    font-size:18px;
}

.stores-bottom-text{
    padding-top: 20px;
    font-family: 'montserrat', sans-serif;
    font-weight: 400;
    font-size:24px;
    line-height: 45px;
    color:white;
    text-align:center;
}

.stores-bottom-text a{
    font-weight: 700;
    font-size:30px;
    color:#FFF;
}

.stores-bottom-text-container{
    margin-bottom: 30px;
}

@media (max-width:991px) {
    .stores-card{
        width:100%;
        height:80px;
        background-color: #FFF;
        border-radius: 17px;
        text-align: left;
        font-family: 'montserrat', sans-serif;
        font-weight: 500;
        font-size:18px;
        line-height: 40px;
        color: #000;
        animation-duration: 0.4s;
    }

    .stores-card-icon{
        margin-top: 15px;
    }

    .stores-card-icon img{
        height:50px;
    }
    .stores-card-text{
        font-weight: 600;
        line-height: 20px;
        font-size:16px;
    }
    .stores-bottom-text{
        padding-top: 20px;
        font-family: 'montserrat', sans-serif;
        font-weight: 400;
        font-size:20px;
        line-height: 30px;
        color:white;
        text-align:center;
    }

    .stores-bottom-text a{
        font-weight: 700;
        font-size:24px;
        color:#FFF;
    }
}






/*Publishing section*/

.publishing-section {
    background-color: #FFF;
    background-image: url(/img/worldmap.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.publishing-section-title{
    margin-top:20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size:36px;
    line-height: 80px;
    color: #000;
}

.publishing-subtitle{
    font-family: 'montserrat', sans-serif;
    font-weight: 600;
    font-size:24px;
    line-height: 30px;
    color:#000;
    text-align:center;
    margin-bottom: 35px;
}

.publishing-text{
    font-family: 'montserrat', sans-serif;
    font-weight: 500;
    font-size:17px;
    line-height: 33px;
    text-indent: 1.5em;
}

.publishing-options-title{
    font-family: 'montserrat', sans-serif;
    font-weight: 600;
    font-size:24px;
    line-height:80px;
    color:#000;
    text-align:center;
}

@media (max-width:767px) {
    .publishing-options-title {
        font-family: 'montserrat', sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 80px;
        color: #000;
        text-align: center;
    }
}

.publishing-card-container{
    padding:25px;
}

@media (max-width:1200px){
    .publishing-card-container{
        padding:10px;
    }
}

.publishing-card{
    background-color: #234786;
    border-radius: 18px;
    height: 133px;
    font-size: 20px;
    color:#FFF;
    text-align: center;
}

@media (max-width:1200px){
    .publishing-card{
        font-size: 18px;
    }
}

@media (max-width:767px) {

    .publishing-card-container {
        padding: 5px;
    }

    .publishing-card {
        background-color: #234786;
        border-radius: 18px;
        height: 80px;
        font-size: 18px;
        color: #FFF;
        text-align: center;
    }

}

.publishing-steps-section {
    background-color: #e4eeff;
    height: 226px;
}

.publishing-step{
    height: 226px;
    background: #e4eeff url(/img/step_ground.png) no-repeat right;


}
.publishing-step-1{
    height: 226px;
    background-image: url(/img/step_1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}

.publishing-step-2{
    height: 226px;
    background-image: url(/img/step_2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}

.publishing-step-3{
    height: 226px;
    background-image: url(/img/step_3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}

.publishing-steps-section-small {
    background-color: #ffffff;
    margin-bottom:50px;
    font-weight: 600;
}

.publishing-step-small{
    height: 60px;
    background: #e4eeff url(/img/step_ground.png) no-repeat right;
    border-radius: 18px;
    padding-left: 50px;
    margin-bottom:6px;
    font-size: 16px;
}
.publishing-step-1-small{
    background-image: url(/img/step_1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 10px;
}

.publishing-step-2-small{
    background-image: url(/img/step_2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 10px;
}

.publishing-step-3-small{
    background-image: url(/img/step_3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 10px;
}

.publishing-step-text{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding-left: 120px;
}
@media (max-width:1200px){
    .publishing-step-text{
        font-size: 16px;
        padding-left: 70px;
    }
}

/*Catalogues section*/

.catalogues-section{
    background-color: #00478d;
    background-image: url(/img/chars_bg.jpg);
    background-position: center;

    background-size:cover;
    padding-bottom:40px ;
}

.catalogues-section-title{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size:36px;
    line-height: 100px;
    color: #FFF;
}

.catalogues-text{
    text-align:center;
    font-family: 'montserrat', sans-serif;
    font-weight: 500;
    font-size:20px;
    line-height: 33px;
    color: #FFF;
}

.catalogue-card{
    width: 488px;
    height: 428px;
    background-color:#FFF;
    border-radius: 18px;
}

@media (max-width:1200px){
    .catalogue-card{
        width: 420px;
        height: 428px;
        background-color:#FFF;
        border-radius: 18px;
    }
}

@media (max-width:991px) {
    .catalogue-card{
        width: 300px;
        height: 460px;
        background-color:#FFF;
        border-radius: 18px;
    }
}

@media (max-width:767px) {
    .catalogue-card{
        width: 100%;
        height: 428px;
        background-color:#FFF;
        border-radius: 18px;
        margin-bottom: 30px;
    }
}

.catalogue-card-title{
    padding-top:30px;
    font-size: 34px;
    font-weight: 400px;
    text-align: center;
    line-height: 40px;
    color:#244888;
}
.catalogue-card-title b{

    font-size: 42px;
    font-weight: 700;
}

.catalogue_android_ground{
    background-image: url(/img/android_catalog_ground.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    animation: fadeInLeft; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 1s; /* don't forget to set a duration! */
}

.catalogue_html5_ground{
    background-image: url(/img/html5_catalog_ground.png);
    background-repeat: no-repeat;
    background-position: right bottom;

    animation: fadeInRight; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 1s; /* don't forget to set a duration! */

}

@media (max-width:767px) {
    .catalogue_html5_ground{
        animation: fadeInLeft; /* referring directly to the animation's @keyframe declaration */
        animation-duration: 1s; /* don't forget to set a duration! */
    }
}

.catalogue-card-icon{
    padding-top:30px;
    text-align: center;
}
.catalogue-card-updated{
    font-size: 21px;
    font-weight: 700;
    padding-top:30px;
    text-align: center;
    color:#000;
}

.catalogue-card-small{
    width: 100%px;
    height: 428px;
    background-color:#FFF;
    border-radius: 18px;
    margin-bottom: 20px;
}

/*Contact us section*/

.contact-us-section{
    background-color: #00478d;
    background-image: url(/img/contact_us_section_ground.png);
    background-size:cover;
}

.contact-us-section-title{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size:36px;
    line-height: 100px;
    color: #FFF;
}
/*
.contact-us-block{
    width: 580px;
    height: 428px;
}
*/
.contact-us-block-small{
    width: 100%;
}

.contact-us-label{
    color:#FFF;
    font-size:16px;
    line-height: 30px;
    padding-left: 25px;
}

.contact-us-input-field{
    font-size:20px;
    font-weight: 500;
    color:#000;
    width: 100%;
    border:0px;
    border-radius: 18px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #eaeef9;
}
.contact-us-textarea{
    font-size:20px;
    font-weight: 500;
    color:#000;
    width: 100%;
    border:0px;
    border-radius: 18px;
    padding: 10px;
    margin-bottom: 10px;
    height: 230px;
    background-color: #eaeef9;
}

.contact-us-submit-button{
    font-size:20px;
    font-weight: 500;
    color:#FFF;
    width: 100%;
    border:0px;
    border-radius: 18px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #32467a;
    cursor: pointer;
}

/*Footer section*/
.footer-section{
    background-color: #030b18;
    line-height: 60px;
}

.footer-section a{
    font-size: 15px;
    color:#b5c0de;
    display: inline-block;
    padding-right:20px ;
}

.copyright{
    font-size: 15px;
    color:#FFF;
    display: inline-block;
}

/*Privacy policy section*/

.privacy-policy-section-title{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size:36px;
    line-height: 100px;
    color: #000;
}

.privacy-policy-section h3{
    font-weight: 500;
    font-size:16px;
    line-height: 18px;
    color: #000;
    padding-bottom:30px;
    text-align: center;
}
.privacy-policy-section h5{
    padding-top:24px;
    font-weight: 600;
    font-size:16px;
    line-height: 18px;
    color: #000;
    padding-bottom:10px;
    text-align: center;
}

.privacy-policy-section p{
    text-indent: 1.5em;
    font-weight: 400;
    font-size:16px;
    line-height: 30px;
    color: #000;
}

.privacy-policy-text{
    padding-bottom: 150px;
}

/*developers section*/
.developer-section-title-small{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size:36px;
    line-height: 38px;
    color: #000;
    text-align: center;
    margin-top:30px;
    margin-bottom:30px;
}

.documentation-file{
    height:58px;
    margin-bottom:20px;
}

.documentation-file a{
    font-size:16px;
    height:58px;
    line-height: 50px;
}

.documentation-file-small{
    height:58px;
    margin-bottom:20px;
}

.documentation-file-small a{
    font-size:14px;
    height:58px;
    line-height: 50px;
}