@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&subset=greek-ext');

.inputComboBox100
{
	font-size: 11px;

    border-width: 2px 1px 1px 2px;

	font-weight:normal;

	text-align: left;

	width :100px;

}

* {

    position:relative;

    

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

}



html {

    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */

}



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

    text-decoration: none; 

    text-rendering: optimizeLegibility;

    font-smooth:always;

}



body															{ line-height: 1; }

ol, ul 															{ list-style: none; }

blockquote, q 													{ quotes: none; }

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

:focus 															{ outline: 0; }

ins 															{ text-decoration: none; }

del 															{ text-decoration: line-through; }

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

img                                                             { display:block; }





main, 

header,

nav,

section, 

footer,

aside{

    display:block;

}



.separator{

    font-size:0;

    height:0;

    clear:both;

}



input, textarea, select {

    -webkit-appearance: none;

    border-radius:0;

}



* {

    -webkit-tap-highlight-color: rgba(0,0,0,0);

}







#mediaQuerySign {

    height: 0px !important;

}



/* SMARTPHONE PORTRAIT */

@media all and (max-width: 400px) {

    #mediaQuerySign {

        width: 400px;

    }

}



/* SMARTPHONE LANDSCAPE */

@media all and (min-width: 401px) and (max-width: 700px) {

    #mediaQuerySign {

        width: 700px;

    }

}



/* TABLET PORTRAIT */

@media all and (min-width: 701px) and (max-width: 1023px) {

    #mediaQuerySign {

        width: 1023px;

    }

}



/* TABLET LANDSCAPE */

@media all and (min-width: 1024px) and (max-width: 1200px) {

    #mediaQuerySign {

        width: 1200px;

    }

}



/* MEDIUM DESKTOP */

@media all and (min-width: 1201px) and (max-width: 1434px) {

    #mediaQuerySign {

        width: 1434px;

    }

}



/* LARGE DESKTOP */

@media all and (min-width: 1435px) {

    #mediaQuerySign {

        width: 2000px;

    }

}



body {

    background-color: #f4f4f4;

    -webkit-font-smoothing: antialiased;

}



/* Butun sayfayi wrap edip scrollbari kaldiriyoruz */

#bodyWrapper {

    position: fixed;

    height: 100%;

    width: 100%;

}

/* -- */



main {

    z-index: 5;

}



    main.mainType1,

    main.mainType2 {

        padding-top: 77px;

        margin-bottom: 10px;

    }







.gridFrameWrapper {

    width: 1175px;

    margin: auto;

}











/* PAGE HEADER */

#pageHeader {

    width: 100%;

    height: 98px;

    padding-left: 40px;

    margin-bottom: 10px;

    background-color: #888a8f;

}



    #pageHeader h1 {

        display: inline-block;

        line-height: 98px;

    }

/* END - PAGE HEADER */











/* ONE CIKARILAN URUNLER BASLIGI */

.featuredProducts {

    height: 74px;

    padding-left: 33px;

    background-color: #888a8f;

}



    .featuredProducts h4 {

        display: inline-block;

        line-height: 74px;

    }



        .featuredProducts h4.mobile {

            display: none;

        }



    .featuredProducts .arrow {

        display: inline-block;

        float: right;

        width: 32px;

        height: 32px;

        margin-top: 22px;

        margin-left: 8px;

        background-color: #fff;

        border-radius: 100%;

        transition: opacity 0.4s;

        -webkit-transition: opacity 0.4s;

    }



        .featuredProducts .arrow:hover {

            opacity: 0.8;

        }



        .featuredProducts .arrow.next {

            margin-right: 44px;

        }



        .featuredProducts .arrow img {

            display: inline-block;

            width: 7px;

            height: auto;

            margin: 10px 0 0 0;

            opacity: 0.5;

        }



        .featuredProducts .arrow.previous img {

            margin-left: 12px;

        }



        .featuredProducts .arrow.next img {

            margin-left: 13px;

        }

/* END - ONE CIKARILAN URUNLER BASLIGI */













/*UTILITY OVERLAY SETTINGS */

#utilityOverlay {

    position: fixed;

    z-index: 99999;

    top: 0;

    left: 0;

    opacity: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,0.97);

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: flex;

    align-items: center;

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -o-justify-content: center;

    justify-content: center;

    transition: opacity 0.6s;

    -webkit-transition: opacity 0.6s;

}



    #utilityOverlay.v1 {

        background-color: rgba(255,255,255,0.97) !important;

        display: initial;

        display: initial;

        display: initial;

        display: initial;

        align-items: initial;

        -webkit-justify-content: initial;

        -moz-justify-content: initial;

        -ms-justify-content: initial;

        -o-justify-content: initial;

        justify-content: initial;

        transition: opacity 0.6s;

        -webkit-transition: opacity 0.6s;

    }



    #utilityOverlay.v2 {

        background-color: rgba(0,0,0,0.8);

    }



    #utilityOverlay #overlayLogo {

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 56px;

        background-color: #e40101 !important;

        background: url(../images/@2x/logotype-master@2x.png) center no-repeat;

        background-size: 82px 25px;

        background-position: center center;

    }



    #utilityOverlay #closeOverlay {

        position: fixed;

        z-index: 1;

        top: 2px;

        right: 0;

        width: 50px;

        height: 50px;

    }



        #utilityOverlay #closeOverlay .closerButton {

            width: 50px;

            height: 50px;

            background-image: url(../images/@2x/icon-close-white2@2x.png);

            background-repeat: no-repeat;

            background-position: center center;

            background-size: 10px 10px;

            cursor: pointer;

        }



    #utilityOverlay #overlayHeading {

        position: fixed;

        top: 56px;

        left: 0;

        width: 100%;

        height: 50px;

        padding-top: 16px;

        color: #fff;

        font-size: 16px;

        font-weight: 400;

        letter-spacing: 0.020em;

        background-color: #888a8f;

        text-align: center;

    }



    #utilityOverlay .popUpContent {

        position: fixed;

        top: 125px;

        right: 5%;

        bottom: 50px;

        left: 5%;

        padding: 0 40px 0 40px;

        overflow: auto;

    }



        #utilityOverlay .popUpContent.v1 {

            position: initial;

            bottom: initial;

            width: 90%;

            height: -webkit-calc(100% - 170px);

            height: calc(100% - 170px);

            bottom: 0;

            margin: 106px auto 0 auto;

            padding: 40px;

            overflow: auto;

            overflow-x: hidden;

            -webkit-overflow-scrolling: touch;

        }



            #utilityOverlay .popUpContent.v1::-webkit-scrollbar {

                display: none;

                -webkit-appearance: none;

            }



        #utilityOverlay .popUpContent h4 {

            display: block;

            padding-top: 20px;

            margin: 14px 0 20px 0;

            border-top: 1px solid #f2f2f2;

        }



            #utilityOverlay .popUpContent h4:first-child {

                margin-top: 0;

                border-top: 0;

            }









.popUpContent.v3 {

    display: none;

}





#utilityOverlay .popUpContent.v3 {

    padding: 30px;

    color: #000;

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    background-color: #fff;

}



    #utilityOverlay .popUpContent.v3 h1 {

        color: #e40101;

        font-size: 20px;

        font-weight: 600;

        text-align: center;

    }



    #utilityOverlay .popUpContent.v3 h2 {

        color: #262626;

        font-weight: 600;

    }



    #utilityOverlay .popUpContent.v3 h3 {

        color: #7d7d7d;

        font-weight: 500;

    }



    #utilityOverlay .popUpContent.v3 .popupLinkA {

        color: #6f6f6f;

    }







.popUpContent.v4 {

    right: auto !important;

    left: 50% !important;

    height: 492px;

    padding: 0 0 0 0 !important;

    margin-left: -365px;

    text-align: center;

    overflow: visible !important;

}



    .popUpContent.v4 img {

        display: inline-block;

        border: 10px solid #fff;

    }













#utilityOverlay #pseudoFilterButton {

    width: 90%;

    height: 42px;

    margin: auto;

    padding: 0;

    font-size: 13px;

    font-weight: 600;

    line-height: 42px;

    background-color: #e40101;

    opacity: 1;

}

/* END - UTILITY OVERLAY SETTINGS */











