a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 100%;*/
    /*font: inherit;*/
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

a {
    text-decoration: none
}

button, input {
    outline: 0
}

h2 {
    font-size: 24px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    font-family: GoogleSans-Regular;
}

.font-bold {
    font-weight: bold;
    font-family: GoogleSans-Bold;
}

@font-face {
    font-family: "GoogleSans-Regular";
    src: url(../fonts/GoogleSans-Regular.eot) format("embedded-opentype"), url(../fonts/GoogleSans-Regular.woff) format("woff"), url(../fonts/GoogleSans-Regular.ttf) format("truetype"), url(../fonts/GoogleSans-Regular.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "GoogleSans-Medium";
    src: url(../fonts/GoogleSans-Medium.eot) format("embedded-opentype"), url(../fonts/GoogleSans-Medium.woff) format("woff"), url(../fonts/GoogleSans-Medium.ttf) format("truetype"), url(../fonts/GoogleSans-Medium.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "GoogleSans-Bold";
    src: url(../fonts/GoogleSans-Bold.eot) format("embedded-opentype"), url(../fonts/GoogleSans-Bold.woff) format("woff"), url(../fonts/GoogleSans-Bold.ttf) format("truetype"), url(../fonts/GoogleSans-Bold.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.mt70 {
    margin-top: 70px;
}
.mt50 {
    margin-top: 50px;
}
.prelative {
    position: relative;
}

.pretty * {
    box-sizing: border-box
}

.pretty input:not([type=checkbox]):not([type=radio]) {
    display: none
}

.pretty {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    white-space: nowrap;
    line-height: 1
}

.pretty input {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1em;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.pretty .state label {
    position: initial;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    text-indent: 1.5em;
    min-width: calc(1em + 2px)
}

.pretty .state label:after, .pretty .state label:before {
    content: '';
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    display: block;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid transparent;
    z-index: 0;
    position: absolute;
    left: 0;
    top: calc((0% - (100% - 1em)) - 8%);
    background-color: transparent
}

.pretty .state label:before {
    border-color: #bdc3c7
}

.pretty .state.p-is-hover, .pretty .state.p-is-indeterminate {
    display: none
}

@-webkit-keyframes zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: scale(7);
        transform: scale(7)
    }

    38% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    55% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    72% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    81% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.24);
        transform: scale(1.24)
    }

    89% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    95% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes tada {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: scale(7);
        transform: scale(7)
    }

    38% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    55% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    72% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    81% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.24);
        transform: scale(1.24)
    }

    89% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    95% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes jelly {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    40% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    50% {
        -webkit-transform: scale3d(.85, 1.15, 1);
        transform: scale3d(.85, 1.15, 1)
    }

    65% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    75% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes jelly {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    40% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    50% {
        -webkit-transform: scale3d(.85, 1.15, 1);
        transform: scale3d(.85, 1.15, 1)
    }

    65% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    75% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes rotate {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-200px) rotate(-45deg);
        transform: translateZ(-200px) rotate(-45deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0)
    }
}

@keyframes rotate {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-200px) rotate(-45deg);
        transform: translateZ(-200px) rotate(-45deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #bdc3c7
    }

    100% {
        box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0)
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #bdc3c7
    }

    100% {
        box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0)
    }
}

