@import url("font.css");


body {
    background-color: white;
    font-family: "OpenSans-Regular", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #222222;
    font-size: 16px;
}


h1 {
    font-family: "SegoeScript-Bold";
    font-size: 30px;
    line-height: 1.2;
    color: #00a49c;
}


h2 {
    font-family: "OpenSans-Regular";
    font-size: 30px;
    color: #6b6b6b;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
}

h2.bold { font-family: "OpenSans-Bold"; }

h3 {font-family: "OpenSans-Bold"; font-size: 16px; color: #525252;}


/*Верхняя полоса*/
.upper {
    height: 8px;
    background-color: #00a49c;
}



/*Первый экран*/
.first {
    height: 700px;
    background-color: transparent;
    background-image: url(../img/curve1.png),url(../img/bg-1.png),url(../img/bg-0.png);
    background-position: 50% 101%, 50% 0, 0 0;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: auto, auto, auto;
}


.button-fr {
    background-color: #00827c;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.2;
    border-radius: 0 0 6px 6px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 7px
}

.button-fr:hover {
    background-color: #00827c;
    text-decoration: none;
}

.button-fr img { margin: 0 10px; }

.button-fr img:first-child { margin-top: -5px; }

.button-fr:hover span { border-bottom: 1px dashed; }

.logo {
    position: absolute;
    max-width: 169px;
    font-size: 9px;
    letter-spacing: -0.015em;
    text-transform: uppercase;
    color: #00a49c;
}

.logo a {
    color: #00a49c;
    text-decoration: none;
}

.logo a:hover, .logo a:focus {
    color: #00a49c;
    text-decoration: none;
}

.logo img {
    width: 100%;
    margin-bottom: 2px;
}

.sadik {
    background-color: rgba(255,255,255,0.7);
    width: 100%;
    max-width: 430px;
    /*height: 122px;*/
    border-radius: 8px;
    padding: 15px 0 20px 15px;
    margin: 70px 0 0 0;
}

.sadik-tel { align-items: center; }

.sadik-tel img {
    vertical-align: baseline;
    margin: 0 6px 0 3px;
}

.sadik-tel .phone-nr {
    font-family: "SegoeUI-Bold";
    font-size: 24px;
    line-height: 1;
    height: 32px;
    color: #454444;
    letter-spacing: -0.02em;
    padding-left: 20px;
}


.submenu-toggle:after { border-color: transparent transparent transparent!important; }

.detsad-dropdown button {
    background-color: transparent;
    background-image: url(../img/ico-dropdown.png);
    background-repeat: no-repeat;
    background-position: 50% 47%;
    outline: none;
}




.button-cb {
    background-color: #00a49c;
    border: 0;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 14px;
    color: #white;
    margin: -6px 0 0 18px;
    padding: 0 22px;
    line-height: 30px;
}

.button-cb:hover, .button-cb:focus { background-color: #00827c; }

.sadik-qth {
    font-size: 16px;
    color: #3d3d3d;
    margin-top: 20px;
}

.sadik-qth img { margin: 8px 0 0 0; }

.sadik-qth a { color: #3d3d3d; }

.sadik-qth span { border-bottom: 1px dashed; }

.video-link { margin: 0 0 0 8px; }

.video-link img { margin: 0 8px; }

.video-link a span {
    font-size: 16px;
    border-bottom: 1px dashed;
    text-transform: uppercase;
    color: #282727;
}

.forma-wrapper {
    max-width: 399px;
    margin: 70px auto 0;
    height: 406px;
    background-image: url(../img/bg-forma.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: auto;
    background-color: transparent;
}

.forma {
    max-width: 320px;
    margin: 10px auto 0;
    padding: 55px 0 0 0;
}

.forma-title {
    font-family: "OpenSans-Bold";
    font-size: 18px;
    color: #272727;
    padding: 0 12px;
}

.forma input[type="text"]{
    width: 100%;
    height: 30px;
    font-size: 16px;
    color: #909090;
    border: 1px solid #d7d7d7;
    padding: 0 12px;
    text-align: right;
    border-radius: 1px;
    letter-spacing: -0.015em;
}

.forma input[type="tel"] {
    width: 100%;
    height: 30px;
    font-size: 16px;
    color: #909090;
    border: 1px solid #d7d7d7;
    padding: 0 10px;
    text-align: center;
    border-radius: 1px;
    letter-spacing: -0.02em;
}

.forma input[type="text"]:focus, .forma input[type="tel"]:focus { outline-color: #d7d7d7; }

.form-inner {
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    height: 220px;
}

.form-age {
    justify-content: space-between;
    align-items: center;
    width: 300px;
}

.form-age div { color: #515151;}

.form-format {
    justify-content: space-between;
    align-items: flex-end;
    width: 300px;
}

.form-format div {
    color: #515151;
    font-size: 16px;
    line-height: 1.2;
}

.form-tel {
    width: 215px;
}


/* корректируем вид селекта */

.select2-container--default {border-radius: 1px!important;}

.select2-container--default .select2-selection--single {
    outline: none;
    border-radius: 1px!important;
}

.select2-container--default .select2-results__option {
    font-size: 14px;
    line-height: 1.1;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #00a49c!important;}


.forma input[type="tel"] {}

.forma input[type="submit"] {
    width: 215px;
    height: 40px;
    background-color: #ee1303;
    border: 0;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 16px;
    color: #white;
    margin: 0 auto;
    padding: 1px 0 0 0;
    line-height: 28px;
}

.forma input[type="submit"]:hover, .forma input[type="submit"]:focus { background-color: red; }



/*Наши преимущества*/
.advantages {
    background-image: url(../img/curve2.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    text-transform: uppercase;
    min-height: 800px;
    line-height: 1.2;
}

.advantages h2 {margin-top: -40px;}

.advantages-text p {
    font-size: 20px;
    font-weight: 500;
    text-transform: none;
    text-align: center;
    line-height: 1.2;
    margin-top: 10px;
}

.adv-text-page h2 {margin-top: 20px;}
.adv-text-page h2:first-child {margin-top: -40px;}

.adv-text-page p {
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    text-align: left;
    line-height: 1.3;
    margin-top: 10px;
}

.adv-text-page .adv-text-img {
    margin: 1rem;
    float: left;
}


.advantages span { font-family: "OpenSans-Bold";}
.advantages img { margin: 55px auto 15px;}
.advantages a {}
.advantages a img { margin: -3px auto 0; padding: 1px 0 0 10px;}

.button-advantages {
    background-color: white;
    border: 2px solid #b1b1b1;
    border-radius: 20px;
    text-transform: none;
    font-size: 14px;
    color: #828282;
    margin: 15px auto 0;
    padding: 5px 35px;
}

.button-advantages:hover, .button-advantages:focus {
    background-color: #eeeeee;
    color: #828282;
}





/*Комбо - фотогалерея-карусель + отзывы*/

.combo {
    min-height: 1350px;
    background-color: transparent;
    background-image: url(../img/curve3.png),url(../img/bg-combo11.png);
    background-position: 50% 97%, 50% 0;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
}

#carousel {
    width: 800px;
    height: 300px;
    margin: 0 auto;
}
#carousel img {
    visibility: hidden; /* hide images until carousel prepares them */
    cursor: pointer; /* not needed if you wrap carousel items in links */
    border-radius: 3px;
}


.carousel-3d-container figure {
    margin:0;
}

.carousel-3d-container figcaption {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    bottom: 0;
    padding: 15px;
    font-size: 12px;
    min-width: 100%;
    box-sizing: border-box;
}

/*Отзывы*/

.opinions {
    margin-top: 30px;
}

.opinions-subtitle {
    font-size: 20px;
    margin-top: 10px;
    line-height: 1.2;
}

.otz-photo-outer {
    width: 170px;
    height: 170px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    margin: 1rem auto;
}

.otz-photo-1 {background-image: url(../img/opinions/mama1.jpg);}
.otz-photo-2 {background-image: url(../img/opinions/mama5.jpg);}
.otz-photo-3 {background-image: url(../img/opinions/mama3.jpg);}
.otz-photo-4 {background-image: url(../img/opinions/mama4.jpg);}

.color-1 {color: rgb(0,164,156) /*#00a49c*/}
.color-2 {color: rgb(255,194,0) /*#ffc200*/}
.color-3 {color: rgb(238,19,3) /*#ee1303*/}
.color-4 {color: rgb(24,120,115) /*#187873*/}


.otz-photo-inner {
    width: 157px;
    height: 157px;
    box-sizing: content-box;
}

.border-color-1 {border: 7px solid rgba(0,164,156,0.5)}
.border-color-2 {border: 7px solid rgba(255,194,0,0.5)}
.border-color-3 {border: 7px solid rgba(238,19,3,0.5)}
.border-color-4 {border: 7px solid rgba(24,120,115,0.5)}


.border-top-left { border-radius: 0 50% 50% 50%; }
.border-top-right { border-radius: 50% 0 50% 50%; }
.border-bottom-left { border-radius: 50% 50% 50% 0; }
.border-bottom-right { border-radius: 50% 50% 0 50%; }

.opmodul { margin: 8px auto; }

.optext {
    margin-top: 10px;
    padding-left: 16px;
}

.optext  h4 {
    font-family: "OpenSans-Bold";
    font-size: 16px;
    letter-spacing: -0.02em;
    color: #343434;
}

.optext  h4 span { font-family: "OpenSans-Regular"; }


.optext  p {
    font-size: 14px;
    margin-top: 10px;
    padding: 0 30px 0 0;
    line-height: 1.4;
}




/*Три простых шага*/
.steps { }

.steps h2 {margin-top: 0; margin-bottom: 60px; }
.steps h2:first-child {margin-top: 20px; margin-bottom: 0; }

.step-ico { margin-left: 10%; }

.step-img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.steps-text {
    display: block;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: -0.015em;
    margin-top: 10px;
}






/*Карта*/
.map {
    height: 510px;
    margin-top: 60px;
    margin-bottom: -20px;
}

.map-header { background-color: #818181; padding:  15px 0 9px;}

.map-header h2 { color: white;  }

.triangle {
    margin: 0 auto;
    height: 15px;
    text-align: center;
}

.svg-triangle{
    margin: 0 auto;
    width: 70px;
}

.svg-triangle polygon { fill: #818181; }



/*Остались вопросы*/
.question-form {
    background: transparent url(../img/bg-bottom.png) no-repeat 50% 0;
    background-size: cover;
    /*height: 440px;*/
    height: auto;
    padding-top: 98px;
    padding-bottom: 30px;
}

.arrow3-wrapper {
    position: relative;
    width: 0;
    height: 0;
    float: right;
    margin: -285px 255px 0 0;
}

.arrow3 {
    background-image: url(../img/arrow3.png);
    width: 193px;
    height: 210px;
    position: absolute;
}


.question-form h2 {
    font-family: "OpenSans-Bold";
    color: #2c2c2c;
    font-size: 36px;
}

.question-form p {
    color: white;
    font-size: 21px;
    text-align: center;
    line-height: 1.3;
}

.phone a {
    font-family: "SegoeUI-Bold";
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -0.015em;
    color: #2c2c2c;
}


.email a {
    font-family: "SegoeUI-Bold";
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.015em;
    color: #2c2c2c;
}

.phone img, .email img { vertical-align: baseline; margin-right: 12px; }


.question-form input[type="text"] {
    width: 100%;
    height: 50px;
    border: 0;
    padding: 0 30px;
    color: #888888;
    font-size: 14px;
    border-radius: 1px;
    margin: 6px auto;
}

.question-form input[type="submit"] {
    width: 100%;
    height: 50px;
    background-color: #ee1303;
    color: white;
    border: 0;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.2;
    border-radius: 1px;
    margin: 6px auto;
}

.question-form input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: red
}


.reveal-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    overflow-y: hidden;
}

#callback {
    background-color: #00a49c;
    border: none;
    border-radius: 8px;

}

#callback h1 { color: #fff; }

#callback input[type="text"], #callback input[type="tel"] {
    width: 100%;
    height: 40px;
    border: 0;
    padding: 0 15px;
    color: #888888;
    font-size: 14px;
    border-radius: 1px;
    margin: 16px auto;
}

#callback input[type="submit"] {
    width: 100%;
    height: 40px;
    background-color: #ee1303;
    color: white;
    border: 0;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.2;
    border-radius: 1px;
    margin: 16px auto;
}

#callback input[type="submit"]:hover, input[type="submit"]:focus { background-color: red }






/*Подвал*/

.footer {
    height: 45px;
    background-color: #004c48 ;
    color: #fefefe;
    font-size: 12px;
    padding: 12px 0
}




/*Вспомогательные стили*/
.border {border: 1px solid red;}

.mart10 {margin-top: 10px;}
.mart20 {margin-top: 20px;}
.mart30 {margin-top: 30px;}
.mart40 {margin-top: 40px;}
.mart50 {margin-top: 50px;}
.mart60 {margin-top: 60px;}
.mart70 {margin-top: 70px;}
.mart80 {margin-top: 80px;}


.mart40minus {margin-top: -40px;}
.mart60minus {margin-top: -60px;}

.marb80 {margin-bottom: 80px;}
.marb100 {margin-bottom: 100px;}
.marb120 {margin-bottom: 120px;}


.padb80 {padding-bottom: 80px;}

.line {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    margin-top: 75px;
}

.line:before, .line:after { content: ''; display: inline-block; width: 100%;
    height: 1px; background: #000;  z-index: -1; position: relative;
    vertical-align: middle;}

.line:before {right: 15px; margin: 0 0 0 -100%;}

.line:after {left: 15px; margin: 0 -100% 0 0;}


.button.disabled, .button[disabled] { opacity: 0.99;}
















/******** Стили для экранов от 640 до 1024 пикселей (medium) *****/
@media screen and (min-width: 40em) and (max-width: 64em) {
    .upper {height: 4px;}

    .button-fr {
        font-size: 10px;
        line-height: 1.2;
        border-radius: 0 0 3px 3px;
        padding: 4px 2px;
    }

    .button-fr img {
        height: 10px;
        margin: 0 5px;
    }

    .logo {
        max-width: 100px;
        font-size: 8px;
    }

    .logo img {margin: -24px 0 2px 0; width: 70%;}

    h1 {
        font-size: 28px;
        line-height: 1;
        margin-top: 20px;
    }
    h3 { font-size: 13px; letter-spacing: -0.015em}

    .sadik-tel .phone-nr {
        font-family: "SegoeUI-Bold";
        font-size: 20px;
        line-height: 1;
        height: 32px;
        color: #454444;
        letter-spacing: -0.02em;

    }

    .button-cb { margin-top: 4px;}


    .combo {
        height: auto;
        background-color: transparent;
        background-image: url(../img/bg-combo-small.jpg);
        background-repeat: repeat;
        margin-top: 30px;
        padding-top: 10px;
    }

    .step-ico {margin: 15% 0 -10% 10%}


    .question-form input[type="submit"] { font-size: 16px; letter-spacing: -0.02em; padding-left: 0; padding-right: 0; }

}





















/******** Стили для экранов менее 640 пикселей (small) *****/
@media screen and (max-width: 40em) {

    .upper {height: 4px;}

    .first {
        height: 850px;
        background-color: transparent;
        background-image: url(../img/curve1.png),url(../img/bg-1.png),url(../img/bg-0.png);
        background-position: 50% 101%, 50% 0, 0 0;
        background-repeat: no-repeat, no-repeat, repeat-x;
        background-size: auto, auto, auto;
    }





    .button-fr {
        font-size: 8px;
        line-height: 1.2;
        border-radius: 0 0 3px 3px;
        padding: 4px 2px;
    }

    .button-fr img {
        height: 10px;
        margin: 1px 5px;
    }

    .logo {
        max-width: 100px;
        font-size: 6px;
    }

    .logo img {
        margin: -24px 0 2px 0;
        width: 50%;
    }

    h1 {
        font-size: 24px;
        line-height: 1;
        margin-top: 18px;
    }

    h3 {
        font-size: 18px;
        letter-spacing: -0.015em;
        background-color: rgba(255,255,255,0.5);
        border-radius: 6px;
    }

    .sadik-tel .phone-nr {
        font-size: 16px;
        line-height: 1;
        height: 32px;
        letter-spacing: -0.02em;
    }

    .button-cb {
        font-size: 12px;
        letter-spacing: -0.02em;
        padding: 0 10px;
        margin-top: 2px;
    }

    .sadik-qth {
        font-size: 14px;
        color: #3d3d3d;
        margin-top: 0;
    }

    .forma-wrapper { margin-top: 16px; }

    .forma {
        margin: 0 auto;
        padding: 65px 0;
    }

    .forma-title {
        font-size: 16px;
        padding: 0 24px;
        letter-spacing: -0.02em;
        line-height: 1.2;
    }

    .form-inner {
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        height: 240px;
    }

    .form-age {
        justify-content: space-between;
        align-items: center;
        width: 265px;
    }

    .form-age div {color: #515151; font-size: 14px;}

    .form-format {
        justify-content: space-between;
        align-items: flex-end;
        width: 265px;
    }

    .form-format div {
        font-size: 14px;
        line-height: 1.1;
        letter-spacing: -0.02em;
    }

    .form-tel {width: 240px;}


    .forma input[type="text"]{
        width: 100%;
        height: 24px;
        font-size: 14px;
        color: #909090;
        border: 1px solid #d7d7d7;
        padding: 0 12px;
        text-align: right;
        border-radius: 1px;
        letter-spacing: -0.015em;
    }

    .forma input[type="tel"] {
        width: 100%;
        height: 26px;
        font-size: 14px;
        color: #909090;
        border: 1px solid #d7d7d7;
        padding: 0 12px;
        text-align: center;
        border-radius: 1px;
        letter-spacing: -0.02em;
    }

    .forma input[type="text"]:focus, .forma input[type="tel"]:focus { outline-color: #d7d7d7; }

    .forma input[type="submit"] {
        width: 190px;
        height: 36px;
        background-color: #ee1303;
        border: 0;
        border-radius: 2px;
        text-transform: uppercase;
        font-size: 16px;
        color: #white;
        margin: 0 auto;
        padding: 1px 0 0 0;
        line-height: 24px;
    }

    .advantages h2 {
        margin-top: -80px;
    }

    .advantages-text p {
        font-size: 16px;
        margin-top: 10px;
        letter-spacing: -0.02em;
    }
    .advantages { font-size: 12px; }

    .button-advantages {
        border: 2px solid #b1b1b1;
        border-radius: 20px;
        text-transform: none;
        font-size: 12px;
        color: #828282;
        margin: 15px auto 0;
        padding: 5px 30px;
    }

    .combo {
        height: auto;
        background-color: transparent;
        background-image: url(../img/bg-combo-small.jpg);
        background-repeat: repeat;
    }

    .combo h2:first-child {padding: 16px 16px 0 16px; margin-bottom: -2px;}
    .combo h2 {padding: 0 0 16px 0;}

    .line { margin-top: 35px; }

    .opinions-subtitle { font-size: 16px; }


    .steps h2 {margin-top: 0; margin-bottom: 20px; }
    .steps h2:first-child {margin-top: 40px; margin-bottom: 0; }

    .step-ico {margin: 15% 0 -10% 10%}

    .map {
        margin-top: 50px;
        background: transparent url(../img/map-small.jpg) no-repeat 0 60px;
        background-size: auto;
        height: 510px;
    }

    .question-form {
        padding-top: 80px;
        padding-bottom: 30px;
        height: auto;
    }

    .question-form  p {
        font-size: 16px;
    }

    .question-form .phone a {
        font-size: 28px;
    }

    .question-form .email{
        font-size: 28px;
    }

    #callback form {
        width: 100%;
        padding-top: 10%;
    }

    #callback h1 {
        margin-bottom: 20px;
    }


    #callback input[type="text"], #callback input[type="tel"] {
        width: 100%;
        height: 50px;
        border: 0;
        padding: 0 30px;
        color: #888888;
        font-size: 14px;
        border-radius: 1px;
        margin: 16px auto;
    }

    #callback input[type="submit"] {
        width: 100%;
        height: 50px;
        background-color: #ee1303;
        color: white;
        border: 0;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 1.2;
        border-radius: 1px;
        margin: 16px auto;
    }




}




/******** Стили для экранов  *****/
@media screen and (max-width: 480px) {

    .forma-wrapper {
        background-image: none;
        background-color: rgba(255,255,255,0.9);
        border-radius: 6px;
    }


}




@font-face {
  font-family: 'OpenSans-Bold';
  src: url('OpenSans-Bold/OpenSans-Bold.eot');
  src: url('OpenSans-Bold/OpenSans-Bold.woff2') format('woff2'),
  url('OpenSans-Bold/OpenSans-Bold.woff') format('woff'),
  url('OpenSans-Bold/OpenSans-Bold.ttf') format('truetype'),
  url('OpenSans-Bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('OpenSans-Semibold/OpenSans-Semibold.eot');
  src: url('OpenSans-Semibold/OpenSans-Semibold.woff2') format('woff2'),
  url('OpenSans-Semibold/OpenSans-Semibold.woff') format('woff'),
  url('OpenSans-Semibold/OpenSans-Semibold.ttf') format('truetype'),
  url('OpenSans-Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'OpenSans-Regular';
  src: url('OpenSans-Regular/OpenSans-Regular.eot');
  src: url('OpenSans-Regular/OpenSans-Regular.woff2') format('woff2'),
  url('OpenSans-Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('OpenSans-Regular/OpenSans.woff') format('woff'),
  url('OpenSans-Regular/OpenSans.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'OpenSans-Light';
  src: url('OpenSans-Light/OpenSans-Light.eot');
  src: url('OpenSans-Light/OpenSans-Light.woff2') format('woff2'),
  url('OpenSans-Light/OpenSans-Light.woff') format('woff'),
  url('OpenSans-Light/OpenSans-Light.ttf') format('truetype'),
  url('OpenSans-Light/OpenSans-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'SegoeScript-Bold';
  src: url('SegoeScript-Bold/SegoeScript-Bold.woff') format('woff'),
       url('SegoeScript-Bold/SegoeScript-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'segoescb';
  src: url('SegoeScript-Bold/segoescb.eot');
  src: url('SegoeScript-Bold/segoescb.woff2') format('woff2'),
       url('SegoeScript-Bold/segoescb.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'SegoeUI-Bold';
  src: url('SegoeUI-Bold/SegoeUI-Bold.woff') format('woff'),
  url('SegoeUI-Bold/SegoeUI-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'segoeuib';
  src: url('SegoeUI-Bold/segoeuib.eot');
  src: url('SegoeUI-Bold/segoeuib.woff2') format('woff2'),
  url('SegoeUI-Bold/segoeuib.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}