#popupSubscription {

    display: none;

    position: fixed;

    z-index: 999999;

    top: 50%;

    left: 50%;

    margin: -250px 0 0 -450px;

    width: 900px;

    height: 500px;

    background-image: url('../Files/Modal/modal-box-background-large.jpg');

    background-repeat: no-repeat;

    background-position: center center;

}



    #popupSubscription .aClose {

        position: absolute;

        z-index: 20;

        top: -10px;

        right: -10px;

        display: block;

        width: 57px;

        height: 57px;

        background-color: #e40101;

    }



        #popupSubscription .aClose img {

            display: inline-block;

            width: 13px;

            height: 13px;

            margin: 22px 0 0 22px;

        }



    #popupSubscription .divForm {

        width: 350px;

        height: 500px;

        padding-top: 88px;

        margin-left: 78px;

    }



        #popupSubscription .divForm p {

            width: 210px;

            margin-top: 31px;

            margin-bottom: 45px;

            line-height: 24px;

        }



        #popupSubscription .divForm input[type="text"] {

            margin-bottom: 10px;

        }



        #popupSubscription .divForm input[type="button"] {

            margin-top: 10px;

        }





    #popupSubscription .arzumOkkaContent,

    #popupSubscription .competentService,

    #popupSubscription .videoArea,

    #popupSubscription .holidayMessage {

        display: none;

    }









    #popupSubscription.v1 {

        background-image: url('../Files/Modal/modal-box-okka-background-large.jpg');

    }



        #popupSubscription.v1 .divForm {

            display: none;

        }



        #popupSubscription.v1 .arzumOkkaContent {

            display: block;

            width: 350px;

            height: 500px;

            padding-top: 160px;

            margin-left: 75px;

        }



            #popupSubscription.v1 .arzumOkkaContent p {

                width: 100%;

                margin-top: 35px;

                margin-bottom: 36px;

                line-height: 27px;

            }





            #popupSubscription.v1 .arzumOkkaContent input[type="button"] {

                margin-top: 10px;

            }









    #popupSubscription.v2 .divForm,

    #popupSubscription.v2 .arzumOkkaContent {

        display: none;

    }



    #popupSubscription.v2 {

        background-image: url('../Files/Modal/modal-box-service-background-large.jpg');

        background-repeat: no-repeat;

        background-position: center center;

        background-size: cover;

    }



        #popupSubscription.v2 .competentService {

            display: block;

            width: 350px;

            height: 500px;

            padding-top: 103px;

            margin-left: 79px;

        }



            #popupSubscription.v2 .competentService .content h5 {

                margin-bottom: 13px;

                line-height: 34px;

            }



            #popupSubscription.v2 .competentService .content p {

                line-height: 25px;

            }



            #popupSubscription.v2 .competentService .content .value {

                display: inline-block;

                padding-bottom: 5px;

                margin: 38px 0 5px 0;

                border-bottom: 1px solid rgba(255,255,255,0.3);

            }



            #popupSubscription.v2 .competentService .content .key {

                display: block;

            }







            #popupSubscription.v2 .competentService.v1 .service02,

            #popupSubscription.v2 .competentService.v1 .service03 {

                display: none;

            }



            #popupSubscription.v2 .competentService.v1 {

                padding-top: 145px;

            }



                #popupSubscription.v2 .competentService.v1 .content h5 {

                    margin-bottom: 16px;

                }







            #popupSubscription.v2 .competentService.v2 .service01,

            #popupSubscription.v2 .competentService.v2 .service03 {

                display: none;

            }





            #popupSubscription.v2 .competentService.v3 .service01,

            #popupSubscription.v2 .competentService.v3 .service02 {

                display: none;

            }











    #popupSubscription.v3 {

        background-image: none;

    }





        #popupSubscription.v3 .divForm {

            display: none;

        }



        #popupSubscription.v3 .videoArea {

            z-index: -1;

            display: block;

            height: 100%;

            background-repeat: no-repeat;

            background-position: center center;

            background-size: cover;

        }



            #popupSubscription.v3 .videoArea iframe {

                width: 100%;

                height: 100%;

            }











    #popupSubscription.v4 {

        background-image: none;

    }





        #popupSubscription.v4 .divForm {

            display: none;

        }



        #popupSubscription.v4 .holidayMessage {

            display: block;

        }





            #popupSubscription.v4 .holidayMessage .img01,

            #popupSubscription.v4 .holidayMessage .img02,

            #popupSubscription.v4 .holidayMessage .img03,

            #popupSubscription.v4 .holidayMessage .img04 {

                display: none;

            }



            #popupSubscription.v4 .holidayMessage.tr .img01 {

                display: block;

            }



            #popupSubscription.v4 .holidayMessage.en .img03 {

                display: block;

            }















@media all and (max-width: 700px) {

    body,

    body div.ui-page {

        overflow-x: hidden !important;

    }



        body.androidBrowser.androidBrowser4x #bodyWrapper {

            width: 100% !important;

            height: 100%;

            overflow: hidden;

        }



        body.nonAndroidBrowser #bodyWrapper #fullSiteWrapper {

            left: 0;

            transition: left 0.4s ease-out;

            -webkit-transition: left 0.4s ease-out;

        }



        body.androidBrowser.androidBrowser4x #bodyWrapper #fullSiteWrapper {

            width: 100%;

            box-shadow: none !important;

        }



            body.androidBrowser.androidBrowser4x #bodyWrapper #fullSiteWrapper * {

                opacity: 0.99 !important;

            }



        body #bodyWrapper #fullSiteWrapper {

            left: 0;

            z-index: 125;

            box-shadow: 0 -15px 50px rgba(0,0,0,0.7);

            background-color: #f4f4f4;

            transition: left 0.4s ease-out;

            -webkit-transition: left 0.4s ease-out;

        }



            body #bodyWrapper #fullSiteWrapper.toLeft {

                left: -300px;

                left: -webkit-calc(60px - 100%);

                left: calc(60px - 100%);

            }



            body #bodyWrapper #fullSiteWrapper.toRight {

                left: 300px;

                left: -webkit-calc(100% - 60px);

                left: calc(100% - 60px);

            }



    .gridFrameWrapper {

        width: 100%;

    }



    main.mainType1,

    main.mainType2 {

        padding-top: 56px;

    }



        main.mainType2 #breadcrumbs {

            display: none;

        }



        main.mainType2 #pageHeader {

            text-align: center;

            padding-left: 0;

        }



    #pageHeader {

        padding-top: 0;

        padding-left: 20px;

        height: 60px;

    }



        #pageHeader h1 {

            width: auto;

            line-height: 60px;

        }



        #pageHeader.v1 {

            height: 74px;

            padding-top: 15px;

            padding-left: 20px;

        }



            #pageHeader.v1 h1 {

                width: 260px;

                line-height: 22px;

            }





    /*JQUERY UI CSS*/

    .ui-menu .ui-state-active {

        margin: 0px !important;

    }



    /* JQUERY MOBILE CSS */

    .ui-loader.ui-corner-all.ui-body-a.ui-loader-default {

        top: 0px !important;

        display: none;

    }



    #utilityOverlay .popUpContent.v1 {

        padding: 0 20px 50px 20px;

    }





    .popUpContent.v4 {

        right: 5% !important;

        left: 5% !important;

        bottom: auto !important;

        height: auto;

        margin-left: auto;

    }



        .popUpContent.v4 img {

            width: 100%;

            height: auto;

        }



    #popupSubscription {

        margin: -174px 0 0 -150px;

        width: 300px;

        height: 348px;

        background-image: url('../Files/Modal/modal-box-background-small.jpg');

    }



        #popupSubscription .aClose {

            top: 0;

            right: 0;

            z-index: 1;

            width: 38px;

            height: 38px;

        }



            #popupSubscription .aClose img {

                width: 8px;

                height: 8px;

                margin: 15px 0 0 15px;

            }



        #popupSubscription .divForm {

            width: 100%;

            height: 100%;

            padding: 0 20px 0 20px;

            margin-left: 0;

        }



            #popupSubscription .divForm img {

                display: none;

            }



            #popupSubscription .divForm p {

                margin-top: 60px;

                margin-bottom: 20px;

            }



            #popupSubscription .divForm input[type="text"] {

                margin-bottom: 5px;

            }



            #popupSubscription .divForm input[type="button"] {

                margin-top: 5px;

            }







        #popupSubscription.v1 {

            background-image: url('../Files/Modal/modal-box-okka-background-small.jpg');

        }



            #popupSubscription.v1 .arzumOkkaContent {

                width: 100%;

                height: 100%;

                padding: 0 20px 0 20px;

                margin-left: 0;

            }



                #popupSubscription.v1 .arzumOkkaContent img {

                    display: none;

                }



                #popupSubscription.v1 .arzumOkkaContent p {

                    margin-top: 142px;

                    margin-bottom: 23px;

                    line-height: 25px;

                }



                #popupSubscription.v1 .arzumOkkaContent input[type="button"] {

                    width: 100%;

                    margin-top: 5px;

                }







        #popupSubscription.v2 {

            background-image: url('../Files/Modal/modal-box-service-background-small.jpg');

        }



            #popupSubscription.v2 .competentService {

                width: 100%;

                height: 100%;

                padding-top: 228px;

                margin-left: 0;

            }



                #popupSubscription.v2 .competentService .content h5 {

                    width: 222px;

                    margin: 0 auto 0 auto;

                    line-height: 21px;

                    text-align: center;

                }



                #popupSubscription.v2 .competentService .content p {

                    display: none;

                }



                #popupSubscription.v2 .competentService .content .value {

                    display: block;

                    width: 120px;

                    padding-bottom: 4px;

                    margin: 13px auto 5px auto;

                    text-align: center;

                }



                #popupSubscription.v2 .competentService .content .key {

                    width: 150px;

                    margin: 0 auto 0 auto;

                    text-align: center;

                }







                #popupSubscription.v2 .competentService.v1 {

                    padding-top: 235px;

                }



                    #popupSubscription.v2 .competentService.v1 .service01 h5 {

                        width: 253px;

                        line-height: 31px;

                    }







                #popupSubscription.v2 .competentService.v3 .service03 .value {

                    width: 232px;

                }







        #popupSubscription.v4 .holidayMessage.tr .img01 {

            display: none;

        }



        #popupSubscription.v4 .holidayMessage.tr .img02 {

            display: block;

            width: 100%;

            height: auto;

        }





        #popupSubscription.v4 .holidayMessage.en .img03 {

            display: none;

        }



        #popupSubscription.v4 .holidayMessage.en .img04 {

            display: block;

            width: 100%;

            height: auto;

        }

}



/* TABLET PORTRAIT */

@media all and (min-width: 701px) and (max-width: 1023px) {



    .gridFrameWrapper {

        width: 768px;

    }



    main.mainType2 #breadcrumbs {

        display: none;

    }



    main.mainType2 #pageHeader {

        text-align: center;

        padding-left: 0;

    }



    #pageHeader {

        height: 67px;

        padding-left: 40px;

    }



        #pageHeader h1 {

            line-height: 67px;

        }



    .featuredProducts {

        width: 748px;

        margin: auto;

    }





    .popUpContent.v4 {

        bottom: auto !important;

        height: auto;

    }



        .popUpContent.v4 img {

            width: 100%;

            height: auto;

        }





    /*JQUERY UI CSS*/

    .ui-menu .ui-state-active {

        margin: 0px !important;

    }



    /* JQUERY MOBILE CSS */

    .ui-loader.ui-corner-all.ui-body-a.ui-loader-default {

        top: 0px !important;

        display: none;

    }





    #popupSubscription {

        margin: -189px 0 0 -350px;

        width: 700px;

        height: 389px;

    }





        #popupSubscription .divForm {

            width: 350px;

            height: 100%;

            padding-top: 50px;

            margin-left: 35px;

        }



            #popupSubscription .divForm img {

                width: 74px;

                height: 23px;

            }



            #popupSubscription .divForm p {

                margin-top: 23px;

                margin-bottom: 29px;

            }







        #popupSubscription.v1 .arzumOkkaContent {

            height: 100%;

            padding-top: 130px;

            margin-left: 35px;

        }



            #popupSubscription.v1 .arzumOkkaContent img {

                width: 100px;

                height: auto;

            }



            #popupSubscription.v1 .arzumOkkaContent p {

                margin-top: 23px;

                margin-bottom: 29px;

            }







        #popupSubscription.v2 .competentService {

            height: 100%;

            padding-top: 48px;

            margin-left: 35px;

        }



            #popupSubscription.v2 .competentService .content h5 {

                margin-bottom: 23px !important;

            }



            #popupSubscription.v2 .competentService .content .value {

                margin-top: 30px;

            }





            #popupSubscription.v2 .competentService.v1 {

                padding-top: 100px;

            }



        #popupSubscription.v4 .holidayMessage.tr .img02 {

            display: none;

        }



        #popupSubscription.v4 .holidayMessage.tr .img01 {

            display: block;

            width: 100%;

            height: auto;

        }





        #popupSubscription.v4 .holidayMessage.en .img04 {

            display: none;

        }



        #popupSubscription.v4 .holidayMessage.en .img03 {

            display: block;

            width: 100%;

            height: auto;

        }

}