.pretty.p-default.p-fill .state label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.pretty.p-default .state label:after {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

.pretty.p-default input:checked~.state label:after {
    background-color: #bdc3c7 !important
}

.pretty.p-default.p-thick .state label:after, .pretty.p-default.p-thick .state label:before {
    border-width: calc(1em / 7)
}

.pretty.p-default.p-thick .state label:after {
    -webkit-transform: scale(.4) !important;
    -ms-transform: scale(.4) !important;
    transform: scale(.4) !important
}

.pretty.p-icon .state .icon {
    position: absolute;
    font-size: 1em;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    left: 0;
    z-index: 1;
    text-align: center;
    line-height: normal;
    top: calc((0% - (100% - 1em)) - 8%);
    border: 1px solid transparent;
    opacity: 0
}

.pretty.p-icon .state .icon:before {
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.pretty.p-icon input:checked~.state .icon {
    opacity: 1
}

.pretty.p-icon input:checked~.state label:before {
    border-color: #5a656b
}

.pretty.p-svg .state .svg {
    position: absolute;
    font-size: 1em;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    left: 0;
    z-index: 1;
    text-align: center;
    line-height: normal;
    top: calc((0% - (100% - 1em)) - 8%);
    border: 1px solid transparent;
    opacity: 0
}

.pretty.p-svg .state svg {
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.pretty.p-svg input:checked~.state .svg {
    opacity: 1
}

.pretty.p-image .state img {
    opacity: 0;
    position: absolute;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    top: 0;
    top: calc((0% - (100% - 1em)) - 8%);
    left: 0;
    z-index: 0;
    text-align: center;
    line-height: normal;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.pretty.p-image input:checked~.state img {
    opacity: 1
}

.pretty.p-switch input {
    min-width: 2em
}

.pretty.p-switch .state {
    position: relative
}

.pretty.p-switch .state:before {
    content: '';
    border: 1px solid #bdc3c7;
    border-radius: 60px;
    width: 2em;
    box-sizing: unset;
    height: calc(1em + 2px);
    position: absolute;
    top: 0;
    top: calc((0% - (100% - 1em)) - 16%);
    z-index: 0;
    transition: all .5s ease
}

.pretty.p-switch .state label {
    text-indent: 2.5em
}

.pretty.p-switch .state label:after, .pretty.p-switch .state label:before {
    transition: all .5s ease;
    border-radius: 100%;
    left: 0;
    border-color: transparent;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.pretty.p-switch .state label:after {
    background-color: #bdc3c7 !important
}

.pretty.p-switch input:checked~.state:before {
    border-color: #5a656b
}

.pretty.p-switch input:checked~.state label:before {
    opacity: 0
}

.pretty.p-switch input:checked~.state label:after {
    background-color: #5a656b !important;
    left: 1em
}

.pretty.p-switch.p-fill input:checked~.state:before {
    border-color: #5a656b;
    background-color: #5a656b !important
}

.pretty.p-switch.p-fill input:checked~.state label:before {
    opacity: 0
}

.pretty.p-switch.p-fill input:checked~.state label:after {
    background-color: #fff !important;
    left: 1em
}

.pretty.p-switch.p-slim .state:before {
    height: .1em;
    background: #bdc3c7 !important;
    top: calc(50% - .1em)
}

.pretty.p-switch.p-slim input:checked~.state:before {
    border-color: #5a656b;
    background-color: #5a656b !important
}

.pretty.p-has-hover input:hover~.state:not(.p-is-hover) {
    display: none
}

.pretty.p-has-hover input:hover~.state.p-is-hover {
    display: block
}

.pretty.p-has-hover input:hover~.state.p-is-hover .icon {
    display: block
}

.pretty.p-has-focus input:focus~.state label:before {
    box-shadow: 0 0 3px 0 #bdc3c7
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state:not(.p-is-indeterminate) {
    display: none
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate {
    display: block
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate .icon {
    display: block;
    opacity: 1
}

.pretty.p-toggle .state.p-on {
    opacity: 0;
    display: none
}

.pretty.p-toggle .state .icon, .pretty.p-toggle .state .svg, .pretty.p-toggle .state img, .pretty.p-toggle .state.p-off {
    opacity: 1;
    display: inherit
}

.pretty.p-toggle .state.p-off .icon {
    color: #bdc3c7
}

.pretty.p-toggle input:checked~.state.p-on {
    opacity: 1;
    display: inherit
}

.pretty.p-toggle input:checked~.state.p-off {
    opacity: 0;
    display: none
}

.pretty.p-plain input:checked~.state label:before, .pretty.p-plain.p-toggle .state label:before {
    content: none
}

.pretty.p-plain.p-plain .icon {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.pretty.p-round .state label:after, .pretty.p-round .state label:before {
    border-radius: 100%
}

.pretty.p-round.p-icon .state .icon {
    border-radius: 100%;
    overflow: hidden
}

.pretty.p-round.p-icon .state .icon:before {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.pretty.p-curve .state label:after, .pretty.p-curve .state label:before {
    border-radius: 50%
}

.pretty.p-smooth .icon, .pretty.p-smooth .svg, .pretty.p-smooth label:after, .pretty.p-smooth label:before {
    transition: all .5s ease
}

.pretty.p-smooth input:checked+.state label:after {
    transition: all .3s ease
}

.pretty.p-smooth input:checked+.state .icon, .pretty.p-smooth input:checked+.state .svg, .pretty.p-smooth input:checked+.state img {
    -webkit-animation: zoom .2s ease;
    animation: zoom .2s ease
}

.pretty.p-smooth.p-default input:checked+.state label:after {
    -webkit-animation: zoom .2s ease;
    animation: zoom .2s ease
}

.pretty.p-smooth.p-plain input:checked+.state label:before {
    content: '';
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all .5s ease
}

.pretty.p-tada:not(.p-default) input:checked+.state .icon, .pretty.p-tada:not(.p-default) input:checked+.state .svg, .pretty.p-tada:not(.p-default) input:checked+.state img, .pretty.p-tada:not(.p-default) input:checked+.state label:after, .pretty.p-tada:not(.p-default) input:checked+.state label:before {
    -webkit-animation: tada .7s cubic-bezier(.25, .46, .45, .94) 1 alternate;
    animation: tada .7s cubic-bezier(.25, .46, .45, .94) 1 alternate;
    opacity: 1
}

.pretty.p-jelly:not(.p-default) input:checked+.state .icon, .pretty.p-jelly:not(.p-default) input:checked+.state .svg, .pretty.p-jelly:not(.p-default) input:checked+.state img, .pretty.p-jelly:not(.p-default) input:checked+.state label:after, .pretty.p-jelly:not(.p-default) input:checked+.state label:before {
    -webkit-animation: jelly .7s cubic-bezier(.25, .46, .45, .94);
    animation: jelly .7s cubic-bezier(.25, .46, .45, .94);
    opacity: 1
}

.pretty.p-jelly:not(.p-default) input:checked+.state label:before {
    border-color: transparent
}

.pretty.p-rotate:not(.p-default) input:checked~.state .icon, .pretty.p-rotate:not(.p-default) input:checked~.state .svg, .pretty.p-rotate:not(.p-default) input:checked~.state img, .pretty.p-rotate:not(.p-default) input:checked~.state label:after, .pretty.p-rotate:not(.p-default) input:checked~.state label:before {
    -webkit-animation: rotate .7s cubic-bezier(.25, .46, .45, .94);
    animation: rotate .7s cubic-bezier(.25, .46, .45, .94);
    opacity: 1
}

.pretty.p-rotate:not(.p-default) input:checked~.state label:before {
    border-color: transparent
}

.pretty.p-pulse:not(.p-switch) input:checked~.state label:before {
    -webkit-animation: pulse 1s;
    animation: pulse 1s
}

.pretty input[disabled] {
    cursor: not-allowed;
    display: none
}

.pretty input[disabled]~* {
    opacity: .5
}

.pretty.p-locked input {
    display: none;
    cursor: not-allowed
}

.pretty input:checked~.state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after {
    background-color: #428bca !important
}

.pretty input:checked~.state.p-primary .icon, .pretty input:checked~.state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon, .pretty.p-toggle .state.p-primary .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked~.state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before {
    border-color: #428bca
}

.pretty input:checked~.state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after {
    background-color: transparent
}

.pretty input:checked~.state.p-primary-o .icon, .pretty input:checked~.state.p-primary-o .svg, .pretty input:checked~.state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon, .pretty.p-toggle .state.p-primary-o .svg, .pretty.p-toggle .state.p-primary-o svg {
    color: #428bca;
    stroke: #428bca
}

.pretty.p-default:not(.p-fill) input:checked~.state.p-primary-o label:after {
    background-color: #428bca !important
}

.pretty.p-switch input:checked~.state.p-primary:before {
    border-color: #428bca
}

.pretty.p-switch.p-fill input:checked~.state.p-primary:before {
    background-color: #428bca !important
}

.pretty.p-switch.p-slim input:checked~.state.p-primary:before {
    border-color: #245682;
    background-color: #245682 !important
}

.pretty input:checked~.state.p-info label:after, .pretty.p-toggle .state.p-info label:after {
    background-color: #5bc0de !important
}

.pretty input:checked~.state.p-info .icon, .pretty input:checked~.state.p-info .svg, .pretty.p-toggle .state.p-info .icon, .pretty.p-toggle .state.p-info .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked~.state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before {
    border-color: #5bc0de
}

.pretty input:checked~.state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after {
    background-color: transparent
}

.pretty input:checked~.state.p-info-o .icon, .pretty input:checked~.state.p-info-o .svg, .pretty input:checked~.state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon, .pretty.p-toggle .state.p-info-o .svg, .pretty.p-toggle .state.p-info-o svg {
    color: #5bc0de;
    stroke: #5bc0de
}

.pretty.p-default:not(.p-fill) input:checked~.state.p-info-o label:after {
    background-color: #5bc0de !important
}

.pretty.p-switch input:checked~.state.p-info:before {
    border-color: #5bc0de
}

.pretty.p-switch.p-fill input:checked~.state.p-info:before {
    background-color: #5bc0de !important
}

.pretty.p-switch.p-slim input:checked~.state.p-info:before {
    border-color: #2390b0;
    background-color: #2390b0 !important
}

.pretty input:checked~.state.p-success label:after, .pretty.p-toggle .state.p-success label:after {
    background-color: #5cb85c !important
}

.pretty input:checked~.state.p-success .icon, .pretty input:checked~.state.p-success .svg, .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked~.state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before {
    border-color: #5cb85c
}

.pretty input:checked~.state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after {
    background-color: transparent
}

.pretty input:checked~.state.p-success-o .icon, .pretty input:checked~.state.p-success-o .svg, .pretty input:checked~.state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon, .pretty.p-toggle .state.p-success-o .svg, .pretty.p-toggle .state.p-success-o svg {
    color: #5cb85c;
    stroke: #5cb85c
}

.pretty.p-default:not(.p-fill) input:checked~.state.p-success-o label:after {
    background-color: #5cb85c !important
}

.pretty.p-switch input:checked~.state.p-success:before {
    border-color: #5cb85c
}

.pretty.p-switch.p-fill input:checked~.state.p-success:before {
    background-color: #5cb85c !important
}

.pretty.p-switch.p-slim input:checked~.state.p-success:before {
    border-color: #357935;
    background-color: #357935 !important
}

.pretty input:checked~.state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after {
    background-color: #f0ad4e !important
}

.pretty input:checked~.state.p-warning .icon, .pretty input:checked~.state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon, .pretty.p-toggle .state.p-warning .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked~.state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before {
    border-color: #f0ad4e
}

.pretty input:checked~.state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after {
    background-color: transparent
}

.pretty input:checked~.state.p-warning-o .icon, .pretty input:checked~.state.p-warning-o .svg, .pretty input:checked~.state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon, .pretty.p-toggle .state.p-warning-o .svg, .pretty.p-toggle .state.p-warning-o svg {
    color: #f0ad4e;
    stroke: #f0ad4e
}

.pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after {
    background-color: #f0ad4e !important
}

.pretty.p-switch input:checked~.state.p-warning:before {
    border-color: #f0ad4e
}

.pretty.p-switch.p-fill input:checked~.state.p-warning:before {
    background-color: #f0ad4e !important
}

.pretty.p-switch.p-slim input:checked~.state.p-warning:before {
    border-color: #c77c11;
    background-color: #c77c11 !important
}

.pretty input:checked~.state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after {
    background-color: #d9534f !important
}

.pretty input:checked~.state.p-danger .icon, .pretty input:checked~.state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon, .pretty.p-toggle .state.p-danger .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked~.state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before {
    border-color: #d9534f
}

.pretty input:checked~.state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after {
    background-color: transparent
}

.pretty input:checked~.state.p-danger-o .icon, .pretty input:checked~.state.p-danger-o .svg, .pretty input:checked~.state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon, .pretty.p-toggle .state.p-danger-o .svg, .pretty.p-toggle .state.p-danger-o svg {
    color: #d9534f;
    stroke: #d9534f
}

.pretty.p-default:not(.p-fill) input:checked~.state.p-danger-o label:after {
    background-color: #d9534f !important
}

.pretty.p-switch input:checked~.state.p-danger:before {
    border-color: #d9534f
}

.pretty.p-switch.p-fill input:checked~.state.p-danger:before {
    background-color: #d9534f !important
}

.pretty.p-switch.p-slim input:checked~.state.p-danger:before {
    border-color: #a02622;
    background-color: #a02622 !important
}

.pretty.p-bigger .icon, .pretty.p-bigger .img, .pretty.p-bigger .svg, .pretty.p-bigger label:after, .pretty.p-bigger label:before {
    font-size: 1.2em !important;
    top: calc((0% - (100% - 1em)) - 35%) !important
}

.pretty.p-bigger label {
    text-indent: 1.7em
}

@media print {
    .pretty .state .icon, .pretty .state label:after, .pretty .state label:before, .pretty .state:before {
        color-adjust: exact;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    min-height:250px;

    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    display: none;
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-dots {
    margin-top: 30px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 5px 4px;
    background: #e4e4e4;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 50%;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #454545;
}

* {
    font-family: GoogleSans-Regular;
    color: #454545;
}

body {
    font-size: 16px
}


header {
    width: 100%;
    position: fixed;
    top: 30px;
    transition:all .3s ease-out;
    z-index: 99;
}
header.scrolled {
    top:0;
    box-shadow: 0 15px 55px rgba(0, 0, 0, 0.28);
    transition:all .3s ease-out;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );


}
header.scrolled .stniksarNav{
    width: 80%;
    border-radius: 0;
    box-shadow: none;
    left:10%;
    background: transparent;
}
header.scrolled .stniksarNav a{
    font-size: 14px;
}
header.scrolled ul.stniksarNav li.logo img {
    width: 160px;
}

header.scrolled ul.stniksarNav li.logo {
    min-width: 220px;
    border-right: 2px dotted #ccc;
}


header.scrolled ul.stniksarNav img.call {
    width: 100px;
}
header ul.stniksarNav img.call {
    width: 130px;
}
header ul.stniksarNav {
    width: 100%;
    background-color: #fff;
    height: 80px;
    border-radius: 50px;
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: space-between;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    box-shadow: 0 15px 55px rgba(0, 0, 0, 0.28);
}

header ul.stniksarNav li {
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;

}

header ul.stniksarNav li a {
    /* padding: 0 15px; */
    font-size: 16px !important;
    color: #666;
    cursor: pointer;
    text-decoration:none;
}

header ul.stniksarNav li a:hover {
    color: #e2231b;
}

header ul.stniksarNav li.logo {
    min-width: 280px;
    border-right: 2px dotted #ccc;
}

header ul.stniksarNav li.contact {
    min-width: 120px;
    border-right: 2px dotted #ccc;
}

header ul.stniksarNav li.logo img {
    position: relative;
    left: 25px;
    top: 5px;
    width: 210px;
}

header ul.stniksarNav li.dropdownMenu::after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background:#999;
    margin-left:10px;
}

header ul.stniksarNav li.langMenu a {
    width: 42px;
    height: 42px;
    display: block;
    border-radius: 50%;
    background-color: #ed2d37;
    color: #fff;
    font-size: .9rem;
    cursor: pointer;
    border: 0;
    margin-right: 20px;
    margin-left: 30px;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    font-weight: 600;
}

.megaMenu div.menuContainer {
    display: none;
    width: 100%;
    top: 100%;
    position: absolute;
    left: 0
}

.megaMenu div.menuContainer div.layout {
    margin-top: 20px;
    width: 100%;
    height: 600px;
    background-color: #fff;
    border-radius: 50px;
    -webkit-box-shadow: 0 42px 64px 0 rgba(0, 0, 0, .29);
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start
}

.megaMenu div.menuContainer div.layout div.sLevel {
    width: 20%
}

.megaMenu div.menuContainer div.layout div.sLevel ul {
    width: 100%;
    min-height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.megaMenu div.menuContainer div.layout div.sLevel ul li {
    background-color: #f5f5f5;
    cursor: pointer;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.megaMenu div.menuContainer div.layout div.sLevel ul li img {
    max-width: 60px
}

.megaMenu div.menuContainer div.layout div.sLevel ul li:first-child {
    border-top-left-radius: 50px
}

.megaMenu div.menuContainer div.layout div.sLevel ul li:last-child {
    border-bottom-left-radius: 50px
}

.megaMenu div.menuContainer div.layout div.sLevel ul li.active {
    background-color: #fff
}

.megaMenu div.menuContainer div.layout div.tLevel {
    width: 80%;
    padding: 40px
}

.megaMenu div.menuContainer div.layout div.tLevel h3.title {
    width: 100%;
    display: block;
    font-size: 1.4rem;
    font-family: GoogleSans-Regular;
    margin-bottom: 50px
}

.megaMenu div.menuContainer div.layout div.tLevel h3.title span {
    font-family: GoogleSans-Bold
}

.megaMenu div.menuContainer div.layout div.tLevel ul {
    width: 100%;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start
}

.megaMenu div.menuContainer div.layout div.tLevel ul li {
    width: 33%;
    margin-bottom: 40px
}

.megaMenu div.menuContainer div.layout div.tLevel ul li img {
    max-width: 150px
}

.megaMenu div.menuContainer div.layout div.tLevel a.allBtn {
    height: 50px;
    width: 280px;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    color: #fff;
    font-size: 1rem;
    background-color: #ed2d37;
    border-radius: 10px;
    box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    margin-top: 40px;
    background-image: url(../img/arr.svg);
    background-position: center right 20px;
    background-repeat: no-repeat;
    background-size: 30px
}

.megaMenu:hover a.megalink {
    position: relative
}

.megaMenu:hover a.megalink:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    left: 50%;
    transform: translateX(-50%);
    top: 63px;
    z-index: 9
}

.megaMenu:hover div.menuContainer {
    display: block
}

.dropdownMenu {
    position: relative
}

.dropdownMenu div.dropdownContainer {
    position: absolute;
    display: none;
    width: 300px;
    top: 100%;
    position: absolute;
    left: 132px;
    transform: translateX(-50%);
}

.dropdownMenu div.dropdownContainer div.layout {
    margin-top: 13px;
    width: 100%;
    /* height: 300px; */
    background-color: #fff;
    border-radius: 0px;
    -webkit-box-shadow: 0 32px 104px 0 rgba(0, 0, 0, 0.41);
}

.dropdownMenu:hover a.dropdownLink {
    position: relative
}

.dropdownMenu:hover a.dropdownLink:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    left: 50%;
    transform: translateX(-50%);
    top: 47px;
    z-index: 9;
}

.dropdownMenu:hover div.dropdownContainer {
    display: block
}

.dropdownMenu div.dropdownContainer ul {
    list-style: none;
    margin: 0;
    padding: 30px 30px 10px 30px;
}
.dropdownMenu div.dropdownContainer ul li:last-child {
    border: none;
}
.dropdownMenu div.dropdownContainer ul li {
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    border-bottom: 1px solid rgba(221, 221, 221, 0.4196078431372549);
    padding-bottom: 15px;
    margin-bottom: 15px;
    width: 100%;
}


.carousel-indicators {
    z-index: 2;
    right: 35px;
    bottom:40%;
}

.carousel-indicators li {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-bottom: 15px;
}

.carousel-indicators li.active {
    width:20px;
    height:20px;
    margin-bottom: 15px;
}

.carousel-indicators li.active::after {
    content:'';
    position: absolute;
    width: 32px;
    height: 32px;
    border: 1px solid white;
    border-radius: 50%;
    left: -6px;
    margin-top: -7px;
}
footer {
    width: 100%;
    background-color: #262626
}

footer .container {
    padding-top: 70px;
}

footer .container h4 {
    color: #b2b2b2;
    /*font-size: 1.2rem;*/
    padding-bottom: 20px;
    font-family: GoogleSans-Bold
}

footer .container ul {
    margin: 0;
    padding: 0;
    list-style: none
}

footer .container ul li {
    padding-bottom: 15px
}

footer .container ul li a {
    color: #b2b2b2;
    font-size: 13px;
}

footer .quicklink{
    position:relative;
}
footer .container img.altur {
    position: absolute;
    margin-right: 15px;
    top: -20px;
    right: 0;
    width: 80px;
}

footer div.footerLine {
    width: 100%;
    margin: 50px 0 40px;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: space-between;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between
}

footer div.footerLine p {
    color: #b2b2b2;
    /*font-size: .9rem*/
}

footer div.footerLine p span {
    color: #fff
}

footer div.footerLine div.socialMedia {
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start
}

footer div.footerLine div.socialMedia a {
    margin-left: 10px;
    opacity: .5;
    transition: all .3s ease
}

footer div.footerLine div.socialMedia a:hover {
    opacity: 1
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: #ed2d37;
}

section.hero {
    width: 100%;
    /* background-color: #ffbf28; */
    position: relative

}

section.hero .carousel-inner .btn {

    margin-top:20px;
    background:#222;
    border:1px solid #222;
    color:#FFF;
    padding: 12px 22px;
    min-width:140px;
    font-size: 12px;
    font-weight: 200;
    transition: all .7s ease;


}

section.hero .carousel-inner .btn:hover {
    background: #ed2d37;
    border:1px solid #ed2d37;
    transition: all .7s ease;
}

section.hero .carousel-inner .overlay {
    position: absolute;
    background:rgba(0, 0, 0, 0.25);
    width: 100%;
    height: 100%;
    z-index: 1;
}


section.hero div.heroCover {
    width: 100%;
    height: 100%;
    overflow: hidden
}

section.hero div.heroCover div.heroItems {
    width: 400%;
    position: relative;
    left: 0;
    transition: all .7s ease;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start
}

section.hero div.heroCover div.heroItems.grabbing {
    cursor: grab
}

section.hero div.heroCover div.heroItems div.Item {
    width: 100vw;
    background-position: bottom right;
    background-size: 80%;
    background-repeat: no-repeat;
    padding-bottom: 200px;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -moz-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    align-items: flex-end;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start
}

section.hero .item h3 {
    font-size: 2.5rem;
    font-family: GoogleSans-Regular;
    color: #fff;
    line-height: 2.9rem;
    text-shadow: 0px 0px 20px rgb(0, 0, 0);
}

section.hero .item h3 span {
    display: block;
    font-family: GoogleSans-Bold;
    color: #fff
}

section.hero .item p {
    font-size: 1rem;
    color: #fff;
    font-family: GoogleSans-Bold;
    margin-top: 20px;
    position: relative
}

section.hero .item p:after {
    content: "";
    position: absolute;
    width: 90px;
    height: 3px;
    background-color: #fff;
    left: 0;
    bottom: -15px
}

section.hero .carousel {
    /* padding-top: 150px;*/
}

section.hero .nav-pills {
    display: flex;
    position: absolute;
    top: -30px;
    column-count: 5;
    width: 100%;
    transition: all .3s ease;
}

section.hero .nav-pills>li.active>a, section.hero .nav-pills>li.active>a:focus, section.hero .nav-pills>li.active>a:hover {
    background: #ed2d37 !important;
    border-radius: 10px;
    -webkit-box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    -moz-box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    color: #FFF;
    min-width:180px;
    transition: all .3s ease;
}

section.hero .nav-pills > li {
    display: inline-block !important;
    width: auto !important;
    transition: all .3s ease;
}
section.hero .nav-pills>li>a:hover {
    color:#FFF;
    transition: all .3s ease;
}

section.hero .nav-pills>li>a:hover small{
    color:#FFF;
    transition: all .3s ease;
}

section.hero .nav-pills>li>a {
    text-align: left !important;
    padding: 50px !important;
    font-family: GoogleSans-Bold;
    font-size: 2rem !important;
    line-height: 2rem !important;
    position: relative;
    z-index: 3;
    color: #999;
    transition: all .3s ease;
    min-width:180px;
    border-radius: 10px;
}

/*section.hero .nav-pills>li.active>a:after {
    content: "";
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 42px;
    height: 21px;
    opacity: 1;
    transition: all .3s ease;
    background-image: url(../img/arr.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
}*/

section.hero .nav-pills>li>a>small {
    font-weight: 300;
    font-family: GoogleSans-Regular;
    color: #999;
}

section.hero .nav-pills>li.active>a>small {
    color: #fff;
}

section.hero-vip .carousel {
    padding-top: 0px;
}

section.hero-vip {
    width: 100%;
    background-color: #000;
    position: relative
}

section.hero-vip div.heroCover {
    width: 100%;
    height: 100%;
    overflow: hidden
}

section.hero-vip div.heroCover div.heroItems {
    width: 400%;
    position: relative;
    left: 0;
    transition: all .7s ease;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start
}

section.hero-vip div.heroCover div.heroItems.grabbing {
    cursor: grab
}

section.hero-vip div.heroCover div.heroItems div.Item {
    width: 100vw;
    background-position: bottom right;
    background-size: 80%;
    background-repeat: no-repeat;
    padding-bottom: 200px;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -moz-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    align-items: flex-end;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start
}

section.hero-vip .item h3 {
    font-size: 3.5rem;
    font-family: GoogleSans-Regular;
    color: rgb(180, 151, 90);
    line-height: 4rem
}

section.hero-vip .item h3 span {
    display: block;
    font-family: GoogleSans-Bold;
    color: rgb(180, 151, 90);
}

section.hero-vip .item p {
    font-size: 1rem;
    color: rgb(180, 151, 90);
    font-family: GoogleSans-Bold;
    margin-top: 20px;
    position: relative
}

section.hero-vip .item p:after {
    content: "";
    position: absolute;
    width: 90px;
    height: 3px;
    background-color: rgb(180, 151, 90);
    left: 0;
    bottom: -15px
}

section.hero-vip .nav-pills {
    position: absolute;
    top: -30px;
    column-count: 4;
    width: 100%;
}

section.hero-vip .nav-pills>li.active>a, section.hero-vip .nav-pills>li.active>a:focus, section.hero-vip .nav-pills>li.active>a:hover {
    background: #000 !important;
    border-radius: 10px;
    -webkit-box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    -moz-box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    transition: all .3s ease;
    color: rgb(180, 151, 90);
}

section.hero-vip .nav-pills>li>a:focus, section.hero-vip .nav-pills>li>a:hover {
    background: #000 !important;
}

,
section.hero-vip .nav-pills>li {
    display: inline-block !important;
    width: auto !important;
}

section.hero-vip .nav-pills>li>a {
    text-align: left !important;
    padding: 50px !important;
    font-family: GoogleSans-Bold;
    font-size: 1.3rem;
    line-height: 2rem;
    position: relative;
    z-index: 3;
    color: rgb(180, 151, 90);
    transition: all .3s ease;
}

section.hero-vip .nav-pills>li.active>a:after {
    content: "";
    position: absolute;
    bottom: 30px;
    left: 50px;
    width: 42px;
    height: 21px;
    opacity: 1;
    transition: all .3s ease;
    background-image: url(../img/arr-vip.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

section.hero-vip .nav-pills>li>a>small {
    font-weight: 300;
    font-family: GoogleSans-Regular;
}

section.hero-vip .nav-pills>li.active>a>small {
    color: rgb(180, 151, 90);
}

section.about {
    width: 100%;
    background-color: #f8f8f8;
    padding: 150px 0;
    padding-top: 250px;
   
    background-size:625px;
    background-position-x:820px;
}

section.about div.aboutWrapper {
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center
}

section.about div.aboutWrapper span.letter {
    font-size: 10rem;
    font-family: GoogleSans-Bold;
    color: #454545;
    display: block;
    padding-right: 20px;
    position: relative;
    top: -10px;
}

section.about div.aboutWrapper article {
    /*font-size: 1.1rem;*/
    line-height: 2rem;
    max-width: 40%
}

section.about div.aboutWrapper article span {
    color: #444444;
}

section.about div.aboutWrapper article a:hover {
    box-shadow: 12px 29px 87px 0 rgba(0, 0, 0, .64);
    transition: all 0.4s ease-in-out 0s;
}
section.about div.aboutWrapper article a {
    height: 50px;
    transition: all 0.4s ease-in-out 0s;
    width: 222px;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    color: #fff;
    font-size: 1rem;
    background-color: #444444;
    border-radius: 10px;
    box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    float: right;
    margin-top: 40px;
    background-image: url(../img/arr.svg);
    background-position: center right 20px;
    background-repeat: no-repeat;
    background-size: 30px;
}

section.testimonials {
    width: 100%;
    padding: 75px 0
}

section.testimonials h3 {
    width: 100%;
    text-align: center;
    font-size: 1.02rem;
    line-height: 2.2rem;
    color: rgba(69, 69, 69, .6);
}

section.testimonials h3 span {
    display: block;
    font-family: GoogleSans-Bold;
    color: #454545;
    font-size: 36px;
}

section.testimonials div.testimonialsWrapper {
    width: 100%;
    margin-top: 90px;
    height: auto !important;
}

section.testimonials div.testimonialsWrapper div div.item {
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-flex-flow: row nowrap
}

section.testimonials div.testimonialsWrapper div div.item figure img {
    width: 152px;
    height: 152px;
    /* clip-path: url(#myClip); */
    box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    float: none;
    border-radius: 50%;
}
section.testimonials div.testimonialsWrapper div div.item figure {
    display:inline-block
}
section.testimonials div.testimonialsWrapper div div.item figure figcaption {
    text-align: center;
    padding-top:25px;
    font-size: .9rem
}

section.testimonials div.testimonialsWrapper div div.item figure figcaption span {
    display: block;
    font-family: GoogleSans-Bold;
    font-size: 1.2rem;
    padding-bottom: 5px
}

section.testimonials div.testimonialsWrapper div div.item p {
    padding:20px 0 0 20px;
    font-size:.9rem;
    line-height: 1.4rem;
    color: #555;
    text-align: center;
}

section.testimonials div.testimonialsWrapper div.slick-slide {
    height: auto !important
}

section.testimonials div.testimonialsWrapper ul.slick-dots {
    bottom: -100px
}

section.testimonials div.testimonialsWrapper ul.slick-dots li {
    margin: 0 10px
}

section.testimonials div.testimonialsWrapper ul.slick-dots li button {
    background-color: rgba(69, 69, 69, .2);
    border-radius: 50%;
    width: 17px;
    height: 17px
}

section.testimonials div.testimonialsWrapper ul.slick-dots li button:before {
    display: none
}

section.testimonials div.testimonialsWrapper ul.slick-dots li.slick-active button {
    background-color: #ed2d37
}

section.partner {
    background-image: url(../img/service.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 90%;
    height: 400px;
    width: 96%;
    margin: 0px auto;
}

    section.partner div.partnerWrapper {
        margin-top: 5.5rem;
        margin-left: 100px;
        display: -webkit-inline-flex;
        display: -moz-box;
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -moz-box-align: flex-start;
        -ms-flex-align: flex-start;
        -webkit-align-content: flex-start;
        align-content: flex-start;
        align-items: flex-start;
        -webkit-flex-flow: column wrap;
        flex-direction: column;
        justify-content: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center
    }

section.partner div.partnerWrapper p {
    font-size: 32px
}

section.partner div.partnerWrapper p span {
    display: block;
    padding-top: 8px;
    font-family: GoogleSans-Bold
}
section.partner div.partnerWrapper a:hover {
    box-shadow: 12px 29px 87px 0 rgba(0, 0, 0, .64);
    transition: all 0.4s ease-in-out 0s;
}
section.partner div.partnerWrapper a {
    margin-top: 30px;
    padding: 18px 90px 18px 30px;
    border-radius: 10px;
    background-color: #454545;
    color: #fff;
    font-size: 18px;
    box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    background-image: url(../img/arr.svg);
    background-position: center right 20px;
    background-repeat: no-repeat;
    transition: all 0.4s ease-in-out 0s;
    background-size: 30px
}

section.privateTransfer {
    width: 100%;
    height: 650px;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: column wrap;
    flex-direction: column;
    justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    background-image: url(../img/private.png);
    background-position: center;
    background-repeat: no-repeat;
}

section.privateTransfer div.privateTransferContent {
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -webkit-flex-flow: row nowrap;
    color: #fff
}

section.privateTransfer div.privateTransferContent span {
    font-size: 12rem;
    padding-right: 20px;
    font-family: GoogleSans-Bold;
    color: #b59855;
}

section.privateTransfer div.privateTransferContent p {
    font-size: 1.2rem;
    line-height: 2.4rem;
    color: #fff
}

section.privateTransfer a {
    background-color: #b4975a;
    padding: 18px 90px 18px 30px;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    background-image: url(../img/arr.svg);
    background-position: center right 20px;
    background-repeat: no-repeat;
    background-size: 30px;
    display: block;
    text-align: center;
}

section.newsletter {
    width: 100%;
    padding: 100px 0;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center
}

section.newsletter div.newsletterWrapper {
    width: 100%;
    max-width: 720px
}

section.newsletter div.newsletterWrapper h3 {
    font-size: 1.8rem;
    width: 100%;
    padding-left: 25px;
    font-weight: 900;
}

section.newsletter div.newsletterWrapper div.form {
    width: 100%;
    position: relative;
    margin: 20px 0;
}
section.newsletter div.newsletterWrapper div.form input:focus {
    box-shadow: 0 14px 77px 0 rgba(0, 0, 0, .18);
    transition: all 0.4s ease-in-out 0s;
}
section.newsletter div.newsletterWrapper div.form input {
    width: 100%;
    height: 100px;
    padding-left: 45px;
    transition: all 0.4s ease-in-out 0s;
    font-size: 1.3rem;
    box-shadow: 0 14px 47px 0 rgba(0, 0, 0, .14);
    border: 0;
    background-color: #fff;
    border-radius: 10px;
    color: #454545;
}

section.newsletter div.newsletterWrapper div.form input::-webkit-input-placeholder {
    color: rgba(85, 85, 85, .5)
}

section.newsletter div.newsletterWrapper div.form input::-moz-placeholder {
    color: rgba(85, 85, 85, .5)
}

section.newsletter div.newsletterWrapper div.form input:-ms-input-placeholder {
    color: rgba(85, 85, 85, .5)
}

section.newsletter div.newsletterWrapper div.form input:-moz-placeholder {
    color: rgba(85, 85, 85, .5)
}

section.newsletter div.newsletterWrapper div.form button {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    border-radius: 10px;
    height: 55px;
    width: 175px;
    background-color: #ed2d37;
    color: #fff;
    font-size: 1.3rem;
    border: 0;
    cursor: pointer;
    font-weight: 900;
}

section.newsletter div.newsletterWrapper p {
    padding-left: 25px;
    line-height: 1.3rem;
    font-size: 1.19em;
    color: #666;
}

.mobilehead {
    min-height:60px;
    background: #fff;
    position: relative;
}

.mobilelogo {
    position: absolute;
    left: 50%;
    transform:translate(-50%,0px);
    top: 10px;
    width: 160px;
}

.mobilefoot {
    width: 100%;
    height: 0;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top: 20px solid white;
    position: relative;
    top: -1px;
}

/*.mobilefoot:after {
  content: '';
  display: inline-block;
  height: 20px;
  transform: rotate(-5deg);
  width: 50%;
  background: white;
}*/
.navbar-default {
    background: none;
    border: 0;
    margin: 0;
}

    .navbar-default .navbar-toggle {
        border: 0;
        float: left !important;
    }
        .navbar-default .navbar-toggle.mobilang{
float:right !important;
        }
        .navbar-default .navbar-collapse, .navbar-default .navbar-form {
            background: #fff;
            border: 0;
        }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: white;
}

.carousel-inner {
    margin: auto;
}

.carousel-inner>.item {}

.carousel-caption {
    /*bottom: 150px;*/
    left: 0;
    right: auto;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    text-align: center;
    width: 100%;
}

/*.carousel-caption::after {
    content: '';
    position: absolute;
    width: 120px;
    height: 4px;
    background:#ed2d37;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
}*/


.slide-img {
    text-align: center;
    /*margin: auto;*/
}

.pagehead {
    width: 100%;
    background-color: #ffbf28;
    position: relative;
    background-image: url(../img/hero1.png);
    background-position: bottom right -100px;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 600px;
}

.subPageHeader {
    width: 100%;
    background-color: #454545;
    position: relative;
    min-height: 180px;
    vertical-align:bottom;
    display: inline-flex;
    align-items: flex-end;
    text-align: center;

}

.subPageHeader.service {
    width: 100%;
    background-color: #454545;
    position: relative;

    vertical-align:bottom;
    display: inline-flex;
    align-items: flex-end;
    text-align: center;
    overflow: hidden;

}
.subPageHeader.service .breadcrumb{
    font-family: GoogleSans-Regular;
    background: transparent;
    color: #fff;
    font-size: 16px;
    letter-spacing: -0.06pt;
    /*margin: 25px auto;*/
    border-radius: 50px;
    border: 1px solid #757575;
    position: absolute;
    bottom:10px;
    right: 20px;
}

.subPageHeader .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #898989;
    content: "/\00a0";
}

.subPageHeader .breadcrumb a {
    font-size: 14px;
    opacity: .5;
    color: #ccc;
}

.subPageHeader .breadcrumb li.active {
    font-size: 14px;
    color: #ffffff;
}

.subPageHeader .breadcrumb{
    font-family: GoogleSans-Regular;
    margin: 0;
    background: transparent;
    color: #fff;
    font-size: 16px;
    /* line-height: 43px; */
    letter-spacing: -0.06pt;
    margin: 15px auto;
    border-radius: 50px;
    border: 1px solid #757575;
}

.pagebreadcrumb span {
    font-family: GoogleSans-Bold;
    color: #fff;
    letter-spacing: -0.06pt;
}

.pagetitle {
    font-family: GoogleSans-Regular;
    margin-top: 100px;
    color: #fff;
    font-size: 35px;
    line-height: 43px;
    letter-spacing: -0.13pt;
    width: 230px;
}

.pagetitle:after {
    content: " ";
    border-bottom-style: solid;
    border-bottom-width: 4px;
    display: table-cell;
    width: 110px;
    border-color: #fff;
    top: 30px;
    position: relative;
}

section.servicepage {
    width: 100%;
    background-color: #fff;
    background-image: url(../img/servicepage-bg.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 100px 0px 0px 0px;
}

section.servicepage div.serviceWrapper {
    display: inline-flex;
}

section.servicepage div.serviceWrapper span.letter {
    font-size: 245px;
    font-family: GoogleSans-Bold;
    color: rgb(255, 191, 40);
    display: block;
    padding-right: 20px;
    position: relative;
    top: -30px
}

section.servicepage div.serviceWrapper article {
    font-size: 36px;
    line-height: 42px;
    max-width: 80%;
    font-family: GoogleSans-Bold;
}

section.servicepage div.serviceWrapper article span {
    color: #ed2d37
}

section.servicepage div.serviceWrapper article a {
    height: 50px;
    width: 222px;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    color: #fff;
    font-size: 1rem;
    background-color: #ed2d37;
    border-radius: 10px;
    box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    float: right;
    margin-top: 40px;
    background-image: url(../img/arr.svg);
    background-position: center right 20px;
    background-repeat: no-repeat;
    background-size: 30px
}

section.servicepage div.serviceWrapper article .pagedetail {
    font-size: 26px;
    line-height: 42px;
    font-family: GoogleSans-Regular;
    margin-top: 37px;
}

section.servicepage div.serviceWrapper article .pagedetail p {
    margin-bottom: 30px;
}

.subtitle {
    color: rgb(235, 131, 22);
    font-size: 42px;
    line-height: 42px;
    margin: 134px 0px 42px 0px;
    font-family: GoogleSans-Bold;
}

section.corporate-page {
    width: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right center;
    padding: 50px 0px 70px 0px;
}

.corporate-page .form-group label {
    margin-bottom: 10px;
    font-size: 16px;
    color: #666;
    font-weight: bold;
}

.corporate-page .contact-form:focus {
    border-color:#f02a30;
}

.corporate-page select.contact-form {height: 45px;}

.corporate-page .contact-form {width: 100%;min-height:45px;line-height: 60px;
    margin-bottom:20px;padding: 0px 20px;color: rgb(85, 85, 85);
    font-size: 14px;border-radius:5px;border: 2px solid #ddd;box-shadow: none;}

/*.arama-kutusu {
    
   
    line-height: 35px;
    margin-bottom: 5px;*/
    /*padding: 0px 20px;
    color: rgb(85, 85, 85);
    font-size: 14px;
    border-radius: 5px;
    border: 2px solid #ddd;
    box-shadow: none;*/
/*}*/

.controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    padding: 0 12px;
    width: 300px;
    font-size: 14px;
}

.corporate-page .modal-button:hover {
    box-shadow: 12px 29px 87px 0 rgba(0, 0, 0, .64);
    transition: all 0.4s ease-in-out 0s;
}

.corporate-page .modal-button {
    height: 50px;
    transition: all 0.4s ease-in-out 0s;
    width: 222px;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    color: #fff;
    /*font-size: 1rem;*/
    background-color: #ed2d37;
    border-radius: 10px;
    box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    background-image: url(../img/arr.svg);
    background-position: center right 20px;
    background-repeat: no-repeat;
    background-size: 30px;
}

section.corporate-page .title{
    color: rgb(235, 131, 22);
    font-size: 32px;
    line-height: 42px;
    margin: 0 0 30px 0;
    font-family: GoogleSans-Bold;
}

section.corporate-page div.corporate-pageWrapper {
    /* display: inline-flex; */
    padding-left: 5px;
}

section.corporate-page div.corporate-pageWrapper p {
    font-size: 18px;
    line-height: 28px;
    color: #666;
    margin-bottom: 25px;
}

section.corporate-page div.corporate-pageWrapper article span {
    color: #ed2d37
}

section.corporate-page div.corporate-pageWrapper article a {
    height: 50px;
    width: 222px;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    color: #fff;
    font-size: 1rem;
    background-color: #ed2d37;
    border-radius: 10px;
    box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    float: right;
    margin-top: 40px;
    background-image: url(../img/arr.svg);
    background-position: center right 20px;
    background-repeat: no-repeat;
    background-size: 30px
}

section.corporate-page div.corporate-pageWrapper article .pagedetail {
    font-size: 26px;
    line-height: 42px;
    font-family: GoogleSans-Regular;
    margin-top: 37px;
}

section.corporate-page div.corporate-pageWrapper article .pagedetail p {
    margin-bottom: 30px;
}

section.corporate-page ul.corporate-profile {

    margin-bottom: 50px;
}

section.corporate-page ul.corporate-profile li:last-child {
    border: none;
}

section.corporate-page ul.corporate-profile li {
    margin-bottom: 5px;
    border-bottom:1px solid #DDD;
    width: 100%;
    padding: 16px 12px;


}

section.corporate-page ul.corporate-profile:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
    filter: gray;
    transition: all 0.4s ease-in-out 0s;
    box-shadow: 0 35px 55px rgba(0, 0, 0, 0.38);
    border-radius: 50%;
}

section.corporate-page ul.corporate-profile img {
    width: 80%;
    margin:10px  auto;
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    filter: gray;
    border-radius: 50%;
    transition: all 0.4s ease-in-out 0s;
}

section.corporate-page ul.corporate-profile li.active a {
    text-decoration: none;
    font-size: 18px;
    color:#454545;
    font-weight: bold;


}

section.corporate-page ul.corporate-profile li a {
    text-decoration: none;
    font-size: 18px;
    color:#999;


}

section.corporate-page ul.corporate-profile span {

    font-size:14px;
    color: #999;
}

section.aboutpage a {
    text-decoration: none;
}

section.aboutpage div.aboutpageWrapper {
    display: inline-flex;
    padding: 20px 60px;
}

section.aboutpage div.aboutpageWrapper span.letter {
    font-size: 200px;
    font-family: GoogleSans-Bold;
    color: rgb(240, 42, 48);
    display: block;
    padding-right: 20px;
    position: relative;
    top: -30px;
}

.aboutimg {
    margin-top: 90px;
}

.subtitle2 {
    font-size: 32px;
    color: rgb(85, 85, 85);
    line-height: 42px;
    margin-bottom: 25px;
    margin-top: 45px;
    margin-left: 195px;
    font-family: GoogleSans-Bold;
}

.serviceTitle {
    font-size: 36px;
    color: rgb(85, 85, 85);
    line-height: 42px;
    margin-bottom: 5px;
    margin-top: 55px;
    margin-left: 0;
    font-family: GoogleSans-Bold;
    padding: 0 60px;
    /* width: 60%; */
}

.scrollTop {
    position: fixed;
    right:1%;
    bottom: 10px;
    background: transparent;
    padding:6px 12px;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    z-index: 2;
    font-weight:bold;
    color:$color-white;
}

.scrollTop img {
    width: 70px;
}

.scrollTop:hover {
    color:#FFF;
    text-decoration:none;

}

section.aboutpage div.aboutpageWrapper article {
    font-size: 21px;
    line-height: 32px;
    max-width: 80%;
    font-family: GoogleSans-Regular;
}

section.aboutpage div.aboutpageWrapper article span {
    color: #ed2d37
}

section.aboutpage div.aboutdetail {
    margin-top: 14px;
    font-family: GoogleSans-Regular;
    font-size: 18px;
    line-height: 32px;
    padding: 20px 60px;
    color: rgb(85, 85, 85);
    width: 100%;
    margin-bottom:50px;
}

section.aboutpage div.aboutdetail p {
    font-family: GoogleSans-Regular;
    margin-bottom: 30px;
    color: #666;
}

section.aboutpage ul.corporate-profile {
    text-align: center;
    margin-bottom: 50px;
}

section.aboutpage ul.corporate-profile li {
    margin-bottom: 5px;
}

section.aboutpage ul.corporate-profile:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
    filter: gray;
    transition: all 0.4s ease-in-out 0s;
    box-shadow: 0 35px 55px rgba(0, 0, 0, 0.38);
    border-radius: 50%;
}

section.aboutpage ul.corporate-profile img {
    width: 80%;
    margin:10px  auto;
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    filter: gray;
    border-radius: 50%;
    transition: all 0.4s ease-in-out 0s;
}

section.aboutpage ul.corporate-profile h4 {

    font-size:18px;
    color: #666;
    font-weight: bold;
}

section.aboutpage ul.corporate-profile span {

    font-size:14px;
    color: #999;
}

section.custom-middle {
    margin:80px 0;}

section.custom-middle .title{
    color: rgb(235, 131, 22);
    font-size: 32px;
    line-height: 42px;
    margin:50px 0;
    font-family: GoogleSans-Bold;
}


section.custom-middle .box {cursor: pointer; min-height:260px; padding:10px; background: #fff; position:relative;transition: all 0.4s ease-in-out 0s;}
section.custom-middle .box:hover {
    box-shadow: 12px 29px 87px 0 rgba(0, 0, 0, .64);
    transition: all 0.4s ease-in-out 0s;

}

section.custom-middle .box:hover .overlay {
    background: rgba(0, 0, 0, 0.35);
    transition: all 0.4s ease-in-out 0s;

}

section.custom-middle .box:hover h1 {
    text-shadow:0 2px 13px black;
    transition: all 0.4s ease-in-out 0s;

}

section.custom-middle .box .overlay  ul{
    position: absolute;
    bottom:10%;

}
section.custom-middle .box .overlay h1 {
    font-size: 21px;
    line-height:28px;
    font-weight: bold;
    color:#FFF;
    letter-spacing:1px;
}
section.custom-middle  p {
    font-size: 12px;
    line-height:16px;
    width: 90%;
    margin:20px 20px;
    color:#666;
    font-family: GoogleSans-Regular;
    letter-spacing:1px;

}
section.custom-middle .box .overlay {
    position:absolute;
    left:0;
    right:0;
    bottom: 0;
    top:0;
    padding: 20px;
    background: rgba(0, 0, 0, 0.45);
    transition: all 0.4s ease-in-out 0s;
}
section.custom-middle .box.school {
    background: url("../img/okul-servis-middle.jpg") no-repeat;
    background-size: cover;
}
section.custom-middle .box.personel {
    background: url("../img/personel-servis-middle.jpg") no-repeat;
    background-size: cover;
}
section.custom-middle .store{
    margin-left:15px;

}
section.custom-middle .store img {
    width: 120px;

}
section.custom-middle .box.operationel {
    background: url("../img/personel-servis-middle.jpg") no-repeat;
    background-size: cover;
}

section.custom-middle .box.transfer {
    background: url("../img/ozel-tranfer-middle.jpg") no-repeat;
    background-size: cover;
}

section.custom-middle .box.custom-transfer {
    background: url("../img/ozel-transfer-app.jpg") no-repeat;
    background-size: cover
}

section.custom-middle .box.custom-transfer .overlay {
    background: rgba(0, 0, 0, 0.2) !important;
}
section.custom-middle .box.custom-transfer .overlay  ul{
    position: absolute;
    bottom:10%;
    right: 10%;
    text-align: left;

}

section.custom-middle .box.custom-transfer .overlay h1 {
    font-size: 21px;
    line-height:28px;
    font-weight: bold;
    text-align: right;
    color:#FFF;
    letter-spacing:1px;
}


.sidemenu {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.sidemenu li {
    margin-bottom: 38px;
    font-family: GoogleSans-Regular;
    font-size: 32px;
    line-height: 47px;
    color: rgb(208, 208, 208);
}

.sidemenu .sidehead {
    margin-bottom: 38px;
    margin-top: 247px;
    font-family: GoogleSans-Bold;
    font-size: 36px;
    line-height: 47px;
    color: rgb(235, 131, 22);
}

.contacthead {
    position: relative;
}

.contacthead .mapmask {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 300px;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

.title2 {
    margin-bottom:25px;
    margin-top:50px;
    font-family: GoogleSans-Bold;
    font-size: 24px;
    line-height: 32px;
    color: rgb(85, 85, 85);
}

.contactpage .contact-form:focus {
    border-color:#f02a30;
}
.contactpage .contact-form {
    border: 0;
    width: 100%;
    min-height: 60px;
    line-height: 60px;
    margin-bottom: 30px;
    padding: 0px 20px;
    color: rgb(85, 85, 85);
    font-family: GoogleSans-Regular;
    font-size: 18px;
    border-radius: 10px;
    border: 2px solid #ddd;
    box-shadow: none;
}
.contactpage .contact-button:hover {
    box-shadow: 12px 29px 87px 0 rgba(0, 0, 0, .64);
    transition: all 0.4s ease-in-out 0s;
}
.contactpage .contact-button {
    height: 50px;
    transition: all 0.4s ease-in-out 0s;
    width: 222px;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    color: #fff;
    font-size: 1rem;
    background-color: #444444;
    border-radius: 10px;
    box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    margin-bottom: 100px;
    background-image: url(../img/arr.svg);
    background-position: center right 20px;
    background-repeat: no-repeat;
    background-size: 30px;
}
.contactpage .contact-details {
    margin-bottom:30px;
}
.contactpage address {
    font-family: GoogleSans-Regular;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    margin-bottom: 30px;
}

.isOrtagi.modal {
    background: rgba(255, 255, 255, 0.28);
}
.isOrtagi .v-center {
    display: table-cell;
    vertical-align: middle;
}
.isOrtagi .v-center .content {font-family: GoogleSans-Regular;background: url("../img/is-ortagi-modal.jpg") no-repeat right #FFF;box-shadow: 0 15px 55px rgba(0, 0, 0, 0.28);border-radius: 5px;overflow: hidden;padding:40px 10px;background-size: 360px;}

.isOrtagi .v-center .content h3 {
    font-family: GoogleSans-Regular;
    margin-bottom:10px;
}
.isOrtagi .v-center .content h1 {
    margin-bottom:30px;
    font-size:32px;
    font-weight: bold;
}
.isOrtagi .centrize {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    position: absolute; }
.isOrtagi .contact-form:focus {
    border-color:#f02a30;
}
.isOrtagi select.contact-form {height: 45px;}
.isOrtagi .contact-form {width: 100%;min-height:45px;line-height: 60px;
    margin-bottom:20px;padding: 0px 20px;color: rgb(85, 85, 85);
    font-size: 14px;border-radius:5px;border: 2px solid #ddd;box-shadow: none;}
.isOrtagi .modal-button:hover {
    box-shadow: 12px 29px 87px 0 rgba(0, 0, 0, .64);
    transition: all 0.4s ease-in-out 0s;
}
.isOrtagi .modal-button {
    height: 50px;
    transition: all 0.4s ease-in-out 0s;
    width: 222px;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    color: #fff;
    /*font-size: 1rem;*/
    background-color: #ed2d37;
    border-radius: 10px;
    box-shadow: 2px 29px 67px 0 rgba(0, 0, 0, .34);
    background-image: url(../img/arr.svg);
    background-position: center right 20px;
    background-repeat: no-repeat;
    background-size: 30px;
}

.isOrtagi .modal-close-button:hover {

}
.isOrtagi .modal-close-button {
    height: 50px;
    transition: all 0.4s ease-in-out 0s;
    width: 100px;
    display: -webkit-inline-flex;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    color: #666;
    font-size: 1rem;
    border:1px solid #666;
    background-color:transparent;
    border-radius: 10px;
}


.alert.cookie {
    position: fixed;
    z-index: 10;
    bottom:0;
    right:10px;
    background:#e02626;
    border-radius:0;
    border-color:transparent;
    padding:30px;
    font-size:14px;
    line-height:21px;
    font-family: GoogleSans-Regular;
    width:520px;
    color:#FFF;
    font-weight:normal;
}

.alert.cookie.alert button.close span {color:#FFF !important; }
.alert.cookie.alert-dismissable .close, .alert.cookie.alert-dismissible .close {
    position: relative;
    top: -22px;
    right: -21px;
    color: #FFF !important;
    opacity:1;
    padding:5px 10px;
    text-shadow:none;
    color:white;
}

.alert.cookie strong{
    font-size:18px;
    font-weight:bold;
    color:#FFF;
    display:block;
    margin-bottom:10px

}


/* Emrah 21.08.2019 */
/*
    section.services {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
        grid-gap: 30px;
        padding:30px;
    }
*/


.scale:hover img {
    transform: scale(1.15);
}

.servicesh1 {
    width: 100%;
    text-align: center;
    color: rgb(235, 131, 22);
    font-size: 32px;
    line-height: 42px;
    margin: 50px 0;
    font-family: GoogleSans-Bold;
}

.services .col-sm-12 {
    padding-left: 0px !important;
}
section.services a {
    height: 300px;
    text-align: center;
    transition: transform .8s ease;
    padding: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

    section.services a:hover {
        text-decoration: none;
        transition: all .8s ease;
        -webkit-transition: all .4s ease;
        z-index: 4;
        transform: scale(1.1);
    }

       section.services a:after {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,.25);
            left: 0px;
            top: 0px;
            z-index: 1;
        }

    section.services .r1r1:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0);
        left: 0px;
        top: 0px;
        z-index: 1;
    }

        /*

            section.services a p {
            z-index: 2;
            font-size: 16px;
            line-height: 25px;
            margin: 20px 20px;
            color: white;
            font-family: GoogleSans-Regular;
            letter-spacing: 1px;
            max-width: 80%;
        }


        */
section.services a p {
    z-index: 2;
    font-size: 16px;
    margin: 10px 1rem;
    color: white;
    font-family: GoogleSans-Regular;
    letter-spacing: 1px;
    position: absolute;
    line-height: 2rem;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.58);
}
.appbt {
    position: absolute;
    bottom: 2rem;
    z-index: 5;
    width: 100%;
    text-align: center;
    right: 1rem;
}
.app-p {
    top: 1rem;
    right: 3rem;
}

section.services a p strong {
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    color: white;
    letter-spacing: 1px;
    display: block;
    padding-bottom: 10px;
}

section.services-bottom {
    width: 100%;
    padding: 30px;
}

    .gogo {
        background-position-x: left;
        width: 100%;
        height: 300px;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-image: url(../img/app.jpg);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }




        section.services-bottom div p {
            font-size: 16px;
            line-height: 25px;
            margin: 20px 20px;
            color: white;
            font-family: GoogleSans-Regular;
            letter-spacing: 1px;
            max-width: 30%;
            max-height: 82%;
            padding-right: 30px;
        }

            section.services-bottom div p strong {
                font-size: 28px;
                line-height: 28px;
                font-weight: bold;
                color: white;
                letter-spacing: 1px;
                display: block;
                padding-bottom: 10px;
            }

            section.services-bottom div p img {
                height:40px;
                margin-top:30px;
                margin-right:10px;
            }

            @media (max-width: 575.98px) {
                section.partner {
                    width: 90%;
                    margin: 0px auto;
                }
                    section.partner div.partnerWrapper {
                        margin-left: 0px; 
                    }
                section.services {
                    width: 90% !important;
                    margin: 5px auto;
                    width: 100%;
                    display: block !important;
                    padding: 10px !important;
                }
                    section.services a {
                        padding:0px;
                    }
                        section.services a p {

                            max-width: 100%;
                        }
                section.services-bottom div {
                    width: 100%;
                    height: 700px;
                    position: relative;
                    background-image: none;
                    background-image: url("../img/app-mobile.jpg");
                    -webkit-justify-content: center;
                    -moz-justify-content: center;
                    -ms-justify-content: center;
                    justify-content: center;
                    -ms-flex-pack: center;
                    -webkit-align-items: flex-start;
                    -moz-align-items: flex-start;
                    -ms-align-items: flex-start;
                    -ms-flex-align: flex-start;
                    align-items: flex-start;
                    padding-top: 50px;
                }
                    section.services-bottom div p {

                        max-width: 90%;
                        padding-right: 0px;
                        text-align:center;
                    }
            }

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    width: 100% !important;
    max-height: 767px !important;
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block
}

    .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

    .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: 0s .6s opacity
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next, .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
   
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}
/*

.carousel-indicators2 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators2 li {
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators2 li {
        transition: none
    }
}

.carousel-indicators2 .active {
    opacity: 1
}

    */

#andro {
    background-image: url( '../img/googleplay.png' );
    height: 43px;
    width: 156px;
    border-radius: 18px;
    background-position-y: -2px;
    background-position-x: -2px;
    background-size: 160px;
    background-repeat: no-repeat;
}
#iose {
    background-image: url( '../img/appstore.png' );
    height: 43px;
    width: 156px;
    border-radius: 18px;
    background-position-y: -2px;
    background-position-x: -2px;
    background-size: 160px;
    background-repeat: no-repeat;
}
#bulletinsend {
    width: 94%;
    top: 3rem;
    height: 6rem;
    margin-top: 8px;
}
.r2r2 {
    position: relative;
    background-image: url('../img/app.jpg');

    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
   
}
.res {
    width: 100% !important;
    max-height: 600px !important;
    object-fit: cover;
}




.mobilang {
    float: right;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #ed2d37;
    color: #fff;
    font-size: .9rem;
    cursor: pointer;
    border: 0;
    margin-left: 10px;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-direction: row;
    justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    font-weight: 600;
}
.card-body {
    overflow: hidden;
}
.cardfor {
    background-position-y: bottom;
    background-position-x: center;
}

.plyr {
    border-radius: 4px;
    margin-bottom: 15px;
}

.konteynir {
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 15px 30px 0px 30px;
}

/*modal fullscreen */

.modal.modal-fullscreen {
    /* Maximize the main wrappers on the screen */
    /* Make the parent wrapper of the modal box a full-width block */
    /* Remove borders and effects on the content */
    /**
	 * /!\ By using this feature, you force the header and footer to be placed
	 * in an absolute position. You must handle by yourself the margin of the
	 * content.
	 */
}

    .modal.modal-fullscreen .modal-dialog,
    .modal.modal-fullscreen .modal-content {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .modal.modal-fullscreen .modal-dialog {
        margin: 0;
        width: 100%;
    }

    .modal.modal-fullscreen .modal-content {
        border: none;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: inherit;
        -moz-box-shadow: inherit;
        -o-box-shadow: inherit;
        box-shadow: inherit;
        /* change bg color below */
        /* background:#1abc9c; */
    }

    .modal.modal-fullscreen.force-fullscreen {
        /* Remove the padding inside the body */
    }

        .modal.modal-fullscreen.force-fullscreen .modal-body {
            padding: 0;
        }

        .modal.modal-fullscreen.force-fullscreen .modal-header,
        .modal.modal-fullscreen.force-fullscreen .modal-footer {
            left: 0;
            position: absolute;
            right: 0;
        }

        .modal.modal-fullscreen.force-fullscreen .modal-header {
            top: 0;
        }

        .modal.modal-fullscreen.force-fullscreen .modal-footer {
            bottom: 0;
        }

.modal-close-x {
    position: absolute;
    right: 3rem;
    top: 1rem;
    font-size: 70px;
    z-index: 3001;
    opacity: 1;
    color: #fff;
}
.video-modal-last-p {
    text-shadow: 0 5px 4px rgba(0, 0, 0, 1);
    color: #fff;
    text-align: center;
    line-height: 28px;
    font-weight: 900;
}
.video-modal-first-p {
    text-shadow: 0 5px 4px rgba(0, 0, 0, 1);
    color: #fff;
    line-height: 28px;
    font-weight: 900;
    margin-top: 20px;
    font-size: 21px;
}
.video-modal-start-button {
    background: url(../img/video-play-ico.png) no-repeat;
    cursor: pointer;
    width: 100px;
    height: 100px;
    border: none;
    background-repeat: round;
}
.cntrl1 {
    background-image: #000000;
    position: relative;
}
.modal-img2 {
    width: 100%;
}
.cntrl2 {
    height: 40%;
    width: 50%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}
.modal-del {
    color: #fff;
}
.konteynir {
    background-color: #ed2d37;
    background-clip: content-box;
}
.video-sag-text-p {
    margin: 7px 30px;
    color: #fff;
    line-height: 20px;
}
.video-sag-baslik {
    padding: 44px 40px 20px 30px;
    font-size: 30px;
    color: #fff;
}