/* TABLET LANDSCAPE */

@media all and (min-width: 1024px) and (max-width: 1200px) {

    .gridFrameWrapper {

        width: 1024px;

    }





    #popupSubscription.v4 .holidayMessage.tr .img02 {

        display: none;

    }



    #popupSubscription.v4 .holidayMessage.tr .img01 {

        display: block;

        width: 100%;

        height: auto;

    }





    #popupSubscription.v4 .holidayMessage.en .img04 {

        display: none;

    }



    #popupSubscription.v4 .holidayMessage.en .img03 {

        display: block;

        width: 100%;

        height: auto;

    }

}



@media all and (min-width: 1201px) {

}



body {

    font-family: 'Arial';

}



b, strong {

    font-weight: 700;

}



i, em {

    font-style: italic;

}



blockquote {

    font-size: 18px;

    font-weight: bold;

    line-height: 22px;

}



a:link,

a:visited {

    text-decoration: none;

    color: black;

}











/* TEXT STYLES */

.faceA {

    color: #888a8f;

    font-size: 15px;

    font-weight: 400;

    letter-spacing: 0.030em;

}



.faceB {

    color: #888a8f;

    font-size: 14px;

    font-weight: 700;

}



.faceC {

    color: #262626;

    font-size: 13px;

    font-weight: 500;

    letter-spacing: 0.02em;

}



.faceD {

    color: #bfc0c2;

    font-size: 12px;

    font-weight: 500;

}



.faceE {

    color: #a3a3a3;

    font-size: 12px;

    font-weight: 500;

}



.faceF {

    color: #a3a3a3;

    font-size: 13px;

    font-weight: 500;

}



.faceG {

    color: #676767;

    font-size: 14px;

    font-weight: 600;

}



.faceH {

    color: #a3a3a3;

    font-size: 16px;

    font-weight: 500;

}



.faceI {

    color: #000;

    font-size: 18px;

    font-weight: 500;

}



.faceJ {

    color: #e40101;

    font-size: 18px;

    font-weight: 600;

}



.faceK {

    color: #bfbfbf;

    font-size: 13px;

    font-weight: 500;

    text-decoration: line-through;

}



.faceL {

    color: #f0f0f0;

    font-size: 32px;

    font-weight: 400;

    letter-spacing: 0.025em;

}



.faceM {

    color: #878787;

    font-size: 15px;

    font-weight: 500;

}



.faceO {

    color: #7e7e7e;

    font-size: 13px;

    font-weight: 500;

}



.faceP {

    color: #fff;

    font-size: 20px;

    font-weight: 400;

}



.faceR {

    color: #a6a6a6;

    font-size: 14px;

    font-weight: 500;

}



.faceS {

    color: #404040;

    font-size: 27px;

    font-weight: 500;

}



.faceT {

    color: #7f7f7f;

    font-size: 16px;

    font-weight: 500;

}



.faceU {

    color: #e40101;

    font-size: 29px;

    font-weight: 500;

}



.faceV {

    color: #fff;

    font-size: 18px;

    font-weight: 400;

    letter-spacing: 0.030em;

}



.faceW {

    color: #000;

    font-size: 15px;

    font-weight: 600;

}







/* compare */

.faceX {

    color: #a3a3a3;

    font-size: 15px;

    font-weight: 500;

}



.faceY {

    color: #888a8f;

    font-size: 15px;

    font-weight: 500;

}



.faceZ {

    color: #404040;

    font-size: 18px;

    font-weight: 500;

}

/* end - compare */









/* stores */

.faceBB {

    color: #676767;

    font-size: 14px;

    font-weight: 500;

}



.faceCC {

    color: #7f7f7f;

    font-size: 18px;

    font-weight: 600;

}



.faceDD {

    color: #000;

    font-size: 18px;

    font-weight: 600;

}



.faceEE {

    color: #404040;

    font-size: 14px;

    font-weight: 500;

}



.faceFF {

    color: #7f7f7f;

    font-size: 14px;

    font-weight: 500;

}

/* end - stores */







/* error */

.faceGG {

    color: #e40101;

    font-size: 34px;

    font-weight: 600;

}



.faceHH {

    color: #888a8f;

    font-size: 23px;

    font-weight: 500;

}



.faceII {

    color: #888a8f;

    font-size: 20px;

    font-weight: 600;

}



.faceJJ {

    color: #000;

    font-size: 20px;

    font-weight: 400;

}



.faceKK {

    color: #fff;

    font-size: 14px;

    font-weight: 500;

}



.faceLL {

    color: #e40101;

    font-size: 18px;

    font-weight: 600;

}



.faceMM {

    color: #000;

    font-size: 14px;

    font-weight: 600;

}



.faceNN {

    color: #000;

    font-size: 16px;

    font-weight: 400;

}





.faceOO {

    color: #888a8f;

    font-size: 15px;

    font-weight: 400;

}



.facePP {

    color: #888a8f;

    font-size: 15px;

    font-weight: 600;

}



.faceRR {

    color: #888a8f;

    font-size: 27px;

    font-weight: 600;

}



/* Bellissima */



.faceSS {

    color: #000;

    font-size: 50px;

    font-weight: 300;

}



.faceTT {

    color: #404040;

    font-size: 20px;

    font-weight: 600;

}



.faceUU {

    color: #404040;

    font-size: 20px;

    font-weight: 400;

}



.faceVV {

    color: #e40101;

    font-size: 39px;

    font-weight: 300;

}



.faceWW {

    color: #000;

    font-size: 24px;

    font-weight: 400;

}



.faceXX {

    color: #676767;

    font-size: 15px;

    font-weight: 600;

}



.faceYY {

    color: #000;

    font-size: 14px;

    font-weight: 400;

}



.faceZZ {

    color: #e40101;

    font-size: 24px;

    font-weight: 700;

}





/* Tostcu Granit */



.faceAAA {

    color: #a8a8a8;

    font-size: 18px;

    font-weight: 500;

}



.faceBBB {

    color: #2f3134;

    font-size: 28px;

    font-weight: 400;

}



.faceCCC {

    color: #927d72;

    font-size: 50px;

    font-weight: 400;

}



.faceDDD {

    color: #2f3134;

    font-size: 20px;

    font-weight: 400;

}



.faceEEE {

    color: #2f3134;

    font-size: 20px;

    font-weight: 600;

}



.faceFFF {

    color: #fff;

    font-size: 41px;

    font-weight: 500;

}



.faceGGG {

    color: #fff;

    font-size: 41px;

    font-weight: 200;

}



.faceHHH {

    color: #fff;

    font-size: 18px;

    font-weight: 500;

}



.faceIII {

    color: #ca996c;

    font-size: 26px;

    font-weight: 600;

}



.faceJJJ {

    color: #2f3134;

    font-size: 19px;

    font-weight: 600;

}



.faceKKK {

    color: #2f3134;

    font-size: 16px;

    font-weight: 500;

}



.faceLLL {

    color: #f5878a;

    font-size: 26px;

    font-weight: 600;

}



/*END*/





/* MODAL BOX */



.faceMMM {

    color: #fff;

    font-size: 24px;

    font-weight: 400;

}



.faceNNN {

    color: #fff;

    font-size: 24px;

    font-weight: 500;

}



.faceOOO {

    color: #a88444;

    font-size: 27px;

    font-weight: 600;

}



.facePPP {

    color: #fff;

    font-size: 20px;

    font-weight: 400;

}



.faceRRR {

    color: #000;

    font-size: 27px;

    font-weight: 500;

}



.faceSSS {

    color: #d6d6d6;

    font-size: 17px;

    font-weight: 600;

}



.faceTTT {

    color: #d6d6d6;

    font-size: 17px;

    font-weight: 400;

}



.faceQQQ {

    color: #a88444;

    font-size: 27px;

    font-weight: 500;

}





/* END */



/*Landing*/

.faceUUU {

    color: #e40101;

    font-size: 49px;

    font-weight: 600;

}



.faceVVV {

    color: #414042;

    font-size: 34px;

    font-weight: 600;

}



.faceWWW {

    color: #585958;

    font-size: 20px;

    font-weight: 400;

}



.faceXXX {

    color: #585958;

    font-size: 20px;

    font-weight: 300;

}



.faceYYY {

    color: #383838;

    font-size: 17px;

    font-weight: 700;

}



.faceZZZ {

    color: #383838;

    font-size: 17px;

    font-weight: 500;

}



/* Provita Max Landing Page */



.faceAAAA {

    color: #735c50;

    font-size: 55px;

    font-weight: 600;

}



.faceBBBB {

    color: #6a4b40;

    font-size: 23px;

    font-weight: 500;

}



.faceCCCC {

    color: #6a4b40;

    font-size: 23px;

    font-weight: 600;

}



.faceDDDD {

    color: #6a4b40;

    font-size: 19px;

    font-weight: 300;

}



.faceEEEE {

    color: #735c50;

    font-size: 52px;

    font-weight: 600;

}



.faceFFFF {

    color: #735c50;

    font-size: 52px;

    font-weight: 400;

}



.faceGGGG {

    color: #6a4b40;

    font-size: 20px;

    font-weight: 400;

}



.faceHHHH {

    color: #6a4b40;

    font-size: 20px;

    font-weight: 500;

}



.faceIIII {

    color: #735c50;

    font-size: 121px;

    font-weight: 500;

}



.faceJJJJ {

    color: #735c50;

    font-size: 36px;

    font-weight: 300;

}



.faceKKKK {

    color: #735c50;

    font-size: 42px;

    font-weight: 400;

}



.faceLLLL {

    color: #735c50;

    font-size: 42px;

    font-weight: 500;

}



.faceMMMM {

    color: #735c50;

    font-size: 21px;

    font-weight: 400;

}



.faceNNNN {

    color: #735c50;

    font-size: 25px;

    font-weight: 600;

}



.faceOOOO {

    color: #735c50;

    font-size: 17px;

    font-weight: 600;

}



.facePPPP {

    color: #888a8f;

    font-size: 18px;

    font-weight: 600;

}



.faceRRRR {

    color: #888a8f;

    font-size: 16px;

    font-weight: 500;

}







/* Static Page */

.faceSSSS {

    color: #9b9b9b;

    font-size: 14px;

    font-weight: 400;

}



.faceTTTT {

    color: #2f3134;

    font-size: 20px;

    font-weight: 500;

}



.faceUUUU {

    color: #941c28;

    font-size: 50px;

    font-weight: 600;

}



.faceVVVV {

    color: #941c28;

    font-size: 25px;

    font-weight: 400;

}



.faceWWWW {

    font-size: 24px;

    color: #60a2b3;

    font-weight: 400;

}



.faceXXXX {

    color: #797979;

    font-size: 16px;

    font-weight: 600;

}

/* End - Static Page */





.faceYYYY {

    color: #676767;

    font-size: 16px;

    font-weight: 500;

}



.faceZZZZ {

    color: #e40101;

    font-size: 43px;

    font-weight: 600;

}



.faceAAAAA {

    color: #8a3d3d;

    font-size: 24px;

    font-weight: 400;

}



.faceBBBBB {

    color: #927d72;

    font-size: 50px;

    font-weight: 600;

}



.faceCCCCC {

    color: #717171;

    font-size: 50px;

    font-weight: 600;

}





/*FACECLEASING*/

.faceDDDDD {

    color: #717171;

    font-size: 28px;

    font-weight: 400;

}



.faceEEEEE {

    color: #8965ac;

    font-size: 38px;

    font-weight: 400;

}



.faceFFFFF {

    color: #8965ac;

    font-size: 38px;

    font-weight: 600;

}



.faceGGGGG {

    color: #717171;

    font-size: 20px;

    font-weight: 400;

}



.faceHHHHH {

    color: #717171;

    font-size: 20px;

    font-weight: 600;

}



.faceIIIII {

    color: #efa1c4;

    font-size: 28px;

    font-weight: 400;

}



.faceJJJJJ {

    color: #fff;

    font-size: 43px;

    font-weight: 600;

}



.faceKKKKK {

    color: #fff;

    font-size: 25px;

    font-weight: 400;

}



.faceLLLLL {

    color: #fff;

    font-size: 25px;

    font-weight: 600;

}



.faceMMMMM {

    color: #8965ac;

    font-size: 38px;

    font-weight: 600;

}



.faceNNNNN {

    color: #8965ac;

    font-size: 38px;

    font-weight: 600;

}



.faceOOOOO {

    color: #fff;

    font-size: 20px;

    font-weight: 400;

}



.facePPPPP {

    color: #fff;

    font-size: 20px;

    font-weight: 600;

}



.faceRRRRR {

    color: #7f7f7f;

    font-size: 17px;

    font-weight: 500;

}



.faceSSSSS {

    color: #717171;

    font-size: 26px;

    font-weight: 400;

}



.faceTTTTT {

    color: #8965ac;

    font-size: 35px;

    font-weight: 600;

}



.faceUUUUU {

    color: #8965ac;

    font-size: 35px;

    font-weight: 500;

}



.faceVVVVV {

    color: #9b9b9b;

    font-size: 14px;

    font-weight: 400;

}



.faceYYYYY {

    color: #9b9b9b;

    font-size: 14px;

    font-weight: 600;

}



.faceZZZZZ {

    color: #888a8f;

    font-size: 14px;

    font-weight: 600;

}





.faceAAAAAA {

    color: #a3a3a3;

    font-size: 15px;

    font-weight: 500;

}



.faceBBBBBB {

    color: #2f3134;

    font-size: 38px;

    font-weight: 600;

}



/*END - FACECLEASING*/





/* SATEEN TOUCH */

.faceCCCCCC {

    color: #4a4a49;

    font-size: 38px;

    font-weight: 400;

}



.faceDDDDDD {

    color: #4a4a49;

    font-size: 38px;

    font-weight: 600;

}



.faceEEEEEE {

    color: #d7914d;

    font-size: 24px;

    font-weight: 600;

}



.faceFFFFFF {

    color: #4a4a49;

    font-size: 24px;

    font-weight: 500;

}



.faceGGGGGG {

    color: #898989;

    font-size: 22px;

    font-weight: 500;

}



.faceHHHHHH {

    color: #9a8555;

    font-size: 38px;

    font-weight: 600;

}



.faceIIIIII {

    color: #7e7e7e;

    font-size: 19px;

    font-weight: 500;

}



.faceJJJJJJ {

    color: #9a8555;

    font-size: 19px;

    font-weight: 600;

}



.faceKKKKKK {

    color: #d7914d;

    font-size: 39px;

    font-weight: 400;

}



.faceLLLLLL {

    color: #d7914d;

    font-size: 39px;

    font-weight: 600;

}



.faceMMMMMM {

    color: #d7914d;

    font-size: 19px;

    font-weight: 600;

}



.faceNNNNNN {

    color: #4a4a49;

    font-size: 18px;

    font-weight: 500;

}



.faceOOOOOO {

    color: #b8aaa4;

    font-size: 15px;

    font-weight: 500;

}



.facePPPPPP {

    color: #4a4a49;

    font-size: 22px;

    font-weight: 500;

}



.faceRRRRRR {

    color: #d7914d;

    font-size: 39px;

    font-weight: 500;

}



.faceSSSSSS {

    color: #a8958d;

    font-size: 49px;

    font-weight: 600;

}



.faceTTTTTT {

    color: #b8aaa4;

    font-size: 49px;

    font-weight: 500;

    font-style: italic;

}



.faceUUUUUUU {

    color: #7e7e7e;

    font-size: 18px;

    font-weight: 500;

}



.faceVVVVVV {

    color: #1eace8;

    font-size: 30px;

    font-weight: 500;

}



/* END - SATEEN TOUCH */





/* POMEGRANATE SERIES */

.faceYYYYYY {

    color: #fff;

    font-size: 44px;

    font-weight: 500;

}





.faceZZZZZZ {

    color: #fff;

    font-size: 28px;

    font-weight: 400;

}





.faceAAAAAAA {

    color: #980922;

    font-size: 47px;

    font-weight: 300;

}



.faceBBBBBBB {

    color: #980922;

    font-size: 47px;

    font-weight: 500;

}



.faceCCCCCCC {

    color: #6c6c6c;

    font-size: 22px;

    font-weight: 400;

}





.faceDDDDDDD {

    color: #6c6c6c;

    font-size: 22px;

    font-weight: 500;

}





.faceEEEEEEE {

    color: #980922;

    font-size: 26px;

    font-weight: 500;

}



.faceFFFFFFF {

    color: #6c6c6c;

    font-size: 20px;

    font-weight: 400;

}



.faceGGGGGGG {

    color: #ed0831;

    font-size: 26px;

    font-weight: 500;

}



.faceHHHHHHH {

    color: #ed0831;

    font-size: 26px;

    font-weight: 300;

}





.faceIIIIIII {

    color: #c70528;

    font-size: 20px;

    font-weight: 500;

}



/* END - POMEGRANATE SERIES */



/* LANDING-02 */



.faceJJJJJJJ {

    color: #a87656;

    font-size: 38px;

    font-weight: 500;

}



.faceKKKKKKK {

    color: #a87656;

    font-size: 38px;

    font-weight: 600;

}



.faceLLLLLLL {

    color: #2f3134;

    font-size: 25px;

    font-weight: 500;

}



.faceMMMMMMM {

    color: #a87656;

    font-size: 45px;

    font-weight: 600;

}



.faceNNNNNNN {

    color: #6a4b40;

    font-size: 25px;

    font-weight: 500;

}



.faceOOOOOOO {

    color: #6a4b40;

    font-size: 25px;

    font-weight: 600;

}



.facePPPPPPP {

    color: #78d6e4;

    font-size: 24px;

    font-weight: 600;

}



.faceRRRRRRR {

    color: #6c6c6c;

    font-size: 20px;

    font-weight: 500;

}



.faceSSSSSSS {

    color: #f5878a;

    font-size: 24px;

    font-weight: 600;

}



.faceTTTTTTT {

    color: #a87656;

    font-size: 34px;

    font-weight: 400;

}



.faceUUUUUUUU {

    color: #a87656;

    font-size: 34px;

    font-weight: 600;

}



.faceVVVVVVV {

    color: #959595;

    font-size: 16px;

    font-weight: 500;

}











/* END - LANDING-02 */

















.aStyleA {

    color: #a3a3a3;

    font-size: 15px;

    font-weight: 400;

    transition: color 0.3s;

}



    .aStyleA:hover {

        color: #909090;

        opacity: 1;

    }



.aStyleC {

    color: #6f7177;

    font-size: 16px;

    font-weight: 500;

    letter-spacing: 0.030em;

    transition: color 0.3s;

}



    .aStyleC:hover {

        color: #e40101;

    }





.aStyleD {

    color: #bfc0c2;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 0.030em;

    transition: color 0.3s;

}



    .aStyleD:hover {

        color: #aaa;

    }





.aStyleE {

    color: #949599;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 0.030em;

    transition: color 0.3s;

}



    .aStyleE:hover {

        color: #666;

        opacity: 1;

    }



.aStyleF {

    color: #888a8f;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 0.040em;

    transition: color 0.3s;

}



    .aStyleF:hover {

        color: #666;

    }



.aStyleG {

    color: #6f7177;

    font-size: 13px;

    font-weight: 400;

    transition: color 0.3s;

}



    .aStyleG:hover {

        color: #444549;

    }



.aStyleH {

    color: #a3a3a3;

    font-size: 13px;

    font-weight: 500;

    transition: color 0.3s;

}



    .aStyleH:hover {

        color: #787878;

        opacity: 1;

    }



.aStyleI {

    color: #676767;

    font-size: 14px;

    font-weight: 500;

    transition: color 0.3s;

}



    .aStyleI:hover {

        color: #787878;

        opacity: 1;

    }





.aStyleJ {

    color: #bfc0c2;

    font-size: 13px;

    font-weight: 400;

    letter-spacing: 0.05em;

    transition: color 0.3s;

}



    .aStyleJ:hover {

        color: #919191;

    }



.aStyleK {

    color: #888a8f;

    font-size: 16px;

    font-weight: 500;

    transition: color 0.3s;

}



    .aStyleK:hover {

        color: #000;

    }



.aStyleL {

    color: #e40101;

    font-size: 16px;

    font-weight: 600;

    transition: color 0.3s;

}



    .aStyleL:hover {

        color: #bf0000;

    }





@media all and (max-width: 700px) {





    footer .aStyleG {

        font-size: 16px;

        font-weight: 500;

    }



    footer .facePPPP {

        font-size: 14px;

    }



    footer .faceRRRR {

        font-size: 13px;

    }





    #topBarOptions .faceA {

        color: #fff;

        font-size: 12px;

    }



    #topBarOptions .faceB {

        color: #fff;

        font-size: 12px;

    }



    #menuOpener .aStyleC {

        color: #262626;

        font-size: 17px;

        letter-spacing: 0.020em;

    }



        #menuOpener .aStyleC:hover {

            color: #262626;

        }



    #menuOpener .aStyleD {

        color: #7f7f7f;

        font-size: 17px;

        letter-spacing: 0.020em;

    }



        #menuOpener .aStyleD:hover {

            color: #7f7f7f;

        }



    #menuOpener .aStyleE {

        color: #262626;

        font-size: 17px;

        letter-spacing: 0.020em;

    }



        #menuOpener .aStyleE:hover {

            color: #262626;

        }





    #pageHeader .faceL {

        font-size: 17px;

    }





    #details .faceR {

        font-size: 11px;

    }



    #details .faceS {

        font-size: 20px;

    }



    #details .faceLL {

        font-size: 15px;

    }



    #details .faceMM {

        font-size: 12px;

    }



    #details .faceNN {

        font-size: 13px;

    }



    #details .faceOO {

        font-size: 12px;

    }



    #details .facePP {

        font-size: 15px;

    }



    #details .faceRR {

        font-size: 23px;

    }





    #details .faceSSSS {

        font-size: 13px;

    }



    #details .faceTTTT,

    #details .faceEEE {

        font-size: 13px;

    }



    #details .faceUUUU {

        font-size: 26px;

    }



    #details .faceVVVV {

        font-size: 16px;

    }



    #details .faceYYYY {

        font-size: 14px;

        font-weight: 500;

    }



    #details .faceXXXX {

        font-size: 14px;

        font-weight: 600;

    }



    #details .faceZZZZ {

        font-size: 22px;

    }



    #details .faceAAAAA {

        font-size: 17px;

    }



    #details .faceBBBBB,

    #details .faceCCCCC {

        font-size: 22px;

    }



    #details .faceBBB {

        font-size: 18px;

    }



    #details .faceDDD {

        font-size: 16px;

    }



    #stores .faceCC {

        font-size: 14px;

        font-weight: 700;

    }



    #stores .faceFF {

        font-size: 11px;

        font-weight: 600;

    }



    #stores .faceDD {

        font-size: 14px;

    }



    #stores .faceEE {

        font-size: 12px;

    }





    /* error */

    #error .faceGG {

        font-size: 20px;

    }



    #error .faceHH {

        font-size: 16px;

    }



    #error .faceII {

        font-size: 16px;

    }



    #error .aStyleK {

        font-size: 14px;

        font-weight: 500;

    }





    #listing .faceHH {

        font-size: 16px;

    }



    #bellissima .faceSS {

        font-size: 24px;

        font-weight: 400;

    }



    #bellissima .faceTT {

        font-size: 14px;

    }



    #bellissima .faceUU {

        font-size: 14px;

    }



    #bellissima .faceVV {

        font-size: 23px;

        font-weight: 400;

    }



    #bellissima .faceWW {

        font-size: 14px;

        font-weight: 500;

    }



    #bellissima .faceXX {

        font-size: 14px;

        font-weight: 500;

    }



    #bellissima .faceZZ {

        font-size: 14px;

    }



    #bellissima .aStyleL {

        font-size: 14px;

    }



    #toasterGranite .faceBBB {

        font-size: 20px;

    }



    #toasterGranite .faceCCC {

        font-size: 26px;

    }



    #toasterGranite .faceDDD {

        font-size: 16px;

    }



    #toasterGranite .faceEEE {

        font-size: 16px;

    }



    #toasterGranite .faceFFF {

        font-size: 30px;

    }



    #toasterGranite .faceGGG {

        font-size: 28px;

    }



    #toasterGranite .faceHHH {

        font-size: 14px;

    }



    #toasterGranite .faceIII {

        font-size: 19px;

    }



    #toasterGranite .faceJJJ {

        font-size: 15px;

    }



    #toasterGranite .faceKKK {

        font-size: 14px;

    }



    #toasterGranite .faceLLL {

        font-size: 17px;

    }



    #bulletin .faceJJ {

        font-size: 15px;

    }



    #landing .faceUUU {

        font-size: 41px;

    }



    #landing .faceVVV {

        font-size: 29px;

    }



    #landing .faceWWW {

        font-size: 17px;

    }



    #landing .faceXXX {

        font-size: 17px;

    }



    #landing .faceYYY {

        font-size: 14px;

    }



    #landing .faceZZZ {

        font-size: 14px;

    }





    #provita .faceAAAA {

        font-size: 38px;

    }



    #provita .faceBBBB,

    #provita .faceCCCC {

        font-size: 20px;

    }



    #provita .faceDDDD {

        font-size: 17px;

    }



    #provita .faceEEEE,

    #provita .faceFFFF {

        font-size: 36px;

    }



    #provita .faceGGGG,

    #provita .faceHHHH {

        font-size: 18px;

    }



    #provita .faceIIII {

        font-size: 76px;

    }



    #provita .faceJJJJ {

        font-size: 22px;

    }



    #provita .faceLLLL,

    #provita .faceKKKK {

        font-size: 26px;

    }



    #provita .faceMMMM {

        font-size: 18px;

    }



    #provita .faceNNNN {

        font-size: 24px;

    }





    /* MODAL BOX */



    #popupSubscription.v1 .faceMMM {

        font-size: 19px;

    }



    #popupSubscription.v1 .faceNNN {

        font-size: 19px;

        font-weight: 400;

    }





    #popupSubscription.v2 .competentService .faceOOO,

    #popupSubscription.v2 .competentService .faceQQQ {

        font-size: 17px;

    }



    #popupSubscription.v2 .competentService.v1 .faceOOO,

    #popupSubscription.v2 .competentService.v1 .faceQQQ {

        font-size: 24px;

    }



    /* END */



    /*FACECLEASING*/

    #faceCleansing .faceDDDDD {

        font-size: 18px;

    }



    #faceCleansing .faceEEEEE {

        font-size: 24px;

    }



    #faceCleansing .faceFFFFF {

        font-size: 24px;

    }



    #faceCleansing .faceGGGGG {

        font-size: 16px;

    }



    #faceCleansing .faceHHHHH {

        font-size: 16px;

    }



    #faceCleansing .faceIIIII {

        font-size: 18px;

    }



    #faceCleansing .faceJJJJJ {

        font-size: 25px;

    }



    #faceCleansing .faceKKKKK {

        font-size: 16px;

    }



    #faceCleansing .faceLLLLL {

        font-size: 16px;

    }



    #faceCleansing .faceMMMMM {

        font-size: 24px;

    }



    #faceCleansing .faceNNNNN {

        font-size: 24px;

    }



    #faceCleansing .faceOOOOO {

        font-size: 16px;

    }



    #faceCleansing .facePPPPP {

        font-size: 16px;

    }



    #faceCleansing .faceRRRRR {

        font-size: 14px;

    }



    .faceSSSSS {

        font-size: 18px;

    }



    .faceUUUUU,

    .faceTTTTT {

        font-size: 20px;

    }



    .faceGGGGG,

    .faceHHHHH {

        font-size: 16px;

    }

    /*END - FACECLEASING*/



    .faceBBBBBB {

        font-size: 20px;

    }





    /* SATEEN TOUCH */

    #sateenTouch .faceCCCCCC,

    #sateenTouch .faceDDDDDD {

        font-size: 22px;

    }



    #sateenTouch .faceFFFFFF,

    #sateenTouch .faceEEEEEE {

        font-size: 16px;

    }





    #sateenTouch .faceGGGGGG {

        font-size: 17px;

    }



    #sateenTouch .faceHHHHHH {

        font-size: 23px;

    }



    #sateenTouch .faceIIIIII,

    #sateenTouch .faceJJJJJJ {

        font-size: 16px;

    }



    #sateenTouch .faceKKKKKK,

    #sateenTouch .faceLLLLLL {

        font-size: 26px;

    }



    #sateenTouch .section06 .faceKKKKKK,

    #sateenTouch .section06 .faceLLLLLL {

        font-size: 22px;

    }



    #sateenTouch .faceNNNNNN {

        font-size: 15px;

    }



    #sateenTouch .faceOOOOOO {

        font-size: 13px;

    }



    #sateenTouch .section06 .faceOOOOOO {

        font-size: 16px;

    }



    #sateenTouch .facePPPPPP {

        font-size: 19px;

    }



    #sateenTouch .section08 .facePPPPPP {

        font-size: 18px;

    }



    #sateenTouch .faceRRRRRR {

        font-size: 26px;

    }



    #sateenTouch .faceSSSSSS {

        font-size: 33px;

    }



    #sateenTouch .faceTTTTTT {

        font-size: 33px;

    }



    #sateenTouch .faceUUUUUUU {

        font-size: 16px;

    }



    #sateenTouch .faceVVVVVV {

        font-size: 24px;

    }



    /* END - SATEEN TOUCH */







    /* POMEGRANATE SERIES */

    #pomegranateSeries .faceYYYYYY {

        font-size: 34px;

    }





    #pomegranateSeries .faceZZZZZZ {

        font-size: 22px;

    }





    #pomegranateSeries .faceAAAAAAA,

    #pomegranateSeries .faceBBBBBBB {

        font-size: 26px;

    }





    #pomegranateSeries .faceCCCCCCC,

    #pomegranateSeries .faceDDDDDDD {

        font-size: 16px;

    }





    #pomegranateSeries .faceEEEEEEE {

        font-size: 21px;

    }



    #pomegranateSeries .faceFFFFFFF {

        font-size: 15px;

    }



    /* END - POMEGRANATE SERIES */





    /* LANDING-02 */



    #landing-02 .faceJJJJJJJ,

    #landing-02 .faceKKKKKKK {

        font-size: 29px;

    }



    #landing-02 .faceLLLLLLL {

        font-size: 20px;

    }



    #landing-02 .faceMMMMMMM {

        font-size: 30px;

    }



    #landing-02 .faceNNNNNNN,

    #landing-02 .faceOOOOOOO {

        font-size: 18px;

    }



    #landing-02 .facePPPPPPP {

        font-size: 24px;

    }



    #landing-02 .faceRRRRRRR {

        font-size: 18px;

    }



    #landing-02 .faceSSSSSSS {

        font-size: 24px;

    }



    #landing-02 .faceTTTTTTT,

    #landing-02 .faceUUUUUUUU {

        font-size: 22px;

    }



    /* END - LANDING-02 */





}



@media all and (min-width: 701px) and (max-width: 1023px) {



    #pageHeader .faceL {

        font-size: 22px;

    }







    #details .faceOO {

        font-size: 12px;

    }



    #details .facePP {

        font-size: 15px;

    }



    #details .faceRR {

        font-size: 21px;

    }



    #details .faceUUUU {

        font-size: 40px;

    }



    #details .faceVVVV {

        font-size: 20px;

    }



    #details .faceTTTT,

    #details .faceEEE {

        font-size: 16px;

    }



    #details .faceXXXX {

        font-weight: 600;

    }



    #details .faceZZZZ {

        font-size: 33px;

    }



    #details .faceAAAAA {

        font-size: 21px;

    }



    #details .faceBBBBB,

    #details .faceCCCCC {

        font-size: 30px;

    }



    #details .faceBBB {

        font-size: 26px;

    }



    #details .faceDDD {

        font-size: 17px;

    }





    #bellissima .faceSS {

        font-size: 30px;

        font-weight: 300;

    }



    #bellissima .faceTT {

        font-size: 16px;

    }



    #bellissima .faceUU {

        font-size: 16px;

    }



    #bellissima .faceVV {

        font-size: 32px;

        font-weight: 300;

    }



    #bellissima .faceWW {

        font-size: 18px;

        font-weight: 500;

    }



    #bellissima .faceZZ {

        font-size: 18px;

    }





    #toasterGranite .faceBBB {

        font-size: 26px;

    }



    #toasterGranite .faceCCC {

        font-size: 45px;

    }



    #toasterGranite .faceDDD {

        font-size: 18px;

    }



    #toasterGranite .faceEEE {

        font-size: 18px;

    }



    #toasterGranite .faceFFF {

        font-size: 34px;

    }



    #toasterGranite .faceGGG {

        font-size: 35px;

    }



    #toasterGranite .faceHHH {

        font-size: 16px;

    }



    #toasterGranite .faceKKK {

        font-size: 15px;

    }





    #provita .faceAAAA {

        font-size: 35px;

    }



    #provita .faceBBBB,

    #provita .faceCCCC {

        font-size: 17px;

    }



    #provita .faceDDDD {

        font-size: 15px;

    }



    #provita .faceEEEE,

    #provita .faceFFFF {

        font-size: 40px;

    }



    #provita .faceGGGG,

    #provita .faceHHHH {

        font-size: 18px;

    }



    #provita .faceIIII {

        font-size: 93px;

    }



    #provita .faceJJJJ {

        font-size: 27px;

    }



    #provita .faceLLLL,

    #provita .faceKKKK {

        font-size: 32px;

    }



    #provita .faceMMMM {

        font-size: 16px;

    }



    #provita .faceNNNN {

        font-size: 20px;

    }



    footer .facePPPP {

        font-size: 16px;

    }



    footer .faceRRRR {

        font-size: 14px;

    }





    /*FACECLEASING*/

    #faceCleansing .faceDDDDD {

        font-size: 19px;

    }



    #faceCleansing .faceEEEEE {

        font-size: 25px;

    }



    #faceCleansing .faceFFFFF {

        font-size: 25px;

    }



    #faceCleansing .faceGGGGG {

        font-size: 16px;

    }



    #faceCleansing .faceHHHHH {

        font-size: 16px;

    }



    #faceCleansing .faceIIIII {

        font-size: 21px;

    }



    #faceCleansing .faceJJJJJ {

        font-size: 26px;

    }



    #faceCleansing .faceKKKKK {

        font-size: 17px;

    }



    #faceCleansing .faceLLLLL {

        font-size: 17px;

    }



    #faceCleansing .faceMMMMM {

        font-size: 26px;

    }



    #faceCleansing .faceNNNNN {

        font-size: 24px;

    }



    #faceCleansing .faceOOOOO {

        font-size: 15px;

    }



    #faceCleansing .facePPPPP {

        font-size: 15px;

    }



    #faceCleansing .faceRRRRR {

        font-size: 12px;

    }



    #faceCleansing .facePPPP {

        font-size: 15px;

    }



    #faceCleansing .faceH {

        font-size: 15px;

    }



    .faceUUUUU,

    .faceTTTTT {

        font-size: 29px;

    }



    .faceGGGGG,

    .faceHHHHH {

        font-size: 17px;

    }

    /*END - FACECLEASING*/



    .faceBBBBBB {

        font-size: 28px;

    }







    /* SATEEN TOUCH */

    #sateenTouch .faceCCCCCC,

    #sateenTouch .faceDDDDDD {

        font-size: 24px;

    }



    #sateenTouch .faceFFFFFF,

    #sateenTouch .faceEEEEEE {

        font-size: 18px;

    }



    #sateenTouch .faceGGGGGG {

        font-size: 18px;

    }



    #sateenTouch .faceHHHHHH {

        font-size: 29px;

    }



    #sateenTouch .faceIIIIII,

    #sateenTouch .faceJJJJJJ {

        font-size: 16px;

        letter-spacing: -0.020em;

    }



    #sateenTouch .faceKKKKKK,

    #sateenTouch .faceLLLLLL {

        font-size: 29px;

    }



    #sateenTouch .faceNNNNNN {

        font-size: 15px;

    }



    #sateenTouch .faceOOOOOO {

        font-size: 13px;

    }



    #sateenTouch .facePPPPPP {

        font-size: 18px;

    }



    #sateenTouch .faceRRRRRR {

        font-size: 29px;

    }



    #sateenTouch .faceSSSSSS {

        font-size: 34px;

    }



    #sateenTouch .faceTTTTTT {

        font-size: 34px;

    }



    #sateenTouch .faceUUUUUUU {

        font-size: 16px;

    }



    #sateenTouch .faceVVVVVV {

        font-size: 20px;

        font-weight: 600;

    }



    /* END - SATEEN TOUCH */





    /* PROCHOP */



    /*#details .tabberA div.descContent .description.detailDescription .productDescription.prochop .faceJJJJJJJ {

        font-size: 24px;

    }*/

    /* PROCHOP END */







    /* POMEGRANATE SERIES */

    #pomegranateSeries .faceYYYYYY {

        font-size: 35px;

    }





    #pomegranateSeries .faceZZZZZZ {

        font-size: 25px;

    }





    #pomegranateSeries .faceAAAAAAA,

    #pomegranateSeries .faceBBBBBBB {

        font-size: 37px;

    }





    #pomegranateSeries .faceCCCCCCC,

    #pomegranateSeries .faceDDDDDDD {

        font-size: 17px;

    }





    #pomegranateSeries .faceEEEEEEE {

        font-size: 21px;

    }



    #pomegranateSeries .faceFFFFFFF {

        font-size: 16px;

    }



    /* END - POMEGRANATE SERIES */



    /* LANDING-02 */



    #landing-02 .faceJJJJJJJ,

    #landing-02 .faceKKKKKKK {

        font-size: 35px;

    }



    #landing-02 .faceLLLLLLL {

        font-size: 23px;

    }



    #landing-02 .faceMMMMMMM {

        font-size: 35px;

    }



    #landing-02 .faceNNNNNNN,

    #landing-02 .faceOOOOOOO {

        font-size: 18px;

    }



    #landing-02 .facePPPPPPP {

        font-size: 23px;

    }



    #landing-02 .faceRRRRRRR {

        font-size: 18px;

    }



    #landing-02 .faceSSSSSSS {

        font-size: 23px;

    }



    #landing-02 .faceTTTTTTT,

    #landing-02 .faceUUUUUUUU {

        font-size: 24px;

    }



    /* END - LANDING-02 */





}



@media all and (min-width: 1024px) and (max-width: 1200px) {





    #details .faceS {

    }



    #details #featuredProductsSlider .faceO {

        font-size: 14px;

    }



    #details #featuredProductsSlider .faceH {

        font-size: 15px;

    }





    #toasterGranite .faceBBB {

        font-size: 27px;

    }



    #toasterGranite .faceCCC {

        font-size: 49px;

    }



    #toasterGranite .faceDDD {

        font-size: 20px;

    }



    #toasterGranite .faceEEE {

        font-size: 20px;

    }



    #toasterGranite .faceFFF,

    #toasterGranite .faceGGG {

        font-size: 40px;

    }





    #provita .faceAAAA {

        font-size: 50px;

    }



    #provita .faceBBBB,

    #provita .faceCCCC {

        font-size: 21px;

    }



    #provita .faceDDDD {

        font-size: 17px;

    }



    #provita .faceEEEE,

    #provita .faceFFFF {

        font-size: 47px;

    }



    #provita .faceGGGG,

    #provita .faceHHHH {

        font-size: 17px;

    }



    #provita .faceIIII {

        font-size: 111px;

    }



    #provita .faceJJJJ {

        font-size: 33px;

    }



    #provita .faceLLLL,

    #provita .faceKKKK {

        font-size: 38px;

    }



    #provita .faceMMMM {

        font-size: 18px;

    }







    #faceCleansing .faceDDDDD {

        font-size: 25px;

    }



    #faceCleansing .faceEEEEE {

        font-size: 35px;

    }



    #faceCleansing .faceFFFFF {

        font-size: 33px;

    }



    #faceCleansing .faceGGGGG {

        font-size: 20px;

    }



    #faceCleansing .faceHHHHH {

        font-size: 20px;

    }



    #faceCleansing .faceIIIII {

        font-size: 28px;

    }



    #faceCleansing .faceJJJJJ {

        font-size: 34px;

    }



    #faceCleansing .faceKKKKK {

        font-size: 23px;

    }



    #faceCleansing .faceLLLLL {

        font-size: 22px;

    }



    #faceCleansing .faceMMMMM {

        font-size: 35px;

    }



    #faceCleansing .faceNNNNN {

        font-size: 33px;

    }



    #faceCleansing.faceOOOOO {

        font-size: 18px;

    }



    #faceCleansing .facePPPPP {

        font-size: 18px;

    }

    /*END - FACECLEASING*/

}



input,

select,

select option,

button,

label,

textarea {

    font-family: 'Arial';

}





/* -------- SELECT-UL DEFAULT DEGERLERI -------- */

/* Ilk basilan alan dis kapsayici (alt kisim kapali iken) */

.ui-selectmenu-button {

    display: inline-block;

    overflow: hidden;

    position: relative;

    text-decoration: none;

    cursor: pointer;

}



    /* Ilk basilan alanin yazi kapsayicisi */

    .ui-selectmenu-button span.ui-selectmenu-text {

        text-align: left;

        padding: 16px 10px 15px 20px;

        display: block;

        line-height: 1.4;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }



    /* Ilk basilan alanin ikon (ok) kapsayicisi */

    .ui-selectmenu-button span.ui-icon {

        right: 0.5em;

        left: auto;

        margin-top: -8px;

        position: absolute;

        top: 50%;

    }



/* Alt acilir alan kapsayicisi */

.ui-selectmenu-menu {

    padding: 0;

    margin: 0;

    position: absolute;

    z-index: 10;

    top: 0;

    left: 0;

    display: none;

}



    .ui-selectmenu-menu ul.ui-menu {

        overflow: auto;

        /* Support: IE7 */

        overflow-x: hidden;

        padding-bottom: 1px;

    }



        .ui-selectmenu-menu ul.ui-menu li.ui-menu-item {

            cursor: pointer;

        }



.ui-selectmenu-open {

    display: block;

}

/* END - SELECT-UL DEFAULT DEGERLERI */









/* UL-SELECT OZELLESTIRMESI */

/* Ust basilir alan kapsayicisi */

.selectTypeA.ui-selectmenu-button {

    width: 130px !important;

    border: 1px solid #e5e5e5;

    transition: border-color 0.5s;

}



    .selectTypeA.ui-selectmenu-button:hover {

        border: 1px solid #bbb;

    }



    /* Alt acilir aktif oldugunda ust kismin stillenmesi (focus gibi) */

    .selectTypeA.ui-selectmenu-button[aria-expanded=true] {

        border: 1px solid #ddd !important;

    }



    /* Ust basilir alan yazisinin kapsayicisi */

    .selectTypeA.ui-selectmenu-button span.ui-selectmenu-text {

        color: #7f7f7f;

        font-size: 14px;

        font-weight: 500;

        transition: color 0.5s;

    }



    .selectTypeA.ui-selectmenu-button:hover span.ui-selectmenu-text {

        color: #555;

    }



    .selectTypeA.ui-selectmenu-button[aria-expanded=true] span.ui-selectmenu-text {

        color: #000;

    }



    /* Ok ikonu */

    .selectTypeA.ui-selectmenu-button span.ui-icon {

        right: 10px;

        width: 14px;

        height: 7px;

        margin-top: -2px;

        background-image: url(../Images/@2x/arrow-down-black@2x.png);

        background-repeat: no-repeat;

        background-size: 10px 6px;

        opacity: 0.15;

        transition: opacity 0.5s;

    }



    .selectTypeA.ui-selectmenu-button:hover span.ui-icon {

        opacity: 0.3;

    }



    .selectTypeA.ui-selectmenu-button[aria-expanded=true] span.ui-icon {

        opacity: 0.3;

    }



/* Alt acilir kapsayicisi */

.selectTypeA.ui-selectmenu-menu {

    width: 130px; /* ui-selectmenu-button ile ayni olmali */

}



    .selectTypeA.ui-selectmenu-menu ul.ui-menu {

        width: 129px;

        margin: 0;

        border: 1px solid #ddd;

        border-top: 0;

        background-color: #fff;

        background-color: rgba(255,255,255,0.92);

    }



        .selectTypeA.ui-selectmenu-menu ul.ui-menu li.ui-menu-item {

            padding: 11px 5px 9px 10px;

            background-color: transparent;

            color: #888;

            font-size: 14px;

            border-bottom: 1px solid #ddd;

            transition: background-color 0.5s;

        }



            .selectTypeA.ui-selectmenu-menu ul.ui-menu li.ui-menu-item:last-child {

                border-bottom: 0;

            }



            .selectTypeA.ui-selectmenu-menu ul.ui-menu li.ui-menu-item:hover {

                color: #555;

                background-color: #f1f1f1;

            }









/* selectTypeA versiyonlari */

.selectTypeA.v1.ui-selectmenu-button {

    width: 83px !important;

}



    .selectTypeA.v1.ui-selectmenu-button span.ui-selectmenu-text {

        font-size: 14px;

        font-weight: 500;

        padding: 16px 10px 15px 15px;

    }



.selectTypeA.v1.ui-selectmenu-menu {

    width: 83px; /* ui-selectmenu-button ile ayni olmali */

}



    .selectTypeA.v1.ui-selectmenu-menu ul.ui-menu {

        width: 83px !important;

    }

/* END - UL-SELECT OZELLESTIRMESI */











/* selectTypeA versiyonlari */

.selectTypeA.v2.ui-selectmenu-button {

    width: 183px !important;

    background-color: #fff;

    border: 1px solid #888a8f;

}



    .selectTypeA.v2.ui-selectmenu-button span.ui-selectmenu-text {

        color: #7f7f7f;

        font-size: 12px;

        font-weight: 500;

        padding: 13px 10px 12px 15px;

    }



.selectTypeA.ui-selectmenu-button span.ui-icon {

    margin-top: -3px;

}



.selectTypeA.v2.ui-selectmenu-menu {

    width: 183px; /* ui-selectmenu-button ile ayni olmali */

}



    .selectTypeA.v2.ui-selectmenu-menu ul.ui-menu {

        width: 183px !important;

    }



.selectTypeA.ui-selectmenu-menu ul.ui-menu li.ui-menu-item {

    padding: 11px 5px 9px 15px;

    background-color: #fff;

    color: #7f7f7f;

    font-size: 12px;

}

/* END - UL-SELECT OZELLESTIRMESI */













/* MOBIL CIHAZLARDA GORUNECEK SELECT ELEMENTLERI */

select.selectTypeA {

    display: block;

    width: 120px;

    padding: 16px 10px 15px 20px;

    color: #555;

    height: 52px;

    border: 1px solid #e5e5e5;

    background-color: #fff;

    background-image: url(../Images/@2x/arrow-down-grey@2x.png);

    background-repeat: no-repeat;

    background-size: 10px 6px;

    background-position: right 15px center;

    text-overflow: ellipsis;

    white-space: nowrap;

}



    select.selectTypeA.v1 {

        width: 84px;

    }





#listing select.selectTypeA {

    width: 183px;

}

/* END -  MOBIL CIHAZLARDA GORUNECEK SELECT ELEMENTLERI */









/* stores */

select.selectTypeB {

    width: 100% ;

    height: 52px;

    padding-left: 20px;

    color: #7f7f7f;

    font-size: 14px;

    font-weight:500;

    border: 1px solid #e5e5e5;

    background-color: #fff;

    background-image: url(../Images/@2x/arrow-down-grey@2x.png);

    background-repeat: no-repeat;

    background-position: right 20px center;

    background-size: 10px 6px;

}

/* -- */









/* INPUT TYPE=TEXT */

.inputTypeA {

    padding: 0 0 0 20px;

    width: 90%;

    height: 86px;

    color: #888a8f;

    font-size: 34px;

    font-weight:200;

    border: 0;

    letter-spacing:1px;

}





.inputTypeB {

    padding: 0 20px 0 20px;

    width: 320px;

    height: 46px;

    color: #000;

    font-size: 14px;

    font-weight:600;

    background-color:transparent;

    border: 1px solid #d1d1d1;

}



.inputTypeB::-webkit-input-placeholder { /* WebKit browsers */

    color: #000;

}



.inputTypeB:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color: #000;

}



.inputTypeB::-moz-placeholder { /* Mozilla Firefox 19+ */

    color: #000;

}



.inputTypeB:-ms-input-placeholder { /* Internet Explorer 10+ */

    color: #000;

}

/* END - INPUT TYPE TEXT ELEMENTLERI */











/* INPUT TYPE=CHECKBOX */

.chkListStyleA label {

    display: block;

    padding-right: 5px;

    padding-left: 28px;

    color: #7f7f7f;

    font-size: 15px;

    font-weight: 500;

    cursor: pointer;

}



    .chkListStyleA label span.box {

        display: inline-block;

        position: absolute;

        left: 0;

        top:50%;

        width: 21px;

        height: 21px;

        margin-top:-10px;

        box-sizing: border-box;

        border: 1px solid #e5e5e5;

        background-color: #fff;

        transition: border 0.5s;

    }



    .chkListStyleA label:hover span.text {

        color: #555;

    }



    .chkListStyleA label:hover span.box {

        border: 1px solid #bbb;

    }



    .chkListStyleA label input[type=checkbox] {

        display: none;

    }



        .chkListStyleA label input[type=checkbox]:checked ~ span.box {

            border: 1px solid #bbb;

            background-image: url('../Images/@2x/icon-checkbox.png');

            background-repeat: no-repeat;

            background-position: center center;

            background-size: 8px 8px;

        }



        .chkListStyleA label input[type=checkbox]:checked ~ span.text {

            color: #555 !important;

        }

/* END - INPUT TYPE=CHECKBOX */















.chkListStyleB label {

    display: inline-block;

    width:150px;

    padding-left: 28px;

    margin-bottom:15px;

    color: #7f7f7f;

    font-size: 15px;

    font-weight: 500;

    line-height:16px;

    cursor: pointer;

}



    .chkListStyleB label span.box {

        display: inline-block;

        position: absolute;

        left: 0;

        top:50%;

        width: 21px;

        height: 21px;

        margin-top:-10px;

        box-sizing: border-box;

        border: 1px solid #e5e5e5;

        background-color: #fff;

        transition: border 0.5s;

    }



    .chkListStyleB label:hover span.text {

        color: #555;

    }



    .chkListStyleB label:hover span.box {

        border: 1px solid #bbb;

    }



    .chkListStyleB label input[type=checkbox] {

        display: none;

    }



        .chkListStyleB label input[type=checkbox]:checked ~ span.box {

            border: 1px solid #bbb;

            background-image: url('../Images/@2x/icon-checkbox.png');

            background-repeat: no-repeat;

            background-position: center center;

            background-size: 8px 8px;

        }



        .chkListStyleB label input[type=checkbox]:checked ~ span.text {

            color: #555 !important;

        }























@media all and (max-width: 700px) {



    /* INPUT TYPE=TEXT */

    #searchOpener .inputTypeA {

        padding: 0 10px 0 20px;

        height: 49px;

        font-size: 14px;

        border: 1px solid #e5e5e5;;

        border-right: 0;

    }





    #popupSubscription .inputTypeB {

        width: 100%;

    }

    /* END - INPUT TYPE TEXT ELEMENTLERI */





    #details .selectTypeA.ui-selectmenu-button {

        width: 100% !important;

    }



    #details .selectTypeA.v1.ui-selectmenu-button {

        width: calc(50% - 5px) !important;

    }



    #details select.selectTypeA.v1 {

        width: calc(50% - 5px);

    }





    .chkListStyleB label {

        width:128px;

    }

}



@media all and (min-width: 701px) and (max-width: 1023px) {



    #searchOpener .inputTypeA {

        width: 84%;

    }

}



@media all and (min-width: 1024px) and (max-width: 1200px) {



    #details .selectTypeA.ui-selectmenu-button {

        width: 120px !important;

    }



    #details .selectTypeA.v1.ui-selectmenu-button {

        width: 83px !important;

    }



    #details .selectTypeA.ui-selectmenu-menu {

        width: 120px !important;

    }



    .selectTypeA.ui-selectmenu-menu ul.ui-menu {

        width: 120px !important;

    }

}





html, body, #fullSiteWrapper, main, section {

    height: 100%;

}



.gridFrameWrapper {

    height: 100%;

}



#loginV1 {

}



    #loginV1 .section01 {

        background-image: url('../Images/main-bg.jpg');

        background-repeat: no-repeat;

        background-size: cover;

        background-position-x: center;

        background-position-y: center;

        background-position: center center;

    }



    #loginV1 .formContainer {

        position: absolute;

        top: 50%;

        right: 0;

        width: 464px;

        margin-top: -350px;

    }



        #loginV1 .formContainer h1 {

            margin-bottom: 10px;

            color: #000;

            font-size: 40px;

            font-weight: 600;

        }



        #loginV1 .formContainer .text {
            margin-bottom: 78px;
            color: #000;
            font-size: 21px;
            font-weight: 600;
            color: #fff;
        }



        #loginV1 .formContainer .formContent {

            width: 100%;

            height: 475px;

            padding: 46px 50px 0 50px;

            background-color: #fff;

            border-radius: 5px;

            -webkit-box-shadow: 0px 0px 61px 6px rgba(0,0,0,0.14);

            -moz-box-shadow: 0px 0px 61px 6px rgba(0,0,0,0.14);

            box-shadow: 0px 0px 61px 6px rgba(0,0,0,0.14);

        }

#loginV1 .formContainer .formContent .cptImage {
                position: absolute; 
                top: 240px;
                left: 60px;
            }


            #loginV1 .formContainer .formContent .topContent {

                margin-bottom: 20px;                

                font-size: 0;

            }



                #loginV1 .formContainer .formContent .topContent .arzumLogo {

                    display: inline-block;

                    vertical-align: top;

                    width: 96px;

                    height: auto;

                }



                #loginV1 .formContainer .formContent .topContent .line {

                    display: inline-block;

                    vertical-align: top;

                    height: 28px;

                    margin-right: 28px;

                    margin-left: 27px;

                    border-left: 1px solid #f2f2f2;

                }



                #loginV1 .formContainer .formContent .topContent h5 {

                    display: inline-block;

                    vertical-align: top;

                    margin-top: 1px;

                    color: #e40101;

                    font-size: 25px;

                    font-weight: 500;

                    letter-spacing: -0.030em;

                }





            #loginV1 .formContainer .formContent .formItem {

                width: 100%;

                height: 50px;

                padding-right: 20px;

                margin-bottom: 20px;

                font-size: 0;

                border-radius: 5px;

                border: 1px solid #e3e3e3;

            }



                #loginV1 .formContainer .formContent .formItem .title {

                    display: inline-block;

                    vertical-align: top;

                    width: 122px;

                    padding-left: 19px;

                    margin-top: 22px;

                    color: #b2b2b2;

                    font-size: 14px;

                    font-weight: 600;

                }



                #loginV1 .formContainer .formContent .formItem .formInput {

                    display: inline-block;

                    vertical-align: top;

                    width: 220px;

                    height: 34px;

                    padding: 0 0 0 20px;

                    margin-top: 10px;

                    color: #000;

                    font-size: 14px;

                    font-weight: 700;

                    border: 0;

                    border-left: 1px solid #e3e3e3;

                }



            #loginV1 .formContainer .formContent .loginButton {

                display: block;

                width: 130px;

                height: 50px;

                padding-top: 16px;

                margin: 0 0 20px auto;

                color: #fff;

                font-size: 15px;

                font-weight: 700;

                text-align: center;

                background-color: #e40101;

                border-radius: 5px;

            }



            #loginV1 .formContainer .formContent .loginButton:hover, #loginV1 .formContainer .formContent .loginButton:active {

                background-color: #b40000;

            }



            #loginV1 .formContainer .formContent .bottomContent {

                padding-top: 20px;

                border-top: 1px solid #e3e3e3;

            }



                #loginV1 .formContainer .formContent .bottomContent p {

                    margin-bottom: 4px;

                    color: #000;

                    font-size: 12px;

                    font-weight: 700;

                }

                #loginV1 .formContainer .formContent .bottomContent p a:hover {

                    text-decoration: underline;

                }



                #loginV1 .formContainer .formContent .bottomContent span {

                    color: #000;

                    font-size: 12px;

                    font-weight: 500;

                }









/* Screen */

@media all and (max-width: 700px) {

    html, body, #fullSiteWrapper, main, section {

        height: auto;

    }



    .ui-page.ui-page-theme-a.ui-page-active {

        height: 100% !important;

        min-height: 100% !important;

    }



    #loginV1 .section01 {

        padding-top: 50px;

        padding-bottom: 50px;

    }



    #loginV1 .formContainer {

        position: relative;

        top: auto;

        top: initial;

        right: auto;

        right: initial;

        width: 300px;

        margin-top: 0;

        margin-right: auto;

        margin-left: auto;

    }



        #loginV1 .formContainer h1 {

            margin-bottom: 10px;

            font-size: 30px;

            text-align:center;

        }



        #loginV1 .formContainer .text {

            margin-bottom: 20px;

            font-size: 19px;

            line-height:21px;

            text-align:center;

        }



        #loginV1 .formContainer .formContent {

            height: auto;

            padding: 40px 20px 40px 20px;

        }



            #loginV1 .formContainer .formContent .topContent {

                margin-bottom: 30px;

            }



                #loginV1 .formContainer .formContent .topContent .arzumLogo {

                    display: block;

                    margin: 0 auto 10px auto;

                }



                #loginV1 .formContainer .formContent .topContent .line {

                    display: none;

                }



                #loginV1 .formContainer .formContent .topContent h5 {

                    display: block;

                    margin-top: 0;

                    text-align: center;

                }



            #loginV1 .formContainer .formContent .formItem {

                height: auto;

                padding-right: 0;

                margin-bottom: 20px;

                border:0;

            }



                #loginV1 .formContainer .formContent .formItem .title {

                    display: block;

                    width: 100%;

                    padding-left: 0;

                    margin-top: 10px;

                }



                #loginV1 .formContainer .formContent .formItem .formInput {

                    width: 100%;

                    padding: 0 20px 0 20px;

                    border: 1px solid #e3e3e3;

                    border-radius: 5px;

                }



            #loginV1 .formContainer .formContent .loginButton {

                width: 100%;

                margin: 0 auto 35px auto;

            }

}



@media all and (min-width: 701px) and (max-width: 1023px) {

    .ui-page.ui-page-theme-a.ui-page-active {

        height: 100% !important;

        min-height: 100% !important;

    }



    #loginV1 .section01 {

        background-position: left -120px center;

        background-position-x: left -120px;

        background-position-y: center;

    }



    #loginV1 .formContainer {

        right: 20px;

    }

}



@media all and (min-width: 1024px) and (max-width: 1200px) {

    .ui-page.ui-page-theme-a.ui-page-active {

        height: 100% !important;

        min-height: 100% !important;

    }



    #loginV1 .formContainer {

        right: 50px;

        margin-top: -300px;

    }



        #loginV1 .formContainer .text {

            margin-bottom: 40px;

        }

}



@media all and (min-width: 1201px) and (max-width: 1434px) {



    #loginV1 .formContainer {

        margin-top: -290px;

    }



        #loginV1 .formContainer .text {

            margin-bottom: 30px;

        }